@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@600;700;900&display=swap";.demo-drawer{contain:layout style}.popover-demo>article{transform-origin:50% 0}:root{color:#27241f;font-synthesis:none;--paper:#f8f4ea;--ink:#27241f;--muted:#746f65;--accent:#b44e32;--accent-dark:#823722;--line:#d8d0bf;--dark:#282820;--shadow:0 18px 60px #362b1a1f;background:#f3efe5;font-family:Noto Sans SC,system-ui,sans-serif}.project-extract-page{max-width:1440px;min-height:80vh;margin:0 auto;padding:55px max(4vw,24px) 110px}.project-extract-hero{grid-template-columns:1fr 300px;align-items:end;gap:55px;padding:35px 0 45px;display:grid}.project-extract-hero h1{letter-spacing:-.055em;margin:17px 0 16px;font:800 clamp(40px,4.7vw,66px)/1.12 Noto Sans SC}.project-extract-hero>div>p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.8}.project-extract-hero aside{background:#f2faf5;border:1px solid #cce4d6;border-radius:16px;grid-template-columns:auto 1fr;gap:7px 10px;padding:18px;display:grid}.project-extract-hero aside svg{color:#20714d;grid-row:1/3;width:25px}.project-extract-hero aside b{font-size:12px}.project-extract-hero aside span{color:#5f776a;font-size:9px;line-height:1.55}.project-extract-grid{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);align-items:start;display:grid;overflow:hidden;box-shadow:0 24px 70px #2d1f1417}.project-scope-panel{border-right:1px solid var(--line);background:#faf9f6;gap:15px;padding:26px;display:grid}.project-scope-panel header small{color:var(--accent);letter-spacing:.12em;font-size:9px;font-weight:800}.project-scope-panel h2{margin:6px 0 3px;font:750 23px Noto Sans SC}.project-scope-panel>label{color:#4c4c53;gap:7px;font-size:11px;font-weight:700;display:grid}.project-scope-panel input,.project-scope-panel textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ddd6cd;border-radius:11px;outline:0;padding:11px 12px}.project-scope-panel textarea{resize:vertical;min-height:95px;line-height:1.6}.project-scope-panel input:focus,.project-scope-panel textarea:focus{border-color:#eb8c82;box-shadow:0 0 0 3px #e724270f}.project-inspect-button{color:#fff;background:#25272d;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:12px;font-weight:750;display:flex}.project-inspect-button svg{width:16px}.project-inspect-button:disabled{opacity:.48}.project-error{color:#a02529;background:#fff0f0;border-radius:10px;padding:11px;font-size:10px}.project-file-scope{border-top:1px solid var(--line);gap:12px;margin-top:6px;padding-top:18px;display:grid}.project-file-scope>header{justify-content:space-between;align-items:end;display:flex}.project-file-scope header b,.project-file-scope header small{display:block}.project-file-scope header small{color:var(--muted);margin-top:3px;font-size:9px}.project-file-scope header>span{color:var(--accent);font-size:9px;font-weight:750}.project-file-list{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;max-height:330px;padding:5px;display:grid;overflow:auto}.project-file-list label{color:#66656a;border-radius:8px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:7px;min-width:0;padding:8px;font-size:9px;font-weight:500;display:grid}.project-file-list label.selected{color:#25252a;background:#fff2ef}.project-file-list input{width:auto}.project-file-list svg{width:13px}.project-file-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-file-list small{color:#9a9690}.project-privacy{color:#426151;background:#edf7f1;border-radius:11px;gap:10px;padding:12px;display:flex}.project-privacy>svg{flex:0 0 18px;width:18px}.project-privacy b{margin-bottom:5px;font-size:10px;display:block}.project-privacy span{align-items:center;gap:4px;font-size:8px;line-height:1.55;display:flex}.project-privacy span svg{width:11px}.project-confirm{align-items:flex-start;line-height:1.55;gap:8px!important;font-weight:500!important;display:flex!important}.project-confirm input{width:auto;margin-top:2px}.project-result-panel{min-height:760px;padding:28px}.project-result-empty{text-align:center;align-content:center;place-items:center;min-height:690px;display:grid}.project-result-empty>svg{width:50px;height:50px;color:var(--accent);background:var(--soft-red);border-radius:17px;padding:13px}.project-result-empty h2{margin:18px 0 8px;font:750 22px Noto Sans SC}.project-result-empty>p{max-width:470px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.project-result-empty ol{text-align:left;width:min(460px,100%);margin:24px 0 0;padding:0;list-style:none}.project-result-empty li{color:var(--muted);border-bottom:1px solid var(--line);gap:12px;padding:10px 0;font-size:10px;display:flex}.project-result-empty li b{color:var(--accent)}.project-result>header{border-bottom:1px solid var(--line);padding:0 150px 20px 0;position:relative}.project-result header small{color:var(--accent);font-size:8px;font-weight:800}.project-result header h2{margin:8px 0;font:750 27px Noto Sans SC}.project-result header p{color:var(--muted);font-size:11px;line-height:1.65}.project-result header button{color:#fff;background:var(--accent);border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:flex;position:absolute;top:0;right:0}.project-result header svg{width:14px}.project-result>section{border-bottom:1px solid var(--line);padding:18px 0}.project-result h3{margin:0 0 10px;font-size:12px}.project-result section p{color:#5c5c62;margin:7px 0;font-size:10px;line-height:1.65}.project-result pre{white-space:pre-wrap;color:#ddd;background:#17191f;border-radius:12px;max-height:340px;padding:15px;font:10px/1.7 ui-monospace,SFMono-Regular,monospace;overflow:auto}@media (width<=1050px){.project-extract-hero,.project-extract-grid{grid-template-columns:1fr}.project-scope-panel{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=720px){.project-extract-page{padding:38px 20px 80px}.project-extract-hero h1{font-size:39px}.project-scope-panel,.project-result-panel{padding:17px}.project-result>header{padding-right:0}.project-result header button{margin-top:12px;position:static}.project-file-list label{grid-template-columns:auto auto minmax(0,1fr)}.project-file-list label small{display:none}}*{box-sizing:border-box}.capture-page{background:#0a0a0c;width:100vw;height:100vh;margin:0;overflow:hidden}.capture-canvas{width:100%;height:100%}.capture-error{color:#fff;place-items:center;display:grid}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f4eaf0;align-items:center;gap:42px;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.brand-mark{background:var(--accent);color:#fff8ec;border-radius:10px 10px 3px;place-items:center;width:38px;height:38px;font:700 21px Noto Serif SC;display:grid;transform:rotate(-2deg)}.brand b{letter-spacing:.06em;font:800 17px Noto Serif SC;display:block}.brand small{color:var(--muted);letter-spacing:.18em;margin-top:2px;font-size:8px;display:block}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;display:flex}.header-meta{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.hero-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(400px,.92fr) minmax(500px,1.08fr);min-height:680px;display:grid}.hero-copy{padding:96px 5vw 70px;position:relative}.hero-copy:after{content:"";background:var(--line);width:1px;height:100%;position:absolute;top:0;right:0}.edition-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;display:flex}.edition-label span{color:var(--paper);background:var(--accent);letter-spacing:.16em;padding:5px 8px}.hero-copy h1 span{color:var(--accent);white-space:nowrap;position:relative}.hero-copy h1 span:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='8' viewBox='0 0 200 8'%3E%3Cpath d='M1 6C43 1 98 8 199 2' stroke='%23b44e32' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:6px;position:absolute;bottom:-8px;left:0;right:0}.hero-copy>p{color:#625d54;max-width:560px;font-size:17px;line-height:1.9}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.primary-cta{color:#fff;background:var(--accent);border-radius:3px;align-items:center;gap:28px;padding:15px 18px 15px 23px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:5px 5px #dfc9b1}.primary-cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #dfc9b1}.hero-actions>a:last-child{color:var(--muted);border-bottom:1px solid var(--muted);font-size:14px}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:44px;font-size:12px;display:flex}.hero-proof span{align-items:center;gap:5px;display:flex}.hero-proof svg{color:var(--accent)}.hero-art{background-color:#e8e0cf;background-image:linear-gradient(#50432e0e 1px,#0000 1px),linear-gradient(90deg,#50432e0e 1px,#0000 1px);background-size:28px 28px;min-height:620px;padding:90px 5vw;position:relative;overflow:hidden}.hero-art:after{content:"PROMPT";color:#715c3d12;font:900 120px Noto Serif SC;position:absolute;bottom:-20px;right:-50px;transform:rotate(-8deg)}.thought-card,.prompt-card{z-index:2;box-shadow:var(--shadow);background:#faf7eff0;border:1px solid #bfb39e;position:relative}.thought-card{width:52%;min-width:280px;padding:30px;transform:rotate(-2.5deg)}.thought-card small,.prompt-card small{color:var(--muted);letter-spacing:.13em}.thought-card p{font:700 22px/1.6 Noto Serif SC}.thought-card span{color:var(--accent);border:1px solid var(--accent);padding:3px 8px;font-size:11px;display:inline-block}.transform-mark{z-index:3;color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:44%;left:53%;box-shadow:0 0 0 10px #b44e3221}.transform-mark i{border-top:1px dashed var(--accent);z-index:-1;width:90px;position:absolute;transform:rotate(18deg)}.prompt-card{width:57%;min-width:330px;margin:-8px 0 0 auto;padding:28px;transform:rotate(2deg)}.prompt-card>div{justify-content:space-between;align-items:center;display:flex}.prompt-card b{color:var(--accent);font:700 26px Noto Serif SC}.prompt-card p{background:#eee8dc;padding:20px;font-size:13px;line-height:1.8}.prompt-card button{color:#fff;background:var(--dark);border:0;align-items:center;gap:6px;margin-left:auto;padding:9px 12px;display:flex}.art-note{color:#756b5c;letter-spacing:.2em;font-size:10px;position:absolute;bottom:34px;left:5vw}.search-invite{border:1px solid var(--line);background:var(--paper);z-index:4;grid-template-columns:1fr 1.15fr 1.15fr;margin:-1px 5vw 0;display:grid;position:relative;transform:translateY(-29px);box-shadow:0 12px 35px #46382414}.search-invite>*{border-right:1px solid var(--line);align-items:center;gap:12px;min-height:58px;padding:0 20px;font-size:13px;display:flex}.search-invite>:last-child{border-right:0}.search-invite>div{color:var(--accent);font-weight:700}.search-invite a{color:var(--muted);justify-content:space-between}.search-invite a:hover{color:var(--ink);background:#f0eadf}.category-section{padding:70px 5vw 110px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:50px;padding-bottom:32px;display:flex}.section-heading>div{grid-template-columns:42px auto;align-items:end;column-gap:10px;display:grid}.section-heading span{color:var(--accent);grid-row:1/3;font:700 42px Noto Serif SC}.section-heading small{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.section-heading h2{margin:4px 0 0;font:800 clamp(25px,3vw,38px) Noto Serif SC}.section-heading>p{max-width:460px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.category-grid{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:40px;display:grid}.category-grid a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:225px;padding:30px;transition:all .25s;position:relative}.category-grid a:nth-child(-n+3){border-top:1px solid var(--line)}.category-grid a:hover{color:#fff;background:var(--accent);z-index:2;transform:translateY(-5px);box-shadow:0 18px 40px #84392333}.category-index{color:#c7bdad;font:700 24px Noto Serif SC;position:absolute;top:18px;right:24px}.category-grid svg{color:var(--accent);margin:15px 0 22px}.category-grid h3{margin:0 0 4px;font:700 20px Noto Serif SC}.category-grid small{color:var(--accent);letter-spacing:.18em;font-size:9px}.category-grid p{color:var(--muted);font-size:13px}.category-grid a>svg:last-child{margin:0;position:absolute;bottom:24px;right:26px}.how-section{color:#eee7d8;background:var(--dark);padding:90px 5vw 60px}.section-heading.inverse{border-color:#4a493e}.section-heading.inverse>p,.section-heading.inverse small{color:#a7a395}.steps-grid{border:1px solid #4a493e;grid-template-columns:repeat(3,1fr);margin-top:50px;display:grid}.steps-grid article{border-right:1px solid #4a493e;min-height:280px;padding:42px;position:relative}.steps-grid article:last-child{border:0}.steps-grid article>b{color:#4a493e;font:700 48px Noto Serif SC;position:absolute;top:16px;right:25px}.steps-grid svg{color:#d47857}.steps-grid h3{margin-top:48px;font:700 21px Noto Serif SC}.steps-grid p{color:#aaa697;font-size:13px;line-height:1.8}.stats-strip{color:#aaa697;border-top:1px solid #4a493e;align-items:center;gap:55px;margin-top:45px;padding-top:30px;display:flex}.stats-strip span{align-items:baseline;gap:7px;font-size:12px;display:flex}.stats-strip b{color:#eee7d8;font:700 27px Noto Serif SC}.stats-strip a{color:#eee7d8;border:1px solid #686658;align-items:center;gap:25px;margin-left:auto;padding:12px 16px;display:flex}.site-footer{color:var(--muted);background:#1f1f19;border-top:1px solid #414036;justify-content:space-between;align-items:center;padding:28px 5vw;font-size:12px;display:flex}.site-footer>div{align-items:center;gap:9px;display:flex}.footer-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.explore-page{min-height:80vh;padding:70px 5vw 110px}.explore-header{text-align:center;max-width:880px;margin:0 auto}.explore-header .edition-label{justify-content:center}.explore-header h1{margin:24px 0 12px;font:900 clamp(34px,4vw,58px) Noto Serif SC}.explore-header>p{color:var(--muted)}.search-box{background:#fffdfa;border:1px solid #b9ad99;align-items:center;gap:12px;height:58px;margin:34px auto 0;padding:0 18px;display:flex;box-shadow:5px 5px #e4d9c9}.search-box svg{color:var(--accent)}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search-box button{color:var(--muted);background:0 0;border:0}.category-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:45px 0;display:flex}.category-tabs button{color:var(--muted);border:1px solid var(--line);background:0 0;padding:9px 14px}.category-tabs button:hover,.category-tabs button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.result-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin:45px 0 24px;padding-bottom:16px;display:flex}.result-heading>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.result-heading span{color:var(--accent);letter-spacing:.15em;font-size:10px}.result-heading h2{margin:0;font:700 26px Noto Serif SC}.result-heading small{color:var(--muted);flex-basis:100%;font-size:9px;font-weight:400}.result-heading>b{color:#aaa08f;letter-spacing:.18em;font-size:10px}.patterns-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.pattern-card{border:1px solid var(--line);background:#fffdfa;min-width:0;transition:all .22s}.pattern-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.card-content{padding:22px}.card-eyebrow{color:var(--accent);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.card-eyebrow button{color:#9b9387;background:0 0;border:0;place-items:center;width:31px;height:31px;display:grid}.card-eyebrow button.is-favorite{color:var(--accent)}.card-title{align-items:baseline;gap:8px;margin-top:8px;display:flex}.card-title h3{margin:0;font:700 23px Noto Serif SC}.card-title span{color:var(--muted);font-size:12px}.card-content>p{min-height:62px;color:var(--muted);font-size:13px;line-height:1.7}.plain-query{color:#766c5e;border-left:2px solid var(--accent);white-space:nowrap;text-overflow:ellipsis;background:#f1eadf;padding:9px 10px;font-size:11px;overflow:hidden}.card-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.card-actions button,.card-actions a{align-items:center;gap:6px;font-size:11px;display:flex}.card-actions button{color:#fff;background:var(--dark);border:0;padding:9px 10px}.card-actions a{color:var(--muted)}.toast{z-index:100;color:#fff;background:var(--dark);box-shadow:var(--shadow);padding:13px 18px;position:fixed;bottom:30px;right:30px}.loading-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.loading-grid>div{border:1px solid var(--line);background:#fff;height:420px;padding:20px}.loading-grid i,.loading-grid span{background:#e5ded2;animation:1.5s infinite pulse;display:block}.loading-grid i{height:210px}.loading-grid span{width:80%;height:16px;margin-top:25px}.loading-grid span:last-child{width:55%}.empty-state{text-align:center;max-width:620px;color:var(--muted);border:1px dashed #bcb09c;margin:70px auto;padding:55px}.empty-state h3{color:var(--ink);font:700 23px Noto Serif SC}.empty-state button,.empty-state a{color:#fff;background:var(--accent);border:0;margin-top:12px;padding:10px 14px;display:inline-block}.preview-stage{background:#f5efe5;border:1px solid #c9bfaf;overflow:hidden;box-shadow:0 15px 45px #30261814}.preview-stage.is-compact{border:0;border-bottom:1px solid var(--line);box-shadow:none}.preview-chrome{background:#e7dfd1;border-bottom:1px solid #d4cab9;align-items:center;gap:5px;height:34px;padding:0 12px;display:flex}.preview-chrome span{border:1px solid #a89d8e;border-radius:50%;width:7px;height:7px}.preview-chrome em{color:#8f8679;letter-spacing:.12em;margin-left:auto;font-size:8px;font-style:normal}.preview-canvas{background:#fcfaf5;height:430px;position:relative;overflow:hidden}.is-compact .preview-canvas{height:210px}.recorded-preview video{object-fit:cover;background:#0a0a0c;width:100%;height:100%;display:block}.recorded-preview .preview-canvas>small{color:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;pointer-events:none;background:#0a0a0cb3;padding:5px 8px;font-size:9px;position:absolute;bottom:10px;right:10px}.mini-list{flex-direction:column;gap:10px;padding:40px 11%;display:flex}.mini-list span{background:#f0ebe2;border:1px solid #ded5c6;padding:12px;font-size:12px}.mini-list button{border:1px solid var(--accent);color:var(--accent);background:0 0;align-self:start;align-items:center;gap:4px;padding:8px 11px;display:flex}.demo-backdrop{z-index:2;background:#28241e57;position:absolute;inset:0}.demo-drawer{z-index:3;background:#fffdfa;width:62%;padding:28px;animation:.24s slideIn;position:absolute;top:0;bottom:0;right:0;box-shadow:-15px 0 35px #231c122e}.demo-drawer .icon-button{background:#eee8dd;border:0;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:15px;right:15px}.demo-drawer small{color:var(--accent)}.demo-drawer h4{margin:8px 0;font:700 20px Noto Serif SC}.demo-drawer p{color:var(--muted);font-size:11px;line-height:1.6}.demo-field{background:#f8f4ed;border:1px solid #d7cdbd;height:32px;margin:15px 0}.demo-field.short{width:68%}.solid-button{color:#fff;background:var(--accent);border:0;padding:9px 12px}.demo-modal{z-index:3;text-align:center;width:70%;max-width:360px;box-shadow:var(--shadow);background:#fffdfa;padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warning-mark{width:38px;height:38px;color:var(--accent);border:1px solid var(--accent);border-radius:50%;place-items:center;margin:auto;font:700 22px Noto Serif SC;display:grid}.demo-modal h4{font:700 19px Noto Serif SC}.demo-modal p{color:var(--muted);font-size:11px}.demo-modal>div{justify-content:center;gap:8px;display:flex}.demo-modal button{border:1px solid var(--line);background:#fff;padding:8px 12px}.demo-modal .danger-button{color:#fff;border-color:var(--accent);background:var(--accent)}.masonry-demo{columns:3;column-gap:9px;padding:28px}.masonry-demo div{color:#fff;background:linear-gradient(145deg,#bf6847,#d6a678);border-radius:4px;width:100%;margin-bottom:9px;padding:9px;display:inline-flex}.masonry-demo div:nth-child(2n){background:linear-gradient(145deg,#778274,#aab29e)}.masonry-demo span{font:700 11px Noto Serif SC}.landing-demo{text-align:center;background:radial-gradient(circle at 50% 20%,#f3dfc5,#0000 40%);height:100%;padding:8% 9%}.landing-demo small{color:var(--accent);letter-spacing:.15em}.landing-demo h3{margin:17px 0;font:800 clamp(20px,3vw,34px)/1.3 Noto Serif SC}.landing-demo button{border:1px solid var(--ink);background:0 0;margin:0 4px;padding:8px 12px}.landing-demo button:first-child{color:#fff;background:var(--accent);border-color:var(--accent)}.landing-demo section{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px;display:grid}.landing-demo section span{border:1px solid var(--line);background:#ffffffb3;padding:18px 4px;font-size:10px}.sidebar-demo{height:100%;display:flex}.sidebar-demo aside{color:#eee8db;background:#282820;width:42%;padding:20px 12px;transition:width .25s}.sidebar-demo aside.collapsed{width:68px}.sidebar-demo aside>b{color:#df7655;margin:0 10px 20px;display:block}.sidebar-demo aside span{white-space:nowrap;align-items:center;gap:10px;margin:3px 0;padding:10px;font-size:11px;display:flex}.sidebar-demo aside span.active{background:#a94c34}.sidebar-demo aside i{border:1px solid;border-radius:2px;flex:none;width:8px;height:8px}.sidebar-demo aside button{float:right;color:#fff;background:0 0;border:0;margin-top:10px}.sidebar-content{flex:1;padding:35px 25px}.sidebar-content small{color:var(--accent)}.sidebar-content h4{font:700 18px Noto Serif SC}.select-demo{width:78%;margin:55px auto;position:relative}.select-demo label,.number-demo label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.select-demo>button{text-align:left;background:#fff;border:1px solid #cfc4b4;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:8px 12px;font-size:11px;display:flex}.cascade-menu{z-index:3;box-shadow:var(--shadow);background:#fff;border:1px solid #cfc4b4;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;top:72px;left:0;right:0}.cascade-menu span{border-right:1px solid #e4dbcf;padding:8px}.cascade-menu span:last-child{border:0}.cascade-menu b,.cascade-menu i{padding:7px;font-size:9px;font-style:normal;display:block}.cascade-menu b{color:var(--accent);background:#f4e6de}.selected-tags{gap:4px;display:flex}.selected-tags i{color:var(--accent);background:#f5e3db;padding:3px 6px;font-style:normal}.option-menu{z-index:2;box-shadow:var(--shadow);background:#fff;border:1px solid #cfc4b4;padding:5px;position:absolute;top:72px;left:0;right:0}.option-menu button{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:8px;font-size:10px;display:flex}.option-menu button.active{color:var(--accent);background:#f6e8e1}.skeleton-demo{padding:30px}.skeleton-demo>button{float:right;border:1px solid var(--line);background:#fff;padding:5px 7px;font-size:9px}.skeleton{background:linear-gradient(90deg,#e7e1d7,#f3eee6,#e7e1d7) 0 0/200% 100%;border-radius:4px;animation:1.3s infinite shimmer}.skeleton.hero{clear:both;height:95px;margin:30px 0 14px}.skeleton.line{height:12px;margin:8px 0}.skeleton.line.short{width:60%}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.skeleton-grid i{background:#e7e1d7;border-radius:4px;height:48px}.loaded-hero{clear:both;color:#fff;background:var(--accent);place-items:center;height:95px;margin:30px 0 14px;font:800 30px Noto Serif SC;display:grid}.skeleton-demo h4{margin:8px 0;font:700 17px Noto Serif SC}.skeleton-demo p{color:var(--muted);font-size:10px}.button-loading-demo{text-align:center;padding:80px 12%}.button-loading-demo h4{font:700 20px Noto Serif SC}.button-loading-demo p{color:var(--muted);font-size:11px}.button-loading-demo button{color:#fff;background:var(--accent);border:0;justify-content:center;align-items:center;gap:7px;min-width:130px;padding:10px;display:inline-flex}.button-loading-demo button:disabled{opacity:.78;cursor:wait}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.number-demo{border:1px solid var(--line);background:#f5eee4;width:70%;margin:70px auto;padding:25px}.number-demo>div{background:#fff;border:1px solid #cfc3b2;grid-template-columns:40px 1fr 40px;display:grid}.number-demo button{background:0 0;border:0;place-items:center;height:40px;display:grid}.number-demo button:disabled{opacity:.3}.number-demo b{border-left:1px solid var(--line);border-right:1px solid var(--line);place-items:center;display:grid}.number-demo small{color:var(--muted);margin-top:9px;display:block}.timeline-demo{width:70%;margin:50px auto}.timeline-demo>div{grid-template-columns:65px 16px 1fr auto;align-items:center;gap:8px;min-height:75px;display:grid;position:relative}.timeline-demo>div:before{content:"";border-left:1px solid #bbb09e;position:absolute;top:0;bottom:0;left:79px}.timeline-demo i{z-index:1;background:#8d887e;border:3px solid #fcfaf5;border-radius:50%;width:10px;height:10px;position:relative;box-shadow:0 0 0 1px #8d887e}.timeline-demo .current i{background:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 0 5px #eedbd3}.timeline-demo small{color:var(--muted);font-size:9px}.timeline-demo b{font:600 13px Noto Serif SC}.timeline-demo em{color:#fff;background:var(--accent);padding:3px 5px;font-size:8px;font-style:normal}.detail-page{padding:30px 5vw 110px}.detail-topbar{justify-content:space-between;align-items:center;display:flex}.detail-topbar a,.detail-topbar button{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.detail-topbar button{border:1px solid var(--line);background:0 0;padding:8px 11px}.detail-topbar button.is-favorite{color:var(--accent);border-color:#d2a795}.detail-header{border-bottom:1px solid var(--line);grid-template-columns:1fr 420px;align-items:end;gap:50px;padding:65px 0 45px;display:grid}.detail-header>div:first-child>span{color:var(--accent);letter-spacing:.1em;font-size:11px}.detail-header>div:first-child>small{color:#a79d8d;letter-spacing:.15em;margin-left:12px;font-size:9px}.detail-header h1{margin:0;font:800 clamp(38px,4vw,62px) Noto Serif SC;display:inline}.detail-header h2{color:var(--accent);margin-left:14px;font:600 23px Noto Serif SC;display:inline}.detail-header>div:first-child>p{max-width:680px;color:var(--muted);line-height:1.8}.detail-quote{border-left:3px solid var(--accent);color:var(--muted);background:#eee7dc;padding:22px;font-size:12px}.detail-quote strong{color:var(--ink);margin-top:8px;font:700 17px Noto Serif SC;display:block}.detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:42px;padding:55px 0;display:grid}.column-label{grid-template-columns:34px auto 1fr;align-items:baseline;gap:8px;margin-bottom:15px;display:grid}.column-label span{color:var(--accent);font:700 24px Noto Serif SC}.column-label b{font:700 16px Noto Serif SC}.column-label small{color:#a49a8b;letter-spacing:.15em;justify-self:end;font-size:8px}.insight-column{border-left:1px solid var(--line);padding-left:34px}.insight-column section{border-top:1px solid var(--line);padding:20px 0}.insight-column h3{margin:0 0 13px;font:700 15px Noto Serif SC}.tag-cloud{flex-wrap:wrap;gap:7px;display:flex}.tag-cloud span{border:1px solid #cabfab;padding:6px 8px;font-size:10px}.insight-column ul{margin:0;padding:0;list-style:none}.insight-column li{color:var(--muted);gap:7px;margin:9px 0;font-size:11px;display:flex}.insight-column li svg{color:var(--accent);flex:none}.query-list{color:#6e665a;flex-direction:column;gap:7px;font-size:10px;display:flex}.prompt-workbench{color:#ece5d6;background:var(--dark);border:1px solid #4b493e;margin-top:25px}.prompt-workbench>header{border-bottom:1px solid #4b493e;justify-content:space-between;gap:50px;padding:32px 38px;display:flex}.prompt-workbench>header>div{grid-template-columns:35px auto;column-gap:8px;display:grid}.prompt-workbench>header span{color:#d77655;grid-row:1/3;font:700 30px Noto Serif SC}.prompt-workbench>header small{color:#8f8c81;letter-spacing:.15em;font-size:8px}.prompt-workbench>header h2{margin:3px 0 0;font:700 26px Noto Serif SC}.prompt-workbench>header p{color:#aaa699;max-width:450px;font-size:11px;line-height:1.8}.workbench-grid{grid-template-columns:300px 1fr;display:grid}.parameter-panel{border-right:1px solid #4b493e;padding:28px}.parameter-panel h3{align-items:center;gap:7px;margin:0 0 24px;font:600 14px Noto Serif SC;display:flex}.parameter-panel label{margin:18px 0;display:block}.parameter-panel label span{color:#aaa699;margin-bottom:7px;font-size:10px;display:block}.parameter-panel select{color:#ece5d6;background:#35352c;border:1px solid #666356;width:100%;padding:10px}.prompt-panel{min-width:0;padding:28px}.variant-tabs{gap:6px;display:flex}.variant-tabs button{color:#aaa699;background:0 0;border:1px solid #4f4e43;padding:8px 12px}.variant-tabs button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.prompt-text{color:#ddd6c8;white-space:pre-wrap;background:#1f1f19;border:1px solid #444238;min-height:200px;margin-top:15px;padding:22px;font-size:12px;line-height:1.9}.prompt-actions{color:#8f8c81;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;display:flex}.prompt-actions button{color:#fff;background:var(--accent);border:0;align-items:center;gap:7px;padding:11px 15px;display:flex}.detail-loading{min-height:70vh;color:var(--muted);place-items:center;display:grid}@keyframes slideIn{0%{transform:translate(100%)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media (width<=1050px){.hero-section{grid-template-columns:1fr}.hero-copy:after{display:none}.hero-art{min-height:560px}.patterns-grid{grid-template-columns:repeat(2,1fr)}.detail-header,.detail-layout{grid-template-columns:1fr}.insight-column{border-left:0;padding-left:0}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid a:nth-child(3){border-top:0}}@media (width<=720px){.site-header{height:64px;padding:0 18px}.main-nav a{padding:8px}.main-nav a svg,.header-meta{display:none}.hero-copy{padding:65px 22px 60px}.hero-copy h1{font-size:39px}.hero-art{min-height:540px;padding:55px 22px}.thought-card{width:82%}.prompt-card{width:86%;margin-top:30px}.transform-mark{width:58px;height:58px;top:42%;left:66%}.search-invite{grid-template-columns:1fr;margin:-1px 18px 0}.search-invite>*{border-right:0;border-bottom:1px solid var(--line)}.category-section,.how-section,.explore-page,.detail-page{padding-left:20px;padding-right:20px}.section-heading{display:block}.section-heading>p{margin-top:20px}.category-grid{grid-template-columns:1fr}.category-grid a:nth-child(2){border-top:0}.steps-grid{grid-template-columns:1fr}.steps-grid article{border-bottom:1px solid #4a493e;border-right:0}.stats-strip{flex-wrap:wrap;gap:20px}.stats-strip a{justify-content:space-between;width:100%;margin:0}.patterns-grid,.loading-grid{grid-template-columns:1fr}.category-tabs{flex-wrap:nowrap;justify-content:start;padding-bottom:5px;overflow-x:auto}.category-tabs button{white-space:nowrap}.detail-header{padding-top:40px}.detail-header h1,.detail-header h2{margin:10px 0 0;display:block}.detail-layout{padding:35px 0}.workbench-grid{grid-template-columns:1fr}.parameter-panel{border-bottom:1px solid #4b493e;border-right:0}.prompt-workbench>header{padding:25px;display:block}.preview-canvas{height:360px}.site-footer{line-height:2;display:block}.footer-tech{margin-top:8px}}.preview-canvas button,.preview-canvas [tabindex]{outline-offset:3px}.preview-canvas button:focus-visible,.preview-canvas [tabindex]:focus-visible{outline:2px solid var(--accent)}.demo-backdrop{animation:.22s fadeIn}.demo-backdrop.transparent{background:0 0}.demo-drawer{width:min(480px,62%);animation:.38s cubic-bezier(.2,.85,.25,1) drawerRight}.demo-drawer.narrow{width:min(360px,52%)}.demo-drawer.forty{width:40%}.demo-drawer.from-left{animation-name:drawerLeft;left:0;right:auto;box-shadow:15px 0 35px #231c122e}.demo-modal{animation:.28s cubic-bezier(.2,.85,.25,1) modalIn}.fullscreen-demo{color:#f8f0e2;background:#25271f;height:100%;position:relative;overflow:hidden}.fullscreen-bg{background:radial-gradient(circle at 70% 30%,#dc7e4fcc,#0000 24%),radial-gradient(circle at 42% 70%,#596858,#0000 38%),linear-gradient(145deg,#171a16,#4e3329);animation:9s ease-in-out infinite alternate immersiveZoom;position:absolute;inset:-10%}.fullscreen-demo nav{z-index:1;letter-spacing:.15em;align-items:center;gap:20px;padding:22px 26px;font-size:9px;display:flex;position:relative}.fullscreen-demo nav b{margin-right:auto}.fullscreen-copy{z-index:1;position:absolute;top:28%;left:9%}.fullscreen-copy small{color:#e4a07e;letter-spacing:.18em;font-size:8px}.fullscreen-copy h3{letter-spacing:.06em;margin:12px 0 18px;font:800 clamp(28px,4vw,48px)/1.1 Noto Serif SC;animation:.7s both textRise}.fullscreen-copy button{color:#fff;background:#ffffff14;border:1px solid #fff6;align-items:center;gap:8px;padding:8px 12px;display:flex}.scroll-cue{z-index:1;letter-spacing:.2em;align-items:center;gap:8px;font-size:7px;display:flex;position:absolute;bottom:22px;right:25px}.scroll-cue i{border-top:1px solid;width:36px;animation:1.6s infinite cue}.splitter-demo{color:#dbd5c8;background:#25251f;height:100%;display:flex;position:relative}.splitter-demo section,.splitter-demo article{min-width:0;padding:28px 18px;transition:width 80ms linear}.splitter-demo article{position:relative}.splitter-demo section{border-right:1px solid #535146;flex-direction:column;gap:5px;display:flex}.splitter-demo small{color:#8f8b80;letter-spacing:.14em;margin-bottom:15px;font-size:8px;display:block}.splitter-demo section span{padding:7px;font-size:9px}.splitter-demo section span.active{color:#fff;background:#a84e36}.splitter-demo article code{color:#b8b3a8;font-size:10px;line-height:2;display:block}.splitter-demo article code i{color:#dc8162;font-style:normal}.splitter-demo article code em{color:#c9b67a;font-style:normal}.splitter-demo article>b{color:#827e72;font-size:8px;position:absolute;bottom:12px;right:14px}.splitter-controls{gap:3px;display:flex;position:absolute;bottom:7px;right:54px}.splitter-controls button{color:#d8d2c5;background:#333229;border:1px solid #5e5b50;place-items:center;width:24px;height:24px;display:grid}.splitter-controls button:hover{border-color:var(--accent);background:var(--accent)}.splitter-handle{z-index:2;color:#b7ad9f;cursor:ew-resize;place-items:center;width:11px;display:grid;position:absolute;top:0;bottom:0;transform:translate(-6px)}.splitter-handle:before{content:"";background:#5e5b50;transition:all .18s;position:absolute;inset:0 4px}.splitter-handle:hover:before,.splitter-handle:focus-within:before{background:var(--accent);inset:0 2px}.splitter-handle svg{z-index:1;position:relative}.splitter-handle input{opacity:0;cursor:ew-resize;width:100%;position:absolute;inset:0}.modular-demo{background:#eee7db;height:100%;padding:22px}.modular-demo header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modular-demo header span{font:700 14px Noto Serif SC}.modular-demo header button{background:#faf7f0;border:1px solid #c8bdac;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:flex}.modular-demo>div{grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .8fr;gap:9px;height:calc(100% - 42px);display:grid}.modular-demo article{background:#fffdf8;border:1px solid #d4cabb;flex-direction:column;padding:18px;transition:transform .35s,box-shadow .35s;animation:.35s moduleDrop;display:flex;position:relative}.modular-demo article:hover{transform:translateY(-3px);box-shadow:0 10px 25px #32281c1f}.modular-demo article.module-0{grid-row:1/3}.modular-demo article svg{color:#aea596;position:absolute;top:9px;right:9px}.modular-demo article small{color:var(--accent)}.modular-demo article b{margin:auto 0 6px;font:700 13px Noto Serif SC}.modular-demo article span{color:#736c62;font-size:10px}.tooltip-demo{background:radial-gradient(circle,#fff,#f1eadf);place-content:center;justify-items:center;gap:45px;height:100%;display:grid}.tooltip-demo>p{color:var(--muted);font-size:9px}.tooltip-target{cursor:help;background:#fff;border:1px solid #c8bdac;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;position:relative}.tooltip-target>span{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#282820;border-radius:5px;width:max-content;max-width:180px;padding:7px 9px;font-size:9px;transition:opacity .18s .12s,transform .18s .12s;position:absolute;transform:translateY(5px)scale(.96)}.tooltip-target:hover>span,.tooltip-target:focus>span{opacity:1;transform:translateY(0)scale(1)}.tooltip-上方>span{bottom:calc(100% + 9px)}.tooltip-下方>span{top:calc(100% + 9px)}.tooltip-左侧>span{right:calc(100% + 9px)}.tooltip-右侧>span{left:calc(100% + 9px)}.popover-demo,.dropdown-demo{background:#f4eee4;place-content:center;justify-items:center;height:100%;display:grid;position:relative}.popover-demo>p,.dropdown-demo>p{color:var(--muted);font-size:9px}.popover-demo>button{background:#fff;border:1px solid #c9bdac;align-items:center;gap:8px;padding:8px 11px;display:flex}.popover-demo>button span{font-size:10px}.popover-demo article{z-index:2;width:210px;box-shadow:var(--shadow);background:#fff;border:1px solid #c9bdac;padding:18px;animation:.22s cubic-bezier(.2,.8,.2,1) popoverIn;position:absolute;top:55%;left:50%;transform:translate(-50%)}.popover-demo article small{color:var(--accent);font-size:8px}.popover-demo article h4{margin:6px 0;font:700 15px Noto Serif SC}.popover-demo article p{color:var(--muted);font-size:9px}.popover-demo article button{color:#fff;background:var(--ink);border:0;padding:6px 8px;font-size:8px}.dropdown-row{background:#fff;border:1px solid #d2c7b7;justify-content:space-between;align-items:center;width:74%;padding:14px;display:flex}.dropdown-row>span{flex-direction:column;gap:4px;display:flex}.dropdown-row b{font:700 12px Noto Serif SC}.dropdown-row small{color:var(--muted);font-size:8px}.dropdown-row>button{background:0 0;border:0}.dropdown-menu{z-index:2;width:145px;box-shadow:var(--shadow);background:#fff;border:1px solid #c9bdac;padding:5px;animation:.18s popoverIn;position:absolute;top:54%;right:13%}.dropdown-menu button{text-align:left;background:0 0;border:0;width:100%;padding:7px 9px;font-size:9px}.dropdown-menu button:hover{background:#f2ece2}.dropdown-menu button.danger{color:#b44730}.dropdown-menu i{border-top:1px solid #e4dccf;display:block}.phone-demo{background:#ece5d9;border:5px solid #292820;border-radius:24px;width:min(72%,300px);height:86%;margin:5% auto;position:relative;overflow:hidden;box-shadow:0 15px 35px #231d142e}.phone-demo header{z-index:1;background:#ffffffdb;justify-content:space-between;padding:17px;display:flex;position:relative}.phone-demo header span{font:700 11px Noto Serif SC}.phone-demo header button{color:var(--accent);background:0 0;border:0;font-size:9px}.phone-map{background-color:#0000;background-image:linear-gradient(30deg,#0000 48%,#c3b7a7 49% 51%,#0000 52%),linear-gradient(-40deg,#0000 47%,#d4c9b9 48% 51%,#0000 52%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:100%;position:relative}.phone-map i{background:var(--accent);border:3px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute}.phone-map i:first-child{top:26%;left:25%}.phone-map i:nth-child(2){top:45%;left:65%}.phone-map i:nth-child(3){top:68%;left:43%}.sheet-backdrop{z-index:2;background:#221f1a4d;animation:.2s fadeIn;position:absolute;inset:0}.bottom-sheet{z-index:3;background:#fff;border-radius:18px 18px 0 0;padding:12px 16px 18px;animation:.42s cubic-bezier(.2,.9,.25,1.1) sheetIn;position:absolute;bottom:0;left:0;right:0}.bottom-sheet.height-50{min-height:50%}.bottom-sheet.height-80{min-height:80%}.sheet-grip{background:#c8c0b5;border:0;border-radius:9px;width:42px;height:4px;margin:0 auto 13px;display:block}.bottom-sheet>small{color:var(--muted);margin-bottom:7px;display:block}.bottom-sheet>button:not(.sheet-grip){background:0 0;border:0;border-bottom:1px solid #eee7dd;justify-content:space-between;width:100%;padding:10px 0;font-size:9px;display:flex}.floating-sidebar-demo,.multi-sidebar-demo,.hidden-sidebar-demo{background:#e9e1d5;height:100%;display:flex;position:relative}.floating-sidebar-demo{gap:14px;padding:18px}.floating-sidebar-demo aside{background:#292820;border-radius:18px;flex-direction:column;gap:5px;width:34%;padding:12px 8px;display:flex;box-shadow:0 12px 25px #231e1738}.floating-sidebar-demo aside button{color:#aaa69a;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px;font-size:8px;display:flex}.floating-sidebar-demo aside button.active{color:#fff;background:var(--accent);transform:translate(3px)}.floating-sidebar-demo aside i{border:1px solid;border-radius:2px;width:7px;height:7px}.floating-sidebar-demo main{flex:1;padding:32px 18px}.floating-sidebar-demo main small{color:var(--accent);font-size:7px}.floating-sidebar-demo main h4{font:700 17px Noto Serif SC;animation:.3s textRise}.floating-sidebar-demo main div{background:#ffffffb3;height:34px;margin:9px 0}.multi-sidebar-demo aside{color:#e8e1d4;background:#2b2a23;width:45%;padding:20px 12px}.multi-sidebar-demo aside>b{margin:0 8px 18px;display:block}.multi-sidebar-demo aside>div>button{width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;padding:8px;font-size:9px;display:flex}.multi-sidebar-demo aside svg{transition:transform .2s}.multi-sidebar-demo aside svg.rotated{transform:rotate(90deg)}.multi-sidebar-demo aside section{padding-left:14px;animation:.28s revealHeight;overflow:hidden}.multi-sidebar-demo aside section span{color:#989487;cursor:pointer;padding:7px;font-size:8px;display:block}.multi-sidebar-demo aside section span.active{color:#fff;background:#ffffff0f;border-left:2px solid #d66e4d}.multi-sidebar-demo main{flex:1;padding:40px 20px}.multi-sidebar-demo main small{color:var(--accent);font-size:7px}.multi-sidebar-demo main h4{font:700 17px Noto Serif SC}.hidden-sidebar-demo{background:#f7f2e8;display:block;overflow:hidden}.hidden-sidebar-demo>header{border-bottom:1px solid #ddd4c5;align-items:center;gap:15px;padding:15px;display:flex}.hidden-sidebar-demo>header button{background:0 0;border:0;place-items:center;display:grid}.hidden-sidebar-demo>article{width:72%;margin:55px auto}.hidden-sidebar-demo>article small{color:var(--accent);font-size:8px}.hidden-sidebar-demo>article h4{font:700 25px/1.4 Noto Serif SC}.hidden-sidebar-demo>article p{color:var(--muted);font-size:9px;line-height:1.8}.offcanvas-backdrop{z-index:2;background:#26231d59;animation:.2s fadeIn;position:absolute;inset:0}.hidden-sidebar-demo>aside{z-index:3;color:#eee8dc;background:#282820;flex-direction:column;gap:8px;width:62%;padding:25px;animation:.35s cubic-bezier(.2,.85,.25,1) drawerLeft;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:12px 0 30px #1e191240}.hidden-sidebar-demo>aside button{color:#fff;background:0 0;border:0;align-self:end}.hidden-sidebar-demo>aside b{margin:15px 0;font:700 17px Noto Serif SC}.hidden-sidebar-demo>aside span{color:#b9b5a9;cursor:pointer;padding:8px 0;font-size:10px}.wheel-demo{color:#eee8db;background:radial-gradient(circle at 0,#874b39,#25251f 56%);grid-template-columns:48% 52%;height:100%;display:grid;overflow:hidden}.wheel-orbit{position:relative}.wheel-orbit:after{content:"";border:1px solid #fff3;border-radius:50%;width:290px;height:290px;position:absolute;top:50%;left:-190px;transform:translateY(-50%)}.wheel-orbit button{z-index:1;color:#aaa69b;text-align:left;background:0 0;border:0;width:85px;padding:8px;transition:all .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:calc(50% - 16px);left:36%}.wheel-orbit button.active{color:#fff;font:700 13px Noto Serif SC}.wheel-demo>section{align-content:center;padding:20px;display:grid}.wheel-demo section small{color:#ce7455;letter-spacing:.15em;font-size:7px}.wheel-demo section h3{font:700 25px Noto Serif SC}.wheel-demo section div{gap:7px;display:flex}.wheel-demo section button{color:#fff;background:0 0;border:1px solid #666257;place-items:center;width:30px;height:30px;display:grid}.grouped-menu{z-index:3;max-height:210px;box-shadow:var(--shadow);background:#fff;border:1px solid #cfc4b4;padding:5px;animation:.18s popoverIn;position:absolute;top:72px;left:0;right:0;overflow:auto}.grouped-menu small{color:var(--accent);padding:7px 8px 3px;font-size:8px;display:block}.grouped-menu button{text-align:left;background:0 0;border:0;width:100%;padding:7px 12px;font-size:9px}.grouped-menu button:hover{background:#f2ece2}.date-demo{width:78%;margin:35px auto;position:relative}.date-demo>label{color:var(--muted);margin-bottom:8px;font-size:9px;display:block}.date-demo>button{background:#fff;border:1px solid #cfc4b4;justify-content:space-between;width:100%;padding:10px;font-size:9px;display:flex}.date-demo>section{z-index:3;box-shadow:var(--shadow);background:#fff;border:1px solid #cfc4b4;padding:13px;animation:.18s popoverIn;position:absolute;top:60px;left:0;right:0}.date-demo section header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.date-demo section header button{background:0 0;border:0}.date-demo section header b{font:700 10px Noto Serif SC}.date-demo section>div{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-demo section>div small{color:var(--muted);text-align:center;padding:4px;font-size:7px}.date-demo section>div button{aspect-ratio:1;background:0 0;border:0;font-size:8px}.date-demo section>div button.in-range{color:var(--accent);background:#f6e5dc}.date-demo section>div button.edge{color:#fff;background:var(--accent);border-radius:50%}.mega-demo{background:#f8f4ec;height:100%;position:relative}.mega-demo nav{border-bottom:1px solid #d8cebe;align-items:center;gap:18px;height:52px;padding:0 22px;font-size:9px;display:flex}.mega-demo nav b{margin-right:auto;font:700 15px Noto Serif SC}.mega-demo nav button{background:0 0;border:0;align-items:center;gap:4px;display:flex}.mega-demo>section{z-index:2;background:#fff;border-bottom:1px solid #cfc3b2;grid-template-columns:repeat(3,1fr) 1.25fr;gap:12px;padding:18px 22px;animation:.26s megaIn;display:grid;position:absolute;top:52px;left:0;right:0;box-shadow:0 15px 35px #2f271c21}.mega-demo section>div small{color:var(--accent);margin-bottom:7px;font-size:7px;display:block}.mega-demo section>div button{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:5px 0;font-size:8px;display:flex}.mega-demo section article{color:#eee7d8;background:#292820;padding:12px}.mega-demo section article b{margin:8px 0;font:700 11px Noto Serif SC;display:block}.mega-demo section article p{color:#aaa69a;font-size:7px}.spinner-demo,.circular-demo{background:#f5efe5;place-content:center;justify-items:center;gap:18px;height:100%;display:grid}.spinner-demo>button,.circular-demo>button,.progress-demo>button{background:#fff;border:1px solid #c9bdab;align-items:center;gap:5px;padding:6px 9px;font-size:8px;display:flex}.spinner-demo>div{background:#fff;border:1px solid #d4c9b9;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:180px;min-height:130px;transition:all .25s;display:flex}.spinner-demo>div.active{box-shadow:0 12px 28px #30271c1f}.large-spinner{border:3px solid #ded6ca;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite spin}.spinner-demo div:not(.active) .large-spinner{border:2px solid #6d8b6b;animation:none;position:relative}.spinner-demo div:not(.active) .large-spinner:after{content:"✓";color:#557353;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.spinner-demo b{font:700 12px Noto Serif SC}.spinner-demo small{color:var(--muted);font-size:8px}.circular-demo>div{--progress:100deg;background:conic-gradient(var(--accent) var(--progress),#dfd7ca 0);border-radius:50%;place-items:center;width:130px;height:130px;transition:background .2s;display:grid}.circular-demo>div:before{content:"";background:#fffdfa;border-radius:50%;width:105px;height:105px;position:absolute}.circular-demo>div span{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.circular-demo b{font:700 24px Noto Serif SC}.circular-demo small{color:var(--muted);font-size:8px}.progress-demo{width:76%;margin:75px auto}.progress-demo header{justify-content:space-between;font-size:10px;display:flex}.progress-demo header b{color:var(--accent)}.progress-demo>div{background:#ddd4c7;border-radius:20px;height:9px;margin:12px 0;overflow:hidden}.progress-demo>div i{border-radius:inherit;background:linear-gradient(90deg,#a84530,#db7958);height:100%;transition:width .2s linear;display:block;position:relative}.progress-demo>div i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0}.progress-demo p{color:var(--muted);font-size:8px}.partial-demo{background:#eee7dc;grid-template-columns:1fr 1fr;gap:10px;height:100%;padding:50px 25px;display:grid}.partial-demo article{background:#fff;border:1px solid #d4cab9;padding:18px;position:relative;overflow:hidden}.partial-demo article header{justify-content:space-between;display:flex}.partial-demo article header button{background:0 0;border:0}.partial-demo article>b{margin:23px 0 6px;font:700 22px Noto Serif SC;display:block}.partial-demo article>small{color:#70816c;font-size:8px}.partial-demo article>div{color:#fff;background:#2a2821b8;justify-content:center;align-items:center;gap:7px;font-size:9px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.rotating{animation:.8s linear infinite spin}.badge-demo,.switch-demo{background:#f5efe5;place-content:center;justify-items:center;height:100%;display:grid}.badge-demo>div{background:#fff;border:1px solid #cbbfad;border-radius:16px;place-items:center;width:64px;height:64px;display:grid;position:relative}.badge-demo>div span{color:#fff;background:var(--accent);border:3px solid #f5efe5;border-radius:16px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:8px;animation:.3s cubic-bezier(.2,.9,.3,1.3) badgePop;display:grid;position:absolute;top:-8px;right:-7px}.badge-demo h4{margin:14px 0 0;font:700 15px Noto Serif SC}.badge-demo p{color:var(--muted);font-size:8px}.badge-demo section{gap:6px;display:flex}.badge-demo section button{background:#fff;border:1px solid #cabfad;padding:5px 7px;font-size:8px}.switch-demo>div{background:#fff;border:1px solid #cec3b3;justify-content:space-between;align-items:center;gap:30px;min-width:270px;padding:22px;display:flex}.switch-demo>div span{flex-direction:column;gap:4px;display:flex}.switch-demo b{font:700 12px Noto Serif SC}.switch-demo small{color:var(--muted);font-size:8px}.switch-demo [role=switch]{background:#bbb3a8;border:0;border-radius:20px;width:44px;height:24px;padding:3px;transition:all .22s}.switch-demo [role=switch] i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 2px 6px #0003}.switch-demo [role=switch].on{background:var(--accent)}.switch-demo [role=switch].on i{transform:translate(20px)}.switch-demo>p{color:#687965;align-items:center;gap:5px;font-size:8px;display:flex}.carousel-demo{color:#eee7d8;background:#292820;height:100%;position:relative;overflow:hidden}.carousel-track{height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1);display:flex}.carousel-track article{background:radial-gradient(circle at 80% 20%,#c457358c,#0000 35%);flex-direction:column;justify-content:center;min-width:100%;padding:12%;display:flex}.carousel-track article:nth-child(2){background:radial-gradient(circle at 20% 80%,#5f765ca6,#0000 38%)}.carousel-track article:nth-child(3){background:radial-gradient(circle at 80% 70%,#ae884880,#0000 38%)}.carousel-track small{color:#d47958;letter-spacing:.15em;font-size:8px}.carousel-track h4{margin:12px 0;font:700 27px Noto Serif SC}.carousel-track p{color:#aaa69a;max-width:250px;font-size:9px}.carousel-demo>button{z-index:2;color:#fff;background:#00000026;border:1px solid #676359;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-demo>button.prev{left:12px}.carousel-demo>button.next{right:12px}.carousel-demo footer{gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.carousel-demo footer button{background:#666258;border:0;width:20px;height:3px;padding:0;transition:width .2s,background .2s}.carousel-demo footer button.active{background:#d66e4d;width:34px}.pagination-demo{width:80%;margin:45px auto}.pagination-demo header{justify-content:space-between;font-size:9px;display:flex}.pagination-demo header b{color:var(--muted)}.fake-rows{margin:15px 0}.fake-rows i{background:#e9e2d7;border:1px solid #ddd3c3;height:28px;margin:5px 0;display:block}.pagination-demo nav{justify-content:center;align-items:center;gap:4px;display:flex}.pagination-demo nav button{background:#fff;border:1px solid #cabfac;place-items:center;min-width:27px;height:27px;font-size:8px;display:grid}.pagination-demo nav button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.pagination-demo nav button:disabled{opacity:.35}.pagination-demo nav span{color:var(--muted)}.is-compact .fullscreen-copy h3{font-size:25px}.is-compact .fullscreen-copy{top:25%}.is-compact .modular-demo{padding:12px}.is-compact .modular-demo header{margin-bottom:7px}.is-compact .modular-demo article{padding:9px}.is-compact .phone-demo{height:94%;margin-top:2%}.is-compact .bottom-sheet{padding-top:7px}.is-compact .date-demo{margin-top:18px}.is-compact .mega-demo>section{padding:9px}.is-compact .partial-demo{padding:22px 14px}.is-compact .progress-demo{margin-top:52px}.is-compact .pagination-demo{margin-top:25px}@keyframes fadeIn{0%{opacity:0}}@keyframes drawerRight{0%{transform:translate(105%)}}@keyframes drawerLeft{0%{transform:translate(-105%)}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-46%)scale(.94)}}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%,6px)scale(.96)}}@keyframes megaIn{0%{opacity:0;transform:translateY(-8px)}}@keyframes sheetIn{0%{transform:translateY(110%)}}@keyframes immersiveZoom{to{transform:scale(1.09)translate(-1%,1%)}}@keyframes textRise{0%{opacity:0;transform:translateY(12px)}}@keyframes cue{50%{opacity:.45;transform:translate(8px)}}@keyframes moduleDrop{0%{opacity:.35;transform:translateY(8px)scale(.98)}}@keyframes revealHeight{0%{opacity:0;max-height:0}to{max-height:100px}}@keyframes badgePop{0%{transform:scale(.4)}}.ref-light-stage,.ref-dark-stage{place-items:center;height:100%;display:grid;overflow:hidden}.ref-light-stage{background:#fff}.ref-dark-stage{color:#f1f1f3;background:#0a0a0c}.ref-error-wrap{flex-direction:column;gap:4px;width:220px;animation:.28s cubic-bezier(.22,1,.36,1) refShake;display:flex}.ref-error-wrap>span{color:#555;font-size:9px}.ref-error-wrap input{color:#0d0d0d;background:#fff;border:1px solid #e23014;border-radius:8px;outline:0;width:100%;height:36px;padding:4px 12px;font-size:13px}.ref-error-wrap small{color:#d62b11;font-size:10px}.ref-error-wrap em{color:#aaa;margin-top:10px;font-size:8px;font-style:normal}.ref-dissolve{color:#6c6c6c;background:#eee;border-radius:48px;align-items:center;width:256px;height:36px;padding:0 8px 0 12px;display:flex;position:relative}.ref-dissolve input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 7px;font-size:12px}.ref-dissolve button{color:#555;background:#ddd;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid}.ref-dissolve button:disabled{opacity:0}.ref-dissolve-particles{pointer-events:none;gap:4px;display:flex;position:absolute;top:8px;left:34px;right:36px}.ref-dissolve-particles i{color:#222;animation:.6s cubic-bezier(.22,1,.36,1) both refDissolve;animation-delay:calc(var(--i) * 50ms);font-size:12px;font-style:normal}.ref-pricing{color:#edf4fa;text-align:center;background:radial-gradient(circle at 50% 100%,#1b4c65 0,#0000 50%),#11171c;height:100%;padding-top:27px;position:relative;overflow:hidden}.ref-pricing>small{color:#8ca2b2;letter-spacing:.18em;font-size:7px}.ref-orbit{height:160px;margin-top:12px;position:relative}.ref-orbit:after{content:"";border-top:1px solid #82bedc2e;border-radius:50%;height:50px;position:absolute;bottom:14px;left:18%;right:18%}.ref-orbit button{--offset:0;--depth:0;color:#e8eef2;width:110px;height:72px;transform:translateX(calc(var(--offset) * 82px)) translateY(calc(var(--depth) * 22px)) rotate(calc(var(--offset) * 7deg)) scale(calc(1 - var(--depth) * .16));opacity:calc(1 - var(--depth) * .22);background:linear-gradient(145deg,#273943,#11181d);border:1px solid #ffffff29;border-radius:10px;flex-direction:column;justify-content:space-between;padding:11px;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s;display:flex;position:absolute;top:22px;left:calc(50% - 55px);box-shadow:0 14px 24px #00000059}.ref-orbit button.active{border-color:#b8e8ff}.ref-orbit span{text-align:left;font-size:8px}.ref-orbit b{text-align:right;font:600 21px Georgia}.ref-pricing h4{margin:-18px 0 8px;font:600 13px Noto Serif SC}.ref-pricing-action{color:#11202a;background:#e8f3f8;border:0;border-radius:5px;padding:7px 12px;font-size:8px}.ref-sparkline{width:148px;height:44px;overflow:visible}.ref-sparkline polyline{stroke-dasharray:1;stroke-dashoffset:0;animation:.7s ease-out both refLineDraw}.ref-sparkline polygon{animation:.55s ease-out both fadeIn}.ref-accordion{background:#171719;border:1px solid #ffffff1f;border-radius:12px;width:261px;overflow:hidden;box-shadow:0 18px 42px #00000061}.ref-accordion>button{color:#f3f3f3;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 22px 0 24px;font-size:12px;display:flex}.ref-accordion>button svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}.ref-accordion.open>button svg{transform:scaleY(-1)}.ref-accordion-grid{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.22,1,.36,1);display:grid}.ref-accordion-grid>div{opacity:0;filter:blur(2px);padding:0 24px;transition:opacity .25s,filter .25s,padding .25s;overflow:hidden}.ref-accordion.open .ref-accordion-grid{grid-template-rows:1fr}.ref-accordion.open .ref-accordion-grid>div{opacity:1;filter:none;padding-bottom:20px}.ref-accordion p{color:#aaa;justify-content:space-between;margin:12px 0 0;font-size:9px;display:flex}.ref-accordion p b{color:#eee;background:#29292c;border-radius:5px;padding:2px 6px}.ref-plus-menu{width:183px;height:172px;position:relative}.ref-plus-menu:before{content:"";background:#161616;border-radius:40px;width:40px;height:40px;transition:width .35s cubic-bezier(.34,1.25,.64,1),height .35s cubic-bezier(.34,1.25,.64,1),border-radius .35s;position:absolute;bottom:0;right:0;box-shadow:0 15px 35px #0000002e}.ref-plus-menu.open:before{border-radius:20px;width:183px;height:172px}.ref-plus-trigger{color:#fff;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:0;right:0}.ref-plus-trigger svg{transition:transform .35s cubic-bezier(.34,1.25,.64,1)}.ref-plus-menu.open .ref-plus-trigger svg{transform:rotate(135deg)}.ref-plus-items{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;inset:18px 50px 38px 18px}.ref-plus-items button{color:#eee;text-align:left;opacity:0;transition:opacity .2s,transform .35s;transition-delay:calc(var(--i) * 35ms);background:0 0;border:0;padding:6px 8px;font-size:9px;transform:translate(35px)}.ref-plus-menu.open .ref-plus-items{pointer-events:auto}.ref-plus-menu.open .ref-plus-items button{opacity:1;transform:none}.ref-panel-reveal{background:#131313;border-radius:20px;width:296px;height:260px;position:relative;overflow:hidden}.ref-panel-trigger{z-index:2;color:#eee;background:#232323;border:1px solid #3d3d3d;border-radius:8px;padding:7px 11px;font-size:8px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.ref-panel-reveal section{opacity:0;filter:blur(2px);background:#f7f7f7;border-radius:20px 20px 0 0;height:187px;padding:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s,filter .4s;position:absolute;top:54px;left:0;right:0;transform:translateY(121.5px)}.ref-panel-reveal.open section{opacity:1;filter:none;transform:translateY(28px)}.ref-panel-reveal section>div{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.ref-panel-reveal section>div button{color:#555;background:#e5e5e5;border:0;border-radius:8px;place-items:center;height:34px;display:grid}.ref-panel-reveal section>div button.active{color:#fff;background:#007aff}.ref-panel-reveal input{width:100%;margin:15px 0}.ref-panel-reveal p{color:#333;background:#e8e8e8;border-radius:9px;align-items:center;gap:8px;margin:0;padding:8px;font-size:8px;display:flex}.ref-panel-reveal p span{background:linear-gradient(135deg,#1c75dd,#8bbbf2);border-radius:5px;width:28px;height:28px}.ref-panel-reveal p button{background:0 0;border:0;margin-left:auto}.ref-tabs{background:#f1f1f1;border-radius:48px;gap:3px;padding:3px;display:inline-flex;position:relative}.ref-tabs>i{z-index:0;background:#fff;border-radius:48px;height:30px;transition:transform .25s cubic-bezier(.22,1,.36,1),width .25s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:0;box-shadow:0 2px 8px #00000014}.ref-tabs button{z-index:1;color:#555;background:0 0;border:0;height:30px;padding:4px 12px;font-size:11px;position:relative}.ref-tabs button[aria-selected=true]{color:#111}.ref-success{background:#35ba00;border:0;border-radius:50%;width:48px;height:48px;padding:0;box-shadow:inset 0 0 0 1px #0000000d,0 1px 4px #0000001a}.ref-success svg{width:100%;height:100%}.ref-success path{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px}.ref-success.visible{animation:.5s cubic-bezier(.34,1.35,.64,1) both refSuccessIn}.ref-success.visible path{animation:.5s ease-out 80ms forwards refCheckDraw}.ref-marquee{color:#fff;background:#030712;border:2px solid #030712;border-radius:16px;width:min(38rem,90%);padding:15px 0;transition:transform .3s;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:8px 8px #facc15}.ref-marquee:hover{transform:none}.ref-marquee>b{z-index:2;color:#030712;background:#facc15;border:2px solid #030712;padding:6px 9px;font-size:7px;position:absolute;top:50%;left:10px;transform:translateY(-50%)rotate(-3deg);box-shadow:3px 3px #fff}.ref-marquee>div{gap:26px;width:max-content;padding-left:125px;animation:14s linear infinite refMarquee;display:flex}.ref-marquee span{white-space:nowrap;font:italic 900 13px ui-monospace}.ref-marquee i{color:#facc15;font-style:normal}.ref-icon-swap{color:#eee;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;width:36px;height:36px;padding:0;position:relative}.ref-icon-swap svg{transition:opacity .25s,filter .25s,transform .25s;position:absolute;top:8px;left:8px}.ref-icon-swap .close-icon{opacity:0;filter:blur(2px);transform:scale(.25)rotate(-90deg)}.ref-icon-swap.active .menu-icon{opacity:0;filter:blur(2px);transform:scale(.25)rotate(90deg)}.ref-icon-swap.active .close-icon{opacity:1;filter:none;transform:none}.ref-resize-card{color:#222;background:#fff;border:1px solid #ddd3c5;border-radius:12px;flex-direction:column;gap:7px;width:200px;height:80px;padding:14px;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;box-shadow:0 14px 35px #281e141f}.ref-resize-card.expanded{width:240px;height:144px}.ref-resize-card i{background:#ddd7ce;border-radius:5px;flex:0 0 7px}.ref-shimmer{color:#6e6e6e;font-size:14px;display:inline-block;position:relative}.ref-shimmer:after{content:attr(data-text);color:#0000;background:linear-gradient(90deg,#0000 0% 40%,#ededed 50%,#0000 60% 100%) 0 0/400% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite refShimmer;position:absolute;inset:0}.ref-number-pop{color:#f3f3f5;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font:500 28px ui-monospace;display:inline-flex}.ref-number-pop span{animation:.5s cubic-bezier(.34,1.45,.64,1) both refNumberIn;animation-delay:calc(var(--i) * 40ms);display:inline-block}.ref-tilt-hit{width:220px;height:130px}.ref-tilt-hit article{height:100%;transform-style:preserve-3d;background:linear-gradient(135deg,#1f1f23,#0c0c0e);border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:transform .1s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.ref-tilt-hit article:after{content:"";background:radial-gradient(circle at var(--gx) var(--gy),#fff6,transparent 70%);opacity:.32;pointer-events:none;position:absolute;inset:0}.ref-tilt-hit header,.ref-tilt-hit footer{color:#ffffffa6;letter-spacing:.15em;justify-content:space-between;font-size:7px;display:flex}.ref-tilt-hit article>i{background:linear-gradient(135deg,gold,#b8860b);border-radius:4px;width:24px;height:18px;margin:22px 0 8px;display:block}.ref-tilt-hit article>b{letter-spacing:.12em;font:500 10px ui-monospace;display:block}.ref-tilt-hit footer{margin-top:15px}.ref-tilt-hit footer strong{color:#fff;letter-spacing:0;font:italic 900 11px Arial}.ref-beam-card{isolation:isolate;background:#151518;border-radius:16px;width:280px;padding:24px;position:relative}.ref-beam-card:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--beam-angle),transparent 0 68%,#ff3264,#288cff,#32c850,#6446ff,#ff7828,transparent 92%);padding:1px;animation:1.96s linear infinite refBeam;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ref-beam-card small{color:#888;font-size:9px}.ref-beam-card h4{color:#f1f1f3;margin:8px 0;font-size:28px}.ref-beam-card h4 span{font-size:12px;font-weight:400}.ref-beam-card p{color:#777;font-size:9px}.ref-beam-card button{color:#111;background:#fff;border:0;border-radius:7px;width:100%;height:34px;margin-top:12px;font-size:10px}.ref-bottom-beam{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;width:320px;max-width:85%;padding:13px 16px;display:flex;position:relative;overflow:hidden}.ref-bottom-beam input{z-index:2;color:#eee;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px;position:relative}.ref-bottom-beam svg{z-index:2;color:#888;position:relative}.ref-bottom-beam span{filter:blur(8px);background:radial-gradient(#ff3264,#288cff 35%,#32c850 55%,#0000 72%);border-radius:50%;width:45%;height:40px;animation:3.1s linear infinite refBottomBeam;position:absolute;bottom:-23px;left:-20%}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes refShake{28.57%{transform:translate(6px)}57.14%{transform:translate(-6px)}78.57%{transform:translate(4px)}to{transform:none}}@keyframes refDissolve{to{filter:blur(4px);opacity:0;transform:translateY(12px)}}@keyframes refLineDraw{0%{stroke-dashoffset:1px}}@keyframes refSuccessIn{0%{opacity:0;filter:blur(10px);transform:translateY(40px)rotate(80deg)}}@keyframes refCheckDraw{to{stroke-dashoffset:0}}@keyframes refMarquee{to{transform:translate(calc(-50% - 13px))}}@keyframes refShimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes refNumberIn{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}}@keyframes refBeam{to{--beam-angle:360deg}}@keyframes refBottomBeam{0%,to{opacity:0;left:-20%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:80%}}@media (prefers-reduced-motion:reduce){.preview-canvas *,.preview-canvas :before,.preview-canvas :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--paper:#fbfaf7;--ink:#1a1b22;--muted:#6a6a72;--accent:#e72427;--accent-dark:#bd171a;--line:#ece6dc;--dark:#17191f;--soft-red:#fff0ed;--shadow:0 18px 55px #3123171a}body{color:var(--ink);background:var(--paper)}.site-header{background:#fbfaf7e0;border-color:#ece6dce0;gap:28px;height:68px;padding:0 max(4vw,24px);box-shadow:0 5px 26px #2a1e1509}.brand-mark{background:linear-gradient(145deg,#f24435,#d81722);border-radius:12px;width:36px;height:36px;font:800 18px Noto Sans SC;transform:none;box-shadow:0 8px 20px #e7242738}.brand b{letter-spacing:.02em;font:800 16px Noto Sans SC}.brand small{color:#9a9691;font-weight:700}.main-nav{gap:2px}.main-nav a{border-radius:999px;padding:9px 12px;transition:color .18s,background-color .18s}.main-nav a:hover,.main-nav a.active{color:var(--accent);background:#fff0ed}.header-actions{align-items:center;gap:12px;display:flex}.header-create{color:#fff;background:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #e724272b}.site-footer{color:#9da0a9;background:#17191f;border-color:#2b2d34;padding:30px max(4vw,24px)}.hero-section{border:0;grid-template-columns:minmax(360px,.92fr) minmax(470px,1.08fr);align-items:center;gap:clamp(35px,5vw,80px);max-width:1440px;min-height:650px;margin:0 auto;padding:56px max(4vw,24px) 70px;position:relative}.hero-section:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#f459371f,#0000 64%);width:65%;height:80%;position:absolute;top:-20%;left:-10%}.hero-copy{z-index:1;padding:30px 0}.hero-copy:after{display:none}.edition-label span{border-radius:999px}.hero-copy h1{letter-spacing:-.055em;margin:34px 0 24px;font:800 clamp(43px,4.6vw,70px)/1.12 Noto Sans SC}.hero-copy h1 span:after{display:none}.hero-copy>p{font-size:16px;line-height:1.85}.primary-cta{border-radius:999px;gap:20px;padding:14px 19px;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 12px 28px #e7242733}.primary-cta:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 16px 34px #e7242740}.hero-actions>a:last-child{color:var(--ink);border:0;padding:13px 3px;font-weight:650}.hero-art{background-color:#fff;background-image:linear-gradient(#e7242709 1px,#0000 1px),linear-gradient(90deg,#e7242709 1px,#0000 1px),radial-gradient(circle at 80% 10%,#fff0df,#0000 45%);background-size:32px 32px,32px 32px,auto;border:1px solid #eee5dc;border-radius:28px;min-height:500px;padding:70px 5%;box-shadow:0 28px 80px #3926171c}.hero-art:after{color:#e724270a;font-family:Noto Sans SC}.thought-card,.prompt-card{background:#fffffff5;border:1px solid #eee7df;border-radius:18px;box-shadow:0 18px 45px #3423171f}.thought-card{transform:rotate(-1.5deg)}.thought-card p,.prompt-card b{font-family:Noto Sans SC}.thought-card span{border-radius:999px}.prompt-card{transform:rotate(1deg)}.prompt-card p{background:#f7f5f1;border-radius:12px}.prompt-card button{background:var(--accent);border-radius:999px}.transform-mark{background:var(--accent);box-shadow:0 0 0 10px #e724271a}.search-invite{background:#fff;border-radius:18px;width:calc(100% - max(8vw,48px));max-width:1280px;margin:-18px auto 0;overflow:hidden;transform:none;box-shadow:0 16px 45px #301f1314}.search-invite a:hover{background:#fff5f2}.category-section{max-width:1360px;margin:auto}.section-heading h2,.category-grid h3,.steps-grid h3,.stats-strip b,.explore-header h1,.result-heading h2,.card-title h3,.empty-state h3{font-family:Noto Sans SC}.section-heading span{font-family:Noto Sans SC;font-weight:800}.category-grid{border:0;gap:16px}.category-grid a{background:#fff;border-radius:20px;min-height:220px;box-shadow:0 8px 26px #2f21140a;border:1px solid var(--line)!important}.category-grid a:hover{color:var(--ink);background:#fff7f5;box-shadow:0 20px 45px #662c1f1a;border-color:#f5c7c3!important}.category-grid a:hover svg,.category-grid a:hover .category-index,.category-grid a:hover small,.category-grid a:hover p{color:inherit}.category-grid a:hover svg,.category-grid a:hover small{color:var(--accent)}.how-section{background:linear-gradient(145deg,#17191f,#21242d)}.steps-grid{border:0;gap:14px}.steps-grid article{background:#ffffff06;border-radius:20px;border:1px solid #343741!important}.stats-strip a{border-radius:999px}.experience-intro{background:radial-gradient(circle at 0 0,#fff1ec,#0000 46%),#fff;border:1px solid #eee5dc;border-radius:28px;grid-template-columns:1.05fr .95fr;gap:70px;max-width:1280px;margin:80px auto 35px;padding:60px;display:grid;box-shadow:0 24px 70px #32211414}.section-kicker{color:var(--accent);letter-spacing:.16em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.experience-intro h2{letter-spacing:-.045em;margin:20px 0;font:800 clamp(30px,3.4vw,48px)/1.2 Noto Sans SC}.experience-intro p{max-width:600px;color:var(--muted);line-height:1.85}.experience-intro>div>a{color:var(--accent);align-items:center;gap:18px;margin-top:16px;font-weight:700;display:inline-flex}.experience-intro ol{margin:0;padding:0;list-style:none}.experience-intro li{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;padding:19px 0;display:grid}.experience-intro li b{color:var(--accent);grid-row:1/3;font-size:12px}.experience-intro li span{font-weight:750}.experience-intro li small{color:var(--muted);margin-top:5px}.recording-home-entry{color:#fff;background:radial-gradient(circle at 18% 0,#e7242752,#0000 40%),#181a20;border-radius:22px;align-items:center;gap:30px;max-width:1280px;margin:35px auto 70px;padding:28px 34px;display:flex;box-shadow:0 22px 60px #17191f2e}.recording-home-entry>div{grid-template-columns:45px 1fr;align-items:center;column-gap:15px;display:grid}.recording-home-entry>div>span{color:#fff;background:var(--accent);border-radius:15px;grid-row:1/4;place-items:center;width:45px;height:45px;display:grid}.recording-home-entry small{color:#f18a80;letter-spacing:.15em;font-size:9px;font-weight:800}.recording-home-entry h2{margin:4px 0;font:750 23px Noto Sans SC}.recording-home-entry p{color:#aeb0b8;margin:0;font-size:12px}.recording-home-entry>a{white-space:nowrap;border:1px solid #3a3d46;border-radius:999px;align-items:center;gap:18px;margin-left:auto;padding:12px 16px;font-size:12px;display:flex}.explore-page{max-width:1440px;margin:auto}.explore-header h1{letter-spacing:-.045em}.search-box{border:1px solid var(--line);background:#fff;border-radius:999px;max-width:800px;box-shadow:0 13px 35px #301f1312}.category-tabs button{border-radius:999px}.pattern-card{border-color:var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #301f130b}.pattern-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #301f131c}.preview-stage.is-compact{border:0}.preview-chrome{background:#f3f1ed;border-color:#e8e3dc}.plain-query{background:#f7f5f1;border:0;border-radius:10px}.card-actions button{background:var(--accent);border-radius:999px}.insights-page,.insight-detail-page,.insight-form-page{max-width:1360px;min-height:75vh;margin:0 auto;padding:64px max(4vw,24px) 110px}.library-hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;padding:45px 0 60px;display:grid}.library-hero h1{letter-spacing:-.06em;margin:18px 0 20px;font:800 clamp(43px,5vw,70px)/1.08 Noto Sans SC}.library-hero>div:first-child>p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.85}.library-hero-card{box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#fff8f5);border:1px solid #eee5dc;border-radius:22px;padding:28px}.library-hero-card>small{color:var(--accent);letter-spacing:.12em;font-weight:800}.library-hero-card ol{margin:20px 0;padding:0;list-style:none}.library-hero-card li{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 0;font-size:13px;display:flex}.library-hero-card li b{color:var(--accent);font-size:10px}.library-hero-card>div{gap:30px;display:flex}.library-hero-card>div span{color:var(--muted);align-items:baseline;gap:6px;font-size:11px;display:flex}.library-hero-card>div b{color:var(--ink);font-size:25px}.insight-toolbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex;position:sticky;top:78px;box-shadow:0 12px 35px #2e1f1414}.insight-toolbar>label{flex:1;align-items:center;gap:9px;min-width:240px;padding:0 12px;display:flex}.insight-toolbar input{background:0 0;border:0;outline:0;width:100%}.status-tabs{gap:4px;display:flex}.status-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 11px;font-size:12px}.status-tabs button.active{color:var(--accent);background:var(--soft-red)}.insight-toolbar .primary-cta{white-space:nowrap;font-size:12px}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.insight-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:380px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 26px #2f21140b}.insight-card:hover{border-color:#f0cbc6;transform:translateY(-4px);box-shadow:0 20px 45px #4226161a}.insight-card-top{justify-content:space-between;align-items:center;display:flex}.insight-card-top>small{max-width:48%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-badge{color:#8a6d1d;background:#fff8d9;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.status-badge.verified{color:#176743;background:#e7f8ef}.status-badge.reviewed{color:#255ca7;background:#eaf3ff}.status-badge.deprecated{color:#777;background:#eee}.insight-card h2{letter-spacing:-.025em;margin:23px 0 12px;font:750 21px/1.4 Noto Sans SC}.insight-card>p{min-height:66px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.insight-tags{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.insight-tags span{color:#68656a;background:#f4f2ee;border-radius:999px;padding:5px 8px;font-size:9px}.insight-card-evidence{background:#faf8f4;border-radius:12px;margin-top:18px;padding:13px}.insight-card-evidence small{color:var(--accent);font-weight:700}.insight-card-evidence p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.6}.insight-card-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.insight-card-actions button,.insight-card-actions a{background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:flex}.insight-card-actions button{color:#fff;background:var(--accent);border-radius:999px;padding:9px 11px}.insight-card-actions a{color:var(--muted)}.library-empty{min-height:300px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.library-empty h2{color:var(--ink);margin:8px 0 0}.library-empty p{margin:0}.library-empty a{color:#fff;background:var(--accent);border-radius:999px;padding:10px 14px}.future-loop{border-top:1px solid var(--line);grid-template-columns:1.1fr .8fr .8fr;gap:18px;margin-top:70px;padding-top:35px;display:grid}.future-loop>div{padding-right:30px}.future-loop h2{font:750 30px Noto Sans SC}.future-loop p{color:var(--muted);font-size:12px;line-height:1.7}.future-loop article{background:#f8f6f2;border:1px dashed #dcd4ca;border-radius:17px;padding:22px}.future-loop article b{font-size:15px}.future-loop em{color:var(--accent);font-size:10px;font-style:normal;font-weight:700}.future-loop article.is-live{background:#fff4f1;border-style:solid;border-color:#f0c7c2}.future-loop article.is-live a{color:var(--accent);align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.back-link{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.insight-detail-head{border-bottom:1px solid var(--line);grid-template-columns:1fr 220px;gap:50px;padding:45px 0 38px;display:grid}.insight-detail-head h1{letter-spacing:-.05em;max-width:850px;margin:18px 0 14px;font:800 clamp(37px,4.6vw,64px)/1.15 Noto Sans SC}.insight-detail-head>div>p{max-width:750px;color:var(--muted);font-size:16px;line-height:1.8}.insight-detail-head>aside{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;padding:20px;display:flex}.insight-detail-head select,.insight-detail-head aside a{border:1px solid var(--line);background:#faf9f6;border-radius:10px;width:100%;padding:10px}.insight-detail-head aside a{color:#fff;background:var(--accent);border:0;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.insight-detail-grid{grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:start;gap:40px;padding-top:40px;display:grid}.insight-story>article{border-bottom:1px solid var(--line);padding:30px 0}.insight-story article small{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:750}.insight-story h2{margin:9px 0 13px;font:750 26px Noto Sans SC}.insight-story p{color:#55565d;line-height:1.85}.three-lists{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;padding:28px 0;display:grid}.three-lists article{background:#f7f5f1;border-radius:14px;padding:17px}.three-lists h3{margin:0 0 12px;font-size:13px}.three-lists ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.three-lists li{color:var(--muted);gap:7px;font-size:10px;line-height:1.55;display:flex}.three-lists svg{width:13px;color:var(--accent);flex:0 0 13px}.source-record blockquote{color:var(--muted);border-left:3px solid var(--accent);background:#faf7f3;margin:16px 0;padding:15px}.source-record>div{gap:8px;display:flex}.source-record a{background:#f2efea;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.insight-prompt-panel{color:#eee;background:#1b1d23;border:1px solid #33353d;border-radius:20px;padding:18px;position:sticky;top:92px;box-shadow:0 25px 70px #16161933}.prompt-tabs{gap:5px;display:flex}.prompt-tabs button{color:#9fa1a8;background:0 0;border:0;border-radius:999px;flex:1;padding:8px;font-size:11px}.prompt-tabs button.active{color:#fff;background:#30333b}.insight-prompt-panel pre{white-space:pre-wrap;color:#d9d9de;background:#13151a;border:1px solid #30323a;border-radius:13px;min-height:280px;max-height:470px;margin:16px 0;padding:17px;font:12px/1.75 ui-monospace,SFMono-Regular,monospace;overflow:auto}.copy-prompt{color:#fff;background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font-weight:700;display:flex}.copy-prompt svg{width:16px}.insight-prompt-panel>small{color:#83858d;text-align:center;margin:10px 0;display:block}.reuse-feedback{border-top:1px solid #33353d;margin-top:20px;padding-top:18px}.reuse-feedback h3{margin:0 0 10px;font-size:13px}.reuse-feedback>div{gap:5px;display:flex}.reuse-feedback>div button{color:#9698a0;background:0 0;border:1px solid #353740;border-radius:999px;flex:1;padding:7px;font-size:10px}.reuse-feedback>div button.active{color:#fff;background:#33363f;border-color:#686b77}.reuse-feedback textarea{resize:vertical;color:#ddd;background:#13151a;border:1px solid #363943;border-radius:10px;outline:0;width:100%;min-height:72px;margin:10px 0;padding:10px;font:11px/1.5 inherit}.reuse-feedback>button{color:#ddd;background:0 0;border:1px solid #454851;border-radius:999px;width:100%;padding:9px}.insight-form-page{max-width:1100px}.insight-form-page>header{padding:40px 0}.insight-form-page h1{letter-spacing:-.045em;margin:16px 0 12px;font:800 clamp(36px,4vw,56px) Noto Sans SC}.insight-form-page header p{max-width:700px;color:var(--muted);line-height:1.8}.insight-form-page form{gap:20px;display:grid}.insight-form-page fieldset{border:1px solid var(--line);background:#fff;border-radius:20px;gap:16px;margin:0;padding:27px;display:grid}.insight-form-page legend{padding:0 10px;font-weight:750}.insight-form-page legend b{color:var(--accent);margin-right:10px;font-size:10px}.insight-form-page label{color:#4d4d54;gap:7px;font-size:12px;font-weight:650;display:grid}.insight-form-page label small{color:var(--muted);font-weight:400}.insight-form-page input,.insight-form-page textarea,.insight-form-page select{width:100%;color:var(--ink);background:#fbfaf8;border:1px solid #ded9d1;border-radius:10px;outline:0;padding:11px 12px}.insight-form-page input:focus,.insight-form-page textarea:focus,.insight-form-page select:focus{border-color:#ef8a7c;box-shadow:0 0 0 3px #e7242712}.insight-form-page textarea{resize:vertical;min-height:105px;line-height:1.6}.insight-form-page textarea.large{min-height:150px}.form-two,.form-three{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-three{grid-template-columns:repeat(3,1fr)}.pattern-link-picker{background:#f7f5f1;border-radius:12px;flex-wrap:wrap;gap:7px;max-height:180px;padding:15px;display:flex;overflow:auto}.pattern-link-picker>small{color:var(--muted);flex-basis:100%;margin-bottom:5px}.pattern-link-picker label{background:#fff;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:500;display:flex}.pattern-link-picker input{width:auto}.form-submit{color:#fff;background:var(--accent);border:0;border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:13px 20px;font-weight:750;display:flex}.form-submit:disabled{opacity:.55}.form-error{color:var(--accent);text-align:right}.recording-page{max-width:1440px;min-height:80vh;margin:0 auto;padding:55px max(4vw,24px) 110px}.recording-head{grid-template-columns:1fr auto;align-items:end;gap:45px;padding:35px 0 45px;display:grid}.recording-head h1{letter-spacing:-.055em;margin:17px 0 16px;font:800 clamp(40px,4.7vw,66px)/1.12 Noto Sans SC}.recording-head>div>p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.8}.recording-head aside{background:#fff8e9;border:1px solid #e5d8c8;border-radius:15px;align-items:center;gap:10px;min-width:210px;padding:13px 16px;display:flex}.recording-head aside>span{color:#96631d;background:#ffe8b5;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.recording-head aside svg{width:16px}.recording-head aside b,.recording-head aside small{display:block}.recording-head aside b{font-size:12px}.recording-head aside small{color:var(--muted);margin-top:3px;font-size:9px}.recording-head aside.ready{background:#f2fbf6;border-color:#cbe6d7}.recording-head aside.ready>span{color:#187048;background:#dcf5e8}.recording-workbench{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);align-items:start;display:grid;overflow:hidden;box-shadow:0 24px 70px #2d1f1417}.recording-input-panel{border-right:1px solid var(--line);background:#faf9f6;padding:25px}.recording-drop{text-align:center;cursor:pointer;background:#fff;border:1px dashed #d7cdc1;border-radius:18px;align-content:center;place-items:center;min-height:310px;padding:35px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.recording-drop:hover{background:#fff8f6;border-color:#eea098;transform:translateY(-2px)}.recording-drop>span{width:54px;height:54px;color:var(--accent);background:var(--soft-red);border-radius:18px;place-items:center;display:grid}.recording-drop h2{margin:18px 0 8px;font:750 20px Noto Sans SC}.recording-drop p{max-width:350px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}.recording-drop button{color:#fff;background:var(--accent);border:0;border-radius:999px;margin-top:20px;padding:10px 15px;font-size:11px;font-weight:700}.recording-preview{background:#14161b;border:1px solid #ded8d0;border-radius:17px;position:relative;overflow:hidden}.recording-preview>video,.recording-preview>img{aspect-ratio:16/10;object-fit:contain;background:#0a0a0c;width:100%;display:block}.remove-media{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0cb8;border:1px solid #fff3;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:10px;right:10px}.remove-media svg{width:15px}.recording-preview>div{color:#eee;align-items:center;gap:10px;padding:12px 14px;display:flex}.recording-preview>div>span{background:#2b2e36;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.recording-preview>div svg{width:15px}.recording-preview p{min-width:0;margin:0}.recording-preview b,.recording-preview small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recording-preview b{font-size:11px}.recording-preview small{color:#94969f;margin-top:3px;font-size:9px}.frame-strip{margin-top:18px}.frame-strip header{justify-content:space-between;margin-bottom:8px;display:flex}.frame-strip header b{font-size:11px}.frame-strip header small{color:var(--muted);font-size:9px}.frame-strip>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.frame-strip figure{background:#111;border-radius:8px;margin:0;position:relative;overflow:hidden}.frame-strip img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.frame-strip figcaption{color:#fff;background:#000000a8;border-radius:5px;padding:3px 5px;font-size:7px;position:absolute;bottom:4px;right:4px}.focus-input{color:#46464d;gap:7px;margin-top:18px;font-size:11px;font-weight:700;display:grid}.focus-input textarea{resize:vertical;min-height:90px;color:var(--ink);background:#fff;border:1px solid #ded8d0;border-radius:12px;outline:0;padding:11px;line-height:1.6}.focus-input textarea:focus{border-color:#ec9187;box-shadow:0 0 0 3px #e724270f}.model-config-note,.recording-error{color:#75511e;background:#fff4d9;border-radius:12px;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;font-size:10px;line-height:1.55;display:flex}.model-config-note svg,.recording-error svg{flex:0 0 15px;width:15px}.model-config-note b{display:block}.model-config-note p{margin:4px 0 0}.model-config-note code,.privacy-note code{background:#0000000d;border-radius:4px;padding:2px 4px}.recording-error{color:#a02529;background:#fff0f0}.analyze-button{color:#fff;background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:13px;font-weight:750;display:flex;box-shadow:0 10px 24px #e724272e}.analyze-button:disabled{color:#999;box-shadow:none;cursor:not-allowed;background:#e5e1db}.analyze-button svg{width:17px}.privacy-note{color:#96928c;margin:10px 8px 0;font-size:8px;line-height:1.55}.recording-result-panel{background:#fff;min-height:720px;padding:28px}.analysis-placeholder{text-align:center;align-content:center;place-items:center;min-height:650px;display:grid}.analysis-placeholder>svg{width:48px;height:48px;color:var(--accent);background:var(--soft-red);border-radius:17px;padding:12px}.analysis-placeholder h2{margin:18px 0 7px;font:750 22px Noto Sans SC}.analysis-placeholder>p{max-width:400px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.analysis-placeholder ol{text-align:left;width:min(420px,100%);margin:25px 0 0;padding:0;list-style:none}.analysis-placeholder li{color:var(--muted);border-bottom:1px solid var(--line);gap:12px;padding:10px 0;font-size:10px;display:flex}.analysis-placeholder li b{color:var(--accent)}.analysis-title{border-bottom:1px solid var(--line);justify-content:space-between;gap:25px;padding-bottom:22px;display:flex}.analysis-title small{color:var(--accent);letter-spacing:.12em;font-size:8px;font-weight:800}.analysis-title h2{margin:8px 0;font:750 26px Noto Sans SC}.analysis-title p{max-width:600px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}.analysis-title>button{white-space:nowrap;color:#fff;background:var(--accent);border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:flex}.analysis-title button svg{width:14px}.analysis-columns{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.analysis-columns>section{border:1px solid var(--line);background:#fbfaf8;border-radius:15px;padding:17px}.analysis-columns h3,.analysis-unknowns h3,.analysis-matches h3{margin:0 0 13px;font-size:12px}.analysis-columns article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:8px;padding:10px 0;display:grid}.analysis-columns article:last-child{border:0}.analysis-columns time{color:var(--accent);font:700 8px ui-monospace}.analysis-columns p{color:#56565d;margin:0;font-size:9px;line-height:1.55}.analysis-columns p b,.analysis-columns p span{display:block}.analysis-columns p span{color:var(--muted);margin-top:3px}.analysis-columns article>small{color:#999;font-size:8px}.analysis-unknowns{background:#fff6e8;border-radius:15px;margin-top:14px;padding:17px}.analysis-unknowns ul{grid-template-columns:1fr 1fr;gap:7px 20px;margin:0;padding-left:17px;display:grid}.analysis-unknowns li{color:#755b36;font-size:9px;line-height:1.5}.analysis-matches{margin-top:14px}.analysis-matches>div{flex-wrap:wrap;gap:7px;display:flex}.analysis-matches a{background:#f3f1ed;border-radius:999px;align-items:baseline;gap:5px;padding:7px 9px;font-size:10px;display:flex}.analysis-matches small{color:var(--muted);font-size:8px}.recording-prompts{color:#eee;background:#1b1d23;border-radius:17px;margin-top:20px;padding:16px}.recording-prompts pre{white-space:pre-wrap;background:#13151a;border:1px solid #30323a;border-radius:12px;min-height:180px;max-height:390px;margin:14px 0;padding:15px;font:10px/1.7 ui-monospace,SFMono-Regular,monospace;overflow:auto}.recording-prompts>button{color:#fff;background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:11px;font-weight:700;display:flex}.recording-prompts>button svg{width:15px}@media (width<=1050px){.header-meta{display:none}.hero-section{grid-template-columns:1fr}.hero-art{min-height:480px}.experience-intro,.library-hero{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-loop{grid-template-columns:1fr 1fr}.future-loop>div{grid-column:1/-1}.insight-detail-grid{grid-template-columns:1fr}.insight-prompt-panel{position:static}.three-lists,.recording-workbench{grid-template-columns:1fr}.recording-input-panel{border-right:0;border-bottom:1px solid var(--line)}.recording-result-panel{min-height:550px}.analysis-placeholder{min-height:480px}}@media (width<=720px){.site-header{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;padding:10px 16px}.brand{margin-right:auto}.brand small,.header-actions{display:none}.main-nav{order:3;width:100%;overflow:auto}.main-nav a{white-space:nowrap;flex:1;justify-content:center;font-size:12px}.hero-section{padding:35px 20px 55px}.hero-copy h1{font-size:42px}.hero-art{min-height:420px;padding:52px 16px}.thought-card{width:75%;min-width:0}.prompt-card{width:78%;min-width:0}.transform-mark{left:48%}.search-invite{grid-template-columns:1fr;width:calc(100% - 40px)}.search-invite>*{border-right:0;border-bottom:1px solid var(--line)}.experience-intro{gap:30px;margin:45px 20px;padding:30px 22px}.recording-home-entry{flex-direction:column;align-items:flex-start;margin:25px 20px 50px;padding:25px}.recording-home-entry>a{margin-left:60px}.category-grid,.patterns-grid,.steps-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.stats-strip{flex-wrap:wrap;gap:20px}.stats-strip a{margin-left:0}.insights-page,.insight-detail-page,.insight-form-page{padding:40px 20px 80px}.library-hero{gap:25px}.library-hero h1{font-size:42px}.insight-toolbar{flex-wrap:wrap;position:static}.insight-toolbar>label{flex-basis:100%}.status-tabs{width:100%;overflow:auto}.insight-toolbar .primary-cta{justify-content:center;width:100%}.insight-grid,.future-loop{grid-template-columns:1fr}.future-loop>div{grid-column:auto}.insight-detail-head{grid-template-columns:1fr}.insight-detail-grid{grid-template-columns:minmax(0,1fr)}.form-two,.form-three{grid-template-columns:1fr}.insight-form-page fieldset{padding:20px 16px}.recording-page{padding:38px 20px 80px}.recording-head{grid-template-columns:1fr;gap:20px}.recording-head h1{font-size:39px}.recording-head aside{width:100%}.recording-workbench{min-width:0}.recording-input-panel,.recording-result-panel{padding:17px}.recording-drop{min-height:270px;padding:25px 15px}.frame-strip>div{grid-template-columns:repeat(2,1fr)}.analysis-title{flex-direction:column}.analysis-title>button{justify-content:center;align-self:stretch}.analysis-columns,.analysis-unknowns ul{grid-template-columns:1fr}.recording-result-panel{min-height:450px}}.frame-strip figure>button{z-index:2;color:#fff;background:#000000ad;border:0;border-radius:50%;width:20px;height:20px;padding:0;position:absolute;top:4px;left:4px}.recording-history-page,.recording-detail-page{max-width:1280px;min-height:80vh;margin:0 auto;padding:70px max(4vw,24px) 110px}.recording-history-head{justify-content:space-between;align-items:end;gap:40px;padding-bottom:40px;display:flex}.recording-history-head h1{letter-spacing:-.055em;margin:15px 0;font:800 clamp(42px,5vw,68px)/1.1 Noto Sans SC}.recording-history-head p{max-width:720px;color:var(--muted);line-height:1.8}.recording-history-head>a{color:#fff;background:var(--accent);border-radius:999px;align-items:center;gap:7px;padding:12px 16px;font-size:11px;font-weight:750;display:flex}.recording-history-head>a svg{width:16px}.recording-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recording-history-grid>article{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:330px;padding:22px;display:flex;box-shadow:0 10px 30px #2d1f140d}.recording-history-grid article>header{align-items:center;gap:10px;display:flex}.recording-history-grid header>span{width:38px;height:38px;color:var(--accent);background:var(--soft-red);border-radius:11px;place-items:center;display:grid}.recording-history-grid header svg{width:17px}.recording-history-grid header b,.recording-history-grid header small{display:block}.recording-history-grid header b{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:11px;overflow:hidden}.recording-history-grid header small{color:var(--muted);margin-top:4px;font-size:8px}.recording-history-grid h2{margin:22px 0 9px;font:750 20px Noto Sans SC}.recording-history-grid>article>p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.quality-pass,.quality-review{color:#24704f;background:#edf8f2;border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:10px;display:flex}.quality-review{color:#8a5c22;background:#fff5e3}.quality-pass svg,.quality-review svg{width:16px}.quality-pass b,.quality-review b{font-size:10px;display:block}.quality-pass span,.quality-review span{font-size:8px}.recording-history-grid footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.recording-history-grid footer small{color:#aaa;font-size:8px}.recording-history-grid footer a{color:var(--accent);align-items:center;gap:5px;font-size:9px;font-weight:750;display:flex}.recording-history-grid footer svg{width:13px}.recording-detail-page>.back-link svg{width:15px}.recording-detail-page>header{border-bottom:1px solid var(--line);padding:42px 240px 35px 0;position:relative}.recording-detail-page>header>small{color:var(--accent);font-size:9px;font-weight:800}.recording-detail-page h1{letter-spacing:-.05em;margin:12px 0;font:800 clamp(38px,5vw,64px)/1.15 Noto Sans SC}.recording-detail-page>header>p{max-width:720px;color:var(--muted);line-height:1.8}.recording-detail-page>header>.quality-pass,.recording-detail-page>header>.quality-review{width:200px;position:absolute;top:45px;right:0}.recording-detail-page>section{border-bottom:1px solid var(--line);padding:28px 0}.recording-detail-page section h2{font:750 21px Noto Sans SC}.recording-detail-page section p{color:#5e5e64;grid-template-columns:90px 1fr;gap:15px;font-size:11px;line-height:1.7;display:grid}.recording-detail-prompt pre{white-space:pre-wrap;color:#ddd;background:#17191f;border-radius:14px;padding:20px;font:11px/1.75 ui-monospace,SFMono-Regular,monospace}.recording-detail-prompt button{color:#fff;background:var(--accent);border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;display:flex}.recording-detail-prompt button svg{width:15px}@media (width<=900px){.recording-history-grid{grid-template-columns:1fr 1fr}.recording-detail-page>header{padding-right:0}.recording-detail-page>header>.quality-pass,.recording-detail-page>header>.quality-review{width:auto;position:static}}@media (width<=640px){.recording-history-page,.recording-detail-page{padding:45px 20px 80px}.recording-history-head{flex-direction:column;align-items:flex-start}.recording-history-grid{grid-template-columns:1fr}}.admin-loading{text-align:center;color:#625f58;background:#f5f2eb;place-content:center;gap:14px;min-height:100vh;display:grid}.admin-loading svg{margin:auto}.admin-login-shell{color:#171714;background:#f5f2eb;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.admin-login-copy{color:#f3f0e7;background:#24261f;flex-direction:column;padding:clamp(34px,6vw,90px);display:flex;position:relative;overflow:hidden}.admin-login-copy:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-190px;right:-180px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.admin-login-copy>a{color:inherit;letter-spacing:.08em;font-size:13px;font-weight:700;text-decoration:none}.admin-login-copy>span{color:#c6c2b7;letter-spacing:.16em;margin-top:auto;font:600 11px/1.2 ui-monospace,monospace}.admin-login-copy h1{letter-spacing:-.055em;max-width:780px;margin:26px 0;font:500 clamp(48px,6vw,86px)/.98 Georgia,serif}.admin-login-copy p{color:#b7b4aa;max-width:560px;font-size:17px;line-height:1.7}.admin-login-copy ol{border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);margin:60px 0 0;padding:0;list-style:none;display:grid}.admin-login-copy li{color:#d7d3c8;padding:18px 0;font-size:13px}.admin-login-copy li b{color:#ef5b4a;margin-bottom:9px;font:700 10px/1 ui-monospace,monospace;display:block}.admin-login-card{background:#fbfaf7;border:1px solid #ded9cf;border-radius:28px;align-self:center;width:min(460px,100% - 64px);margin:auto;padding:48px;box-shadow:0 30px 80px #3c372d14}.admin-lock{color:#fff;background:#ef5b4a;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:34px;display:grid}.admin-login-card>small,.admin-main header small,.admin-patterns>header small,.admin-progress-grid small{letter-spacing:.16em;color:#908b80;font:700 10px/1 ui-monospace,monospace}.admin-login-card h2{margin:12px 0;font:500 34px/1.1 Georgia,serif}.admin-login-card>p{color:#77736b;margin-bottom:32px;line-height:1.65}.admin-login-card form label{font-size:12px;font-weight:700}.admin-login-card form label>div{background:#fff;border:1px solid #d8d2c8;border-radius:14px;align-items:center;gap:10px;margin-top:9px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.admin-login-card form label>div:focus-within{border-color:#24261f;box-shadow:0 0 0 3px #24261f14}.admin-login-card input{width:100%;height:50px;font:inherit;background:0 0;border:0;outline:0}.admin-login-card form>button{color:#fff;cursor:pointer;background:#24261f;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;height:52px;margin-top:18px;font-weight:700;display:flex}.admin-login-card button:disabled{opacity:.48;cursor:not-allowed}.admin-back{color:#77736b;text-align:center;margin-top:22px;font-size:13px;display:block}.admin-error{color:#b52d22;background:#fce9e5;border-radius:10px;padding:11px 13px;font-size:13px}.admin-config-warning{color:#72501c;background:#fff0d8;border:1px solid #efc98b;border-radius:14px;gap:12px;padding:16px;display:flex}.admin-config-warning svg{flex:none}.admin-config-warning b,.admin-config-warning span{display:block}.admin-config-warning span{margin-top:5px;font-size:12px;line-height:1.55}.admin-shell{color:#1b1b17;background:#f5f2eb;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#eeeae0;background:#23251f;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.admin-brand{color:inherit;align-items:center;gap:12px;padding:0 8px;text-decoration:none;display:flex}.admin-brand>span{border:1px solid #77796d;border-radius:12px;place-items:center;width:38px;height:38px;font:600 18px Georgia,serif;display:grid}.admin-brand b,.admin-brand small{display:block}.admin-brand small{letter-spacing:.14em;color:#8f9187;margin-top:5px;font:600 8px/1 ui-monospace,monospace}.admin-sidebar nav{gap:7px;margin-top:54px;display:grid}.admin-sidebar nav a{color:#a9aaa1;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#34362e}.admin-sidebar nav a.active:after{content:"";background:#ef5b4a;border-radius:50%;width:6px;height:6px;margin-left:auto}.admin-side-footer{border-top:1px solid #3a3c34;margin-top:auto;padding-top:18px}.admin-side-footer>span{color:#92948b;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.admin-side-footer i{background:#71b771;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #71b7711f}.admin-side-footer button{color:#b7b8b0;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:100%;margin-top:8px;padding:12px 8px;display:flex}.admin-main{min-width:0;padding:clamp(28px,4vw,58px)}.admin-main>header{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.admin-main>header h1{letter-spacing:-.045em;margin:12px 0;font:500 clamp(38px,4vw,58px)/1 Georgia,serif}.admin-main>header p{color:#77736b}.admin-main>header>div:last-child{gap:10px;display:flex}.admin-main>header a,.admin-main>header button{color:#33332e;cursor:pointer;background:#fbfaf7;border:1px solid #d6d1c7;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 15px;font:650 12px/1 inherit;text-decoration:none;display:flex}.admin-main>header button:disabled{opacity:.5}.admin-page-error{margin-top:28px}.admin-metrics{background:#fbfaf7;border:1px solid #d8d3ca;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:46px;display:grid;overflow:hidden}.admin-metrics article{border-left:1px solid #ded9d0;min-height:176px;padding:25px;position:relative}.admin-metrics article:first-child{border-left:0}.admin-metrics article.primary{color:#fff;background:#ef5b4a}.admin-metrics small{letter-spacing:.14em;opacity:.65;font:700 9px/1 ui-monospace,monospace;display:block}.admin-metrics strong{margin:26px 0 14px;font:500 50px/1 Georgia,serif;display:block}.admin-metrics strong em{color:#99958b;font:400 20px/1 Georgia,serif}.admin-metrics .primary strong em{color:#ffffffa6}.admin-metrics span{color:#817d74;font-size:12px}.admin-metrics .primary span{color:#ffffffbf}.admin-metrics .primary svg{opacity:.5;position:absolute;top:22px;right:22px}.admin-progress-grid{grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px;display:grid}.admin-progress-grid>article{background:#fbfaf7;border:1px solid #d8d3ca;border-radius:20px;padding:27px}.admin-progress-grid header{justify-content:space-between;align-items:flex-start;display:flex}.admin-progress-grid h2{margin:9px 0;font:500 24px/1.2 Georgia,serif}.admin-progress-grid header>span{color:#ef5b4a;font:500 30px/1 Georgia,serif}.admin-progress{background:#e6e1d7;border-radius:999px;height:9px;margin:30px 0 16px;overflow:hidden}.admin-progress i{border-radius:inherit;background:#ef5b4a;min-width:3px;height:100%;display:block}.admin-progress-grid p{color:#77736b;font-size:13px;line-height:1.6}.admin-progress-grid dl{margin:22px 0 0}.admin-progress-grid dl div{border-top:1px solid #e1ddd5;justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.admin-progress-grid dd{font-weight:750}.admin-progress-grid header svg{color:#659b67}.admin-patterns{background:#fbfaf7;border:1px solid #d8d3ca;border-radius:20px;margin-top:18px;overflow:hidden}.admin-patterns>header{justify-content:space-between;align-items:flex-end;gap:20px;padding:28px;display:flex}.admin-patterns h2{margin:9px 0 0;font:500 28px/1.1 Georgia,serif}.admin-table-tools{gap:9px;display:flex}.admin-table-tools label{background:#fff;border:1px solid #d8d3ca;border-radius:11px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.admin-table-tools input{background:0 0;border:0;outline:0;width:180px}.admin-table-tools select{color:#46443e;background:#fff;border:1px solid #d8d3ca;border-radius:11px;padding:0 12px}.admin-table{border-top:1px solid #ded9d0;overflow-x:auto}.admin-table-head,.admin-table-row{grid-template-columns:1.8fr .9fr .9fr 1fr .9fr 38px;align-items:center;gap:16px;min-width:880px;padding:13px 28px;display:grid}.admin-table-head{color:#88847b;letter-spacing:.11em;text-transform:uppercase;background:#f0ede6;font:700 9px/1 ui-monospace,monospace}.admin-table-row{border-top:1px solid #e8e4dc;min-height:68px;font-size:12px}.admin-table-row:first-of-type{border-top:0}.admin-table-row>span:first-child b,.admin-table-row>span:first-child small{display:block}.admin-table-row>span:first-child b{font-size:13px}.admin-table-row>span:first-child small{color:#969187;margin-top:5px}.admin-table-row>span:not(:first-child){color:#656159;align-items:center;gap:7px;display:flex}.admin-table-row i{background:#d89a42;border-radius:50%;width:7px;height:7px}.admin-table-row i.ok{background:#6ca06e}.admin-table-row a{color:#56534d;border:1px solid #d9d4cb;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.admin-table-row svg{width:15px}.admin-patterns>footer{color:#8a867d;border-top:1px solid #ded9d0;padding:16px 28px;font-size:11px}.spin{animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-metrics article:nth-child(3){border-top:1px solid #ded9d0;border-left:0}.admin-metrics article:nth-child(4){border-top:1px solid #ded9d0}.admin-progress-grid,.admin-login-shell{grid-template-columns:1fr}.admin-login-copy{min-height:52vh}.admin-login-card{margin:48px auto}}@media (width<=760px){.admin-shell{display:block}.admin-sidebar{width:auto;height:auto;padding:18px;position:relative}.admin-sidebar nav{margin-top:24px;display:flex;overflow-x:auto}.admin-sidebar nav a{white-space:nowrap}.admin-side-footer{display:none}.admin-main{padding:24px 16px}.admin-main>header{display:block}.admin-main>header>div:last-child{margin-top:20px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics article{min-height:145px;padding:19px}.admin-metrics strong{font-size:40px}.admin-patterns>header{display:block}.admin-table-tools{margin-top:20px}.admin-table-tools label{flex:1}.admin-table-tools input{width:100%}.admin-login-copy{min-height:520px;padding:32px 24px}.admin-login-copy h1{font-size:50px}.admin-login-copy ol{margin-top:36px}.admin-login-card{width:calc(100% - 32px);margin:16px auto 40px;padding:28px}.admin-login-shell{display:block}}.admin-table-head,.admin-table-row{grid-template-columns:1.8fr .9fr .9fr 1fr .9fr 80px;min-width:920px}.admin-row-actions{gap:5px;display:flex}.admin-row-actions a,.admin-row-actions button{color:#56534d;cursor:pointer;background:#fff;border:1px solid #d9d4cb;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.admin-queues{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.admin-queues>article{background:#fbfaf7;border:1px solid #d8d3ca;border-radius:20px;overflow:hidden}.admin-queues>article>header{border-bottom:1px solid #e1ddd5;justify-content:space-between;align-items:flex-start;padding:25px 27px;display:flex}.admin-queues h2{margin:9px 0 0;font:500 24px/1.2 Georgia,serif}.admin-queues header>span{color:#8b867c;background:#efebe3;border-radius:999px;padding:7px 9px;font-size:11px}.admin-queue-list,.admin-task-list{max-height:460px;overflow:auto}.admin-review-item{border-top:1px solid #e5e1d9;padding:18px 22px}.admin-review-item:first-child{border-top:0}.admin-review-item b,.admin-review-item small{display:block}.admin-review-item small{color:#999389;margin-top:5px}.admin-review-item p{color:#aa5b31;background:#fff0df;border-radius:8px;padding:8px;font-size:12px}.admin-review-item textarea{resize:vertical;border:1px solid #ddd7cc;border-radius:9px;width:100%;min-height:58px;margin-top:10px;padding:9px}.admin-review-item>div:last-child{justify-content:flex-end;gap:7px;margin-top:9px;display:flex}.admin-review-item button,.admin-task-list button{color:#fff;cursor:pointer;background:#272922;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex}.admin-review-item button.reject{color:#9c3b30;background:#f3e5e1}.admin-review-item svg,.admin-task-list svg{width:14px;height:14px}.admin-task-list>div{border-top:1px solid #e5e1d9;align-items:center;gap:11px;min-height:58px;padding:10px 20px;display:flex}.admin-task-list>div:first-child{border-top:0}.admin-task-list i{background:#c39a58;border-radius:50%;flex:none;width:8px;height:8px}.admin-task-list i.in_progress{background:#668dcc}.admin-task-list i.done{background:#6ba16d}.admin-task-list i.failed{background:#c95e53}.admin-task-list span{flex:1;min-width:0}.admin-task-list b,.admin-task-list small{display:block}.admin-task-list small{color:#999389;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.admin-task-list button{margin-left:auto}.admin-empty{color:#999389;padding:24px}.admin-queues .capture-jobs{grid-column:1/-1}.admin-editor-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1919158c;justify-items:end;display:grid;position:fixed;inset:0}.admin-editor{background:#f7f4ee;flex-direction:column;width:min(760px,100%);height:100vh;display:flex;box-shadow:-20px 0 60px #00000029}.admin-editor>header{border-bottom:1px solid #dcd7ce;justify-content:space-between;align-items:flex-start;padding:28px 32px;display:flex}.admin-editor>header small{letter-spacing:.14em;color:#8f8a80;font:700 10px/1 ui-monospace,monospace}.admin-editor h2{margin:10px 0 7px;font:500 30px/1 Georgia,serif}.admin-editor>header span{color:#999389;font-size:11px}.admin-editor>header button{cursor:pointer;background:#fff;border:1px solid #d8d2c8;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.admin-editor-body{flex:1;padding:26px 32px;overflow:auto}.admin-editor label{color:#5f5b53;font-size:11px;font-weight:750;display:block}.admin-editor label>small{float:right;color:#9f998e;font-weight:500}.admin-editor input,.admin-editor select,.admin-editor textarea{color:#282721;width:100%;font:inherit;background:#fff;border:1px solid #d8d2c8;border-radius:10px;margin-top:7px;padding:10px 11px}.admin-editor textarea{resize:vertical;min-height:78px}.admin-editor-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px;display:grid}.admin-editor-grid.lists{margin-top:16px}.admin-editor-grid.lists textarea{min-height:105px}.admin-prompt-editor{border-top:1px solid #ddd8cf;gap:14px;margin-top:18px;padding-top:18px;display:grid}.admin-prompt-editor textarea{min-height:120px}.admin-prompt-editor label:last-child textarea{min-height:180px}.admin-editor>footer{background:#fbfaf7;border-top:1px solid #dcd7ce;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;display:flex}.admin-editor>footer>span{color:#ad4d3e;align-items:center;gap:6px;font-size:12px;display:flex}.admin-editor>footer>span.success{color:#518056}.admin-editor>footer>span svg{width:15px}.admin-editor>footer>div{gap:8px;margin-left:auto;display:flex}.admin-editor>footer button{color:#fff;cursor:pointer;background:#252720;border:0;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 14px;font-weight:700;display:flex}.admin-editor>footer button.secondary{color:#49463f;background:#ebe6dd}.admin-editor>footer button:disabled{opacity:.5}.admin-editor>footer svg{width:16px}.admin-editor-loading{color:#8a857b;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}@media (width<=760px){.admin-queues{grid-template-columns:1fr}.admin-queues .capture-jobs{grid-column:auto}.admin-editor-grid{grid-template-columns:1fr}.admin-editor>footer{flex-direction:column;align-items:flex-start}.admin-editor>footer>div{width:100%;margin-left:0}.admin-editor>footer button{flex:1;justify-content:center}}.admin-queues.mode-recordings,.admin-queues.mode-tasks{grid-template-columns:1fr}.admin-queues.mode-tasks .capture-jobs{grid-column:auto}.admin-insights-panel>header p{color:#89847a;margin:8px 0 0;font-size:12px}.admin-insight-list{border-top:1px solid #ded9d0}.admin-insight-list article{border-top:1px solid #e6e1d8;grid-template-columns:minmax(0,1fr) auto;gap:30px;padding:22px 28px;display:grid}.admin-insight-list article:first-child{border-top:0}.admin-insight-list h3{margin:9px 0;font:500 20px/1.2 Georgia,serif}.admin-insight-list p{color:#77736b;max-width:760px;font-size:13px;line-height:1.55}.admin-insight-list small{color:#999389}.insight-status{color:#706b62;background:#eee9df;border-radius:999px;padding:5px 8px;font-size:10px;display:inline-flex}.insight-status.verified{color:#4e7950;background:#e5f1e5}.insight-status.reviewed{color:#4e6e86;background:#e4edf5}.insight-status.deprecated{color:#9b4b41;background:#f3e3e0}.admin-insight-list article>div:last-child{align-items:center;gap:8px;display:flex}.admin-insight-list article>div:last-child label{color:#8b867d;font-size:10px}.admin-insight-list article>div:last-child select{background:#fff;border:1px solid #d7d1c7;border-radius:8px;margin-top:5px;padding:7px;display:block}.admin-insight-list article>div:last-child a{color:#56524a;white-space:nowrap;border:1px solid #d9d3c9;border-radius:9px;align-items:center;gap:5px;padding:9px;font-size:11px;text-decoration:none;display:flex}.admin-insight-list article>div:last-child svg,.admin-insights-panel>footer svg{width:13px}.admin-insights-panel>footer{align-items:center;gap:7px;display:flex}@media (width<=900px){.admin-insight-list article{grid-template-columns:1fr}.admin-insight-list article>div:last-child{flex-wrap:wrap}}