:root{--bg:#f6f3ea;--bg-deep:#efe9dc;--paper:#fffdf8;--ink:#17252b;--ink-soft:#34454b;--muted:#6c797c;--muted-light:#8e9999;--line:#17252b1f;--line-strong:#17252b33;--coral:#dd5d3f;--coral-deep:#b6452b;--coral-soft:#f9e1d7;--teal:#177c70;--teal-deep:#0e5b52;--teal-soft:#def0e9;--violet:#6152c7;--violet-deep:#4a3da8;--violet-soft:#ebe6fb;--amber:#b67516;--amber-deep:#87560d;--amber-soft:#f7ebd3;--sky:#347ba2;--shadow-sm:0 2px 8px #17252b0d;--shadow-md:0 18px 50px -26px #17252b4d;--shadow-lg:0 32px 80px -34px #17252b61;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--font-body:"Avenir Next", "Segoe UI Variable", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Songti SC", "STSong", serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:320px;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 6% -4%, #dd5d3f1a, transparent 30rem), radial-gradient(circle at 96% 8%, #177c7017, transparent 32rem), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}#root{min-height:100vh}::selection{color:var(--ink);background:#dd5d3f3d}img{max-width:100%;display:block}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline-offset:3px;outline:3px solid #177c706b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100vh;overflow:clip}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-header{z-index:60;-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#f6f3eac7;border-bottom:1px solid #0000;transition:border-color .18s,background .18s;position:sticky;top:0}.site-header.is-compact{border-bottom-color:var(--line);background:#f6f3eae6}.header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1280px,100%);height:78px;margin:0 auto;padding:0 40px;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:inline-flex}.logo-mark{border-radius:13px;flex:none;transition:transform .22s;box-shadow:0 5px 16px -6px #dd5d3f8c}.brand:hover .logo-mark{transform:rotate(-5deg)scale(1.04)}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.055em;font-size:26px;font-weight:700}.brand-name span{color:var(--coral)}.brand-tag{color:var(--muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font-size:8px}.header-tools{align-items:center;gap:9px;display:flex}.accent-switch{border:1px solid var(--line);background:#fffdf8b3;border-radius:999px;align-items:center;padding:3px;display:flex}.accent-switch button{min-width:36px;height:27px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:10px;font-weight:700;transition:color .16s,background .16s}.accent-switch button.is-active{color:var(--paper);background:var(--ink)}.header-saved{height:36px;color:var(--ink-soft);border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex;position:relative}.header-saved:hover{background:var(--paper);border-color:var(--line-strong)}.header-saved b{min-width:17px;height:17px;color:var(--paper);background:var(--coral);font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 4px;font-size:9px;line-height:1;display:grid}.header-icon-btn{width:36px;height:36px;color:var(--ink-soft);border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .16s,transform .16s;display:grid;position:relative}.header-icon-btn:hover{background:var(--paper);transform:rotate(8deg)}.api-dot{border:2px solid var(--bg);background:#2b9a6d;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.wechat-tip{width:min(1180px,100% - 80px);color:var(--amber-deep);background:#f7ebd3e6;border:1px solid #b675162e;border-radius:10px;align-items:center;gap:9px;margin:8px auto 0;padding:8px 11px;font-size:10px;line-height:1.5;display:flex}.wechat-tip-icon{flex:none;display:flex}.wechat-tip p{flex:1;min-width:0}.wechat-tip b{font-weight:700}.wechat-tip button{width:24px;height:24px;color:var(--amber-deep);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.wechat-tip button:hover{background:#b675161a}.eyebrow,.eyebrow-small{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.eyebrow-orb{width:23px;height:23px;color:var(--paper);background:var(--coral);border-radius:50%;place-items:center;display:grid;box-shadow:0 5px 12px -5px #dd5d3fcc}.eyebrow-small{color:var(--muted);letter-spacing:.16em;gap:6px;font-size:9px}.eyebrow-small.light{color:#fffdf8a6}.btn{letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 22px;font-size:14.5px;font-weight:650;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fffaf3;background:linear-gradient(145deg, #e66a4b, var(--coral) 60%, #d44f33);border-color:#9f362147;box-shadow:0 12px 26px -12px #c4472db3}.btn-primary:hover{box-shadow:0 18px 32px -14px #c4472dc7}.btn-secondary{color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:#fffdf8c2}.btn-secondary:hover{background:var(--paper)}.btn-light{color:var(--ink);background:var(--paper);border-color:#ffffff4d;box-shadow:0 12px 30px -16px #0006}.btn-ghost{color:var(--ink-soft);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--line-strong);background:#fffdf8b3}.btn-small{min-height:40px;padding:9px 16px;font-size:13px}.btn-micro{font-family:var(--font-mono);letter-spacing:.08em;opacity:.7;border-left:1px solid #ffffff57;margin-left:3px;padding-left:10px;font-size:8px;font-weight:500}.file-picker-button{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.file-picker-button:focus-within{outline-offset:3px;outline:3px solid #177c706b}.file-picker-content{pointer-events:none;justify-content:center;align-items:center;gap:9px;display:inline-flex}.file-picker-input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.text-link{color:var(--teal);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:650;-webkit-text-decoration:underline #177c704d;text-decoration:underline #177c704d;display:inline-flex}.text-link:hover{color:var(--teal-deep)}.text-button{text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;font-weight:650;text-decoration:underline}.text-button.danger{color:var(--coral-deep)}.section-heading{max-width:700px}.section-heading.split{justify-content:space-between;align-items:flex-end;gap:32px;max-width:none;display:flex}.section-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:11px;font-size:clamp(32px,3.4vw,44px);font-weight:600;line-height:1.1}.section-heading p{max-width:500px;color:var(--muted);font-size:14px;line-height:1.7}.section-heading.split>p{text-align:right;max-width:330px;padding-bottom:6px}.audio-button{color:var(--ink-soft);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.audio-icon{border:1px solid var(--line);background:#fffdf8b3;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .16s,background .16s,color .16s;display:grid}.audio-button:hover .audio-icon{color:var(--teal);background:var(--paper);transform:scale(1.06)}.audio-button.is-active .audio-icon{color:var(--paper);background:var(--teal);border-color:var(--teal)}.audio-pill{height:36px;color:var(--ink-soft);border:1px solid var(--line);background:#fffdf899;padding:0 12px 0 4px;font-size:12px;font-weight:600}.audio-pill:hover{background:var(--paper);border-color:var(--line-strong)}.audio-pill.is-active{color:var(--teal-deep);background:var(--teal-soft);border-color:#177c7040}.audio-pill .audio-icon{background:0 0;border:0;width:27px;height:27px}.audio-pill.is-active .audio-icon{color:var(--teal-deep);background:0 0}.audio-label{line-height:1}.audio-wave{align-items:center;gap:2px;height:13px;display:inline-flex}.audio-wave i{background:currentColor;border-radius:99px;width:2px;height:6px;animation:.8s ease-in-out infinite alternate equalize}.audio-wave i:nth-child(2){height:12px;animation-delay:-.3s}.audio-wave i:nth-child(3){height:8px;animation-delay:-.55s}@keyframes equalize{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.toast{z-index:300;color:#fffaf3;background:var(--ink);max-width:min(92vw,560px);box-shadow:var(--shadow-lg);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:11px 12px 11px 15px;font-size:13px;line-height:1.35;animation:.26s both toastIn;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast-success{background:#155f54}.toast-error{background:#8d3827}.toast-icon{flex:none;display:flex}.toast button{color:#fffaf3bf;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.toast button:hover{background:#ffffff1f}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing{width:min(1280px,100%);margin:0 auto;padding:0 40px}.hero{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:34px;min-height:642px;padding:48px 0 34px;display:grid;position:relative}.hero:before{z-index:-2;content:"";pointer-events:none;background:radial-gradient(circle,#dd5d3f1f,#0000 64%);border-radius:50%;width:620px;height:620px;position:absolute;top:-180px;left:-220px}.hero-grid-lines{z-index:-1;opacity:.5;pointer-events:none;background-image:linear-gradient(#17252b0d 1px,#0000 1px),linear-gradient(90deg,#17252b0d 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:12% -20% 8% 35%;-webkit-mask-image:radial-gradient(circle at 60%,#000 8%,#0000 70%);mask-image:radial-gradient(circle at 60%,#000 8%,#0000 70%)}.hero-copy{z-index:2;position:relative}.hero-copy>*{animation:.7s cubic-bezier(.22,1,.36,1) both riseIn}.hero-copy>:first-child{animation-delay:40ms}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.17s}.hero-copy>:nth-child(4){animation-delay:.23s}.hero-copy>:nth-child(5),.hero-copy>:nth-child(6){animation-delay:.3s}.hero h1{letter-spacing:-.072em;max-width:690px;margin-top:25px;font-size:clamp(52px,6.1vw,80px);font-weight:750;line-height:1.03}.hero-highlight{z-index:0;color:var(--coral-deep);display:inline-block;position:relative}.hero-highlight:after{z-index:-1;content:"";background:linear-gradient(90deg,#dd5d3f4d,#dd5d3f21);border-radius:999px;height:.2em;position:absolute;bottom:.08em;left:-.035em;right:-.045em;transform:rotate(-.7deg)}.hero-lede{max-width:550px;color:var(--ink-soft);margin-top:24px;font-size:16.5px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.hero-actions .btn-primary{min-height:54px;padding-left:24px;padding-right:18px}.hero-actions .btn-secondary{min-height:54px}.connection-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px;font-size:11.5px;display:flex}.connection-note .text-link{margin-left:1px}.status-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b675161a}.connection-note.is-connected .status-dot{background:#2b9a6d;box-shadow:0 0 0 4px #2b9a6d1a}.hero-mini-features{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.hero-mini-features span{color:var(--muted);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.02em;background:#fffdf88c;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;display:inline-flex}.hero-mini-features svg{color:var(--teal)}.hero-art{min-height:575px;animation:.9s .12s both fadeIn;position:relative}.art-sun{filter:blur(2px);background:radial-gradient(circle at 40% 38%,#ee977b8c,#dd5d3f12 58%,#0000 72%);border-radius:50%;width:390px;height:390px;position:absolute;top:1%;right:3%}.art-ring{border:1px dashed #177c7057;border-radius:50%;width:440px;height:440px;animation:80s linear infinite slowSpin;position:absolute;top:8%;right:2%}.art-dots{opacity:.7;background-image:radial-gradient(#17252b47 1px,#0000 1px);background-size:13px 13px;width:155px;height:120px;position:absolute;top:9%;right:-1%;-webkit-mask-image:linear-gradient(135deg,#000,#0000 80%);mask-image:linear-gradient(135deg,#000,#0000 80%)}.hero-photo{z-index:2;background:var(--paper);border:1px solid #17252b1a;border-radius:27px;width:78%;margin:0;padding:10px 10px 0;position:absolute;top:3%;right:4%;transform:rotate(-2.2deg);box-shadow:0 40px 70px -34px #2126217a}.hero-photo:before{z-index:-1;background:var(--coral-soft);content:"";border:1px solid #dd5d3f1f;border-radius:28px;position:absolute;inset:22px -15px -15px 20px;transform:rotate(2.6deg)}.hero-photo img{aspect-ratio:1.23;object-fit:cover;filter:saturate(.94)contrast(1.02);border-radius:19px 19px 6px 6px;width:100%}.photo-pin{color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.1em;background:#17252bb8;border:1px solid #fff3;border-radius:999px;padding:7px 10px;font-size:8px;position:absolute;top:22px;left:22px}.hero-photo figcaption{flex-direction:column;gap:3px;padding:15px 10px 16px;display:flex}.hero-photo figcaption span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:8px}.hero-photo figcaption strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.2}.phrase-float{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f0;border:1px solid #17252b21;border-radius:18px;width:258px;padding:16px 17px 14px;position:absolute;top:29%;left:-3%;transform:rotate(2.2deg);box-shadow:0 22px 44px -22px #17252b6b}.phrase-float-label{color:var(--teal);font-family:var(--font-mono);letter-spacing:.09em;align-items:center;gap:5px;font-size:7.5px;font-weight:600;display:flex}.phrase-float strong{font-family:var(--font-display);letter-spacing:-.025em;margin-top:7px;font-size:21px;font-weight:600;line-height:1.1;display:block}.phrase-float>span:nth-of-type(2){color:var(--muted);margin-top:4px;font-size:9.5px;display:block}.phrase-wave{opacity:.8;align-items:center;gap:3px;height:24px;margin-top:10px;display:flex}.phrase-wave i{background:linear-gradient(180deg, var(--coral), #dd5d3f59);border-radius:99px;flex:1;min-width:2px}.band-float{z-index:5;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:16px;align-items:center;gap:8px;padding:12px 14px;display:flex;position:absolute;top:7%;right:-1%;transform:rotate(5deg)}.band-float strong{color:var(--coral);font-family:var(--font-display);letter-spacing:-.06em;font-size:38px;font-weight:600;line-height:.9}.band-float span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:7px;line-height:1.35}.observe-float{z-index:4;color:var(--paper);background:var(--ink);box-shadow:var(--shadow-md);border-radius:13px;flex-direction:column;gap:2px;padding:11px 14px;display:flex;position:absolute;bottom:3%;right:1%;transform:rotate(-1.5deg)}.observe-float span{color:#fffdf894;font-family:var(--font-mono);letter-spacing:.1em;font-size:7px}.observe-float strong{font-size:11px;font-weight:500}.drop-overlay{z-index:20;color:var(--coral-deep);border:1.5px dashed var(--coral);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f3eadb;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:5px;animation:.16s both fadeIn;display:flex;position:absolute;inset:8px}.drop-overlay strong{margin-top:5px;font-size:18px}.drop-overlay span{color:var(--muted);font-size:11px}.capability-strip{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;align-items:center;gap:15px;padding:15px 0;font-size:9px;display:flex}.capability-strip span:first-of-type{color:var(--coral)}.capability-strip span:nth-of-type(2){color:var(--teal)}.capability-strip span:nth-of-type(3){color:var(--violet)}.capability-strip span:nth-of-type(4){color:var(--amber)}.capability-strip i{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.capability-strip p{color:var(--muted-light);font-family:var(--font-body);letter-spacing:0;margin-left:auto;font-size:10.5px}.samples-section,.history-section,.how-section{margin:92px 0}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.sample-card{--sample:var(--coral);--sample-soft:var(--coral-soft);text-align:left;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.sample-teal{--sample:var(--teal);--sample-soft:var(--teal-soft)}.sample-violet{--sample:var(--violet);--sample-soft:var(--violet-soft)}.sample-card:hover{border-color:color-mix(in srgb, var(--sample) 35%, var(--line));box-shadow:var(--shadow-md);transform:translateY(-6px)}.sample-image{aspect-ratio:1.48;background:var(--sample-soft);position:relative;overflow:hidden}.sample-image:after{content:"";background:linear-gradient(#0000 55%,#17252b38);position:absolute;inset:0}.sample-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.sample-card:hover .sample-image img{transform:scale(1.04)}.sample-number{z-index:2;color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.06em;background:#17252b8c;border:1px solid #ffffff2e;border-radius:999px;padding:5px 8px;font-size:8px;position:absolute;top:13px;left:13px}.sample-open{z-index:2;width:34px;height:34px;color:var(--ink);background:var(--paper);border-radius:50%;place-items:center;transition:transform .18s,background .18s,color .18s;display:grid;position:absolute;bottom:13px;right:13px;box-shadow:0 4px 12px #17252b33}.sample-card:hover .sample-open{color:var(--paper);background:var(--sample);transform:rotate(8deg)}.sample-body{border-top:3px solid var(--sample);flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.sample-label{color:var(--sample);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:700}.sample-body h3{font-family:var(--font-display);letter-spacing:-.025em;margin-top:7px;font-size:21px;font-weight:600;line-height:1.18}.sample-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:11.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.sample-meta{color:var(--muted-light);border-top:1px dashed var(--line);font-family:var(--font-mono);letter-spacing:.02em;margin-top:16px;padding-top:11px;font-size:8.5px}.history-row{scrollbar-width:none;gap:12px;padding:22px 2px 6px;display:flex;overflow-x:auto}.history-row::-webkit-scrollbar{display:none}.history-card{text-align:left;border:1px solid var(--line);background:#fffdf8b3;border-radius:18px;flex:none;grid-template-columns:72px 1fr auto;align-items:center;gap:11px;width:292px;padding:9px;transition:background .16s,transform .16s,box-shadow .16s;display:grid}.history-card:hover{background:var(--paper);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.history-card img{object-fit:cover;border-radius:12px;width:72px;height:62px}.history-card div{flex-direction:column;gap:2px;min-width:0;display:flex}.history-card div span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.06em;font-size:8px}.history-card div strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.history-card div small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.history-card>svg{color:var(--muted)}.how-section .section-heading{max-width:620px;margin-bottom:32px}.how-section .section-heading p{margin-top:14px}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.how-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;flex-direction:column;min-height:294px;padding:28px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.how-card:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-65px;right:-55px}.how-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.how-coral{color:var(--coral-deep);background:linear-gradient(145deg,#fbe8df,#fdf7f3)}.how-teal{color:var(--teal-deep);background:linear-gradient(145deg,#e0f1eb,#f8fbf8)}.how-violet{color:var(--violet-deep);background:linear-gradient(145deg,#ece7fb,#faf8fd)}.how-number{color:currentColor;font-family:var(--font-display);letter-spacing:-.06em;opacity:.16;font-size:62px;font-weight:600;line-height:1;position:absolute;top:16px;right:22px}.how-icon{color:currentColor;background:#fffdf8b3;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px -6px #17252b40}.how-card h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;margin-top:26px;font-size:25px;font-weight:600}.how-card p{color:var(--ink-soft);margin-top:8px;font-size:12.5px;line-height:1.7}.how-en{color:currentColor;font-family:var(--font-mono);letter-spacing:.14em;opacity:.72;margin-top:auto;padding-top:24px;font-size:8px}.landing-cta{color:var(--paper);box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#ffffff0a,#0000 45%),#153c37;border-radius:32px;justify-content:space-between;align-items:flex-end;gap:30px;margin:100px 0 56px;padding:50px 52px;display:flex;position:relative;overflow:hidden}.landing-cta h2{font-family:var(--font-display);letter-spacing:-.045em;margin-top:16px;font-size:clamp(36px,4.1vw,50px);font-weight:500;line-height:1.1}.landing-cta .btn{z-index:2;flex:none;position:relative}.cta-orb{pointer-events:none;border-radius:50%;position:absolute}.cta-orb-one{background:radial-gradient(circle,#dd5d3f6b,#0000 68%);width:320px;height:320px;top:-100px;right:8%}.cta-orb-two{border:1px solid #f7ebd324;width:360px;height:360px;bottom:-150px;left:30%}.site-footer{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:26px;padding:26px 0 38px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand div{flex-direction:column;line-height:1.25;display:flex}.footer-brand strong{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;font-size:18px}.footer-brand span{font-size:9px}.footer-credit{max-width:510px;font-size:9.5px;line-height:1.6}.footer-made{color:var(--muted-light);font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;margin-left:auto;font-size:8px}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes slowSpin{to{transform:rotate(360deg)}}.analyzing-page{place-items:center;width:min(1180px,100%);min-height:calc(100vh - 78px);margin:0 auto;padding:38px 40px 54px;display:grid}.analyzing-shell{width:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8b8;border:1px solid #17252b1a;border-radius:36px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:0;padding:20px;display:grid}.analyzing-image-wrap{background:var(--ink);border-radius:25px;min-height:540px;position:relative;overflow:hidden}.analyzing-image-wrap>img{object-fit:cover;filter:saturate(.84)brightness(.8);width:100%;height:100%;animation:18s ease-in-out infinite alternate slowZoom;position:absolute;inset:0}.scan-shade{background:linear-gradient(#0d1f212e,#0d1f2175);position:absolute;inset:0}.scan-line{background:linear-gradient(90deg,#0000,#f8b29b,#fff2e7,#f8b29b,#0000);height:2px;animation:3.6s cubic-bezier(.45,0,.55,1) infinite scanMove;position:absolute;left:6%;right:6%;box-shadow:0 0 22px 5px #f98d6b6b}.scan-line:before{content:"";background:linear-gradient(#0000,#f98d6b1a);height:64px;position:absolute;top:-64px;left:0;right:0}.scan-chip{color:#fff8ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);letter-spacing:.08em;background:#17252b73;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:8.5px;display:inline-flex;position:absolute;top:18px;left:18px}.scan-corner{border-style:solid;border-color:#fff6eccc;width:22px;height:22px;position:absolute}.corner-tl{border-width:1.5px 0 0 1.5px;border-radius:6px 0 0;top:17px;left:17px}.corner-tr{border-width:1.5px 1.5px 0 0;border-radius:0 6px 0 0;top:17px;right:17px}.corner-bl{border-width:0 0 1.5px 1.5px;border-radius:0 0 0 6px;bottom:17px;left:17px}.corner-br{border-width:0 1.5px 1.5px 0;border-radius:0 0 6px;bottom:17px;right:17px}.analyzing-copy{flex-direction:column;justify-content:center;padding:34px 44px 30px;display:flex}.analyzing-copy h1{letter-spacing:-.055em;margin-top:15px;font-size:clamp(34px,3.5vw,44px);font-weight:730;line-height:1.15}.analyzing-copy h1 span{color:var(--coral)}.analyzing-lede{color:var(--muted);margin-top:12px;font-size:12.5px;line-height:1.7}.analysis-steps{flex-direction:column;gap:4px;margin-top:26px;display:flex}.analysis-step{color:var(--muted-light);border-radius:12px;align-items:center;gap:11px;padding:8px 10px;transition:color .18s,background .18s;display:flex}.analysis-step.is-active{color:var(--ink);background:#f9e1d775}.analysis-step.is-done{color:var(--ink-soft)}.step-marker{width:28px;height:28px;color:var(--muted);border:1px solid var(--line);font-family:var(--font-mono);background:#fffdf8b3;border-radius:50%;flex:none;place-items:center;font-size:8px;display:grid}.analysis-step.is-active .step-marker{color:var(--paper);background:var(--coral);border-color:var(--coral)}.analysis-step.is-done .step-marker{color:var(--paper);background:var(--teal);border-color:var(--teal)}.analysis-step>div{flex-direction:column;gap:1px;display:flex}.analysis-step strong{font-size:12.5px;font-weight:620}.analysis-step div span{color:var(--muted);font-size:10px}.analysis-progress{margin-top:24px}.progress-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;justify-content:space-between;font-size:8.5px;display:flex}.progress-label span:last-child{color:var(--coral)}.progress-track{background:#17252b14;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--coral), #e99a60);border-radius:inherit;height:100%;transition:width .6s;display:block}.analysis-foot{color:var(--muted-light);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:9.5px;display:flex}.analysis-foot .text-link{color:var(--muted)}.slow-note{color:var(--amber-deep);background:var(--amber-soft);border-radius:10px;margin-top:10px;padding:8px 10px;font-size:10px}@keyframes scanMove{0%,to{opacity:0;top:8%}12%,88%{opacity:1}50%{top:90%}}@keyframes slowZoom{0%{transform:scale(1.02)}to{transform:scale(1.09)}}.result-page{width:min(1180px,100%);margin:0 auto;padding:0 40px}.result-topbar{align-items:center;gap:18px;padding:20px 0 12px;display:flex}.back-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11.5px;font-weight:550;transition:color .16s;display:inline-flex}.back-link:hover{color:var(--ink)}.result-rail{color:var(--muted-light);font-family:var(--font-mono);letter-spacing:.03em;font-size:8.5px}.result-top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.translation-toggle{height:34px;color:var(--muted);border:1px solid var(--line);background:#fffdf899;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 11px;font-size:10.5px;transition:background .16s,color .16s;display:inline-flex}.translation-toggle i{background:#17252b24;border-radius:999px;width:25px;height:14px;transition:background .16s;position:relative}.translation-toggle i:after{background:var(--paper);content:"";border-radius:50%;width:10px;height:10px;transition:transform .18s;position:absolute;top:2px;left:2px}.translation-toggle.is-on{color:var(--teal-deep);background:var(--teal-soft);border-color:#177c7033}.translation-toggle.is-on i{background:var(--teal)}.translation-toggle.is-on i:after{transform:translate(11px)}.result-icon-btn{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.result-icon-btn:hover{color:var(--ink);background:var(--paper)}.scene-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(32px,5vw,62px);padding:24px 0 54px;display:grid}.scene-photo-wrap{z-index:0;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:28px;padding:9px;position:relative}.scene-photo-wrap:before{z-index:-1;background:var(--coral-soft);content:"";border:1px solid #dd5d3f24;border-radius:30px;position:absolute;inset:20px -14px -14px 22px;transform:rotate(1.5deg)}.scene-photo-wrap:after{content:"";background:#f7ebd3e6;width:52px;height:20px;position:absolute;top:-9px;right:25px;transform:rotate(3deg);box-shadow:0 1px 2px #17252b1a}.scene-photo-wrap img{aspect-ratio:1.25;object-fit:cover;border-radius:19px;width:100%}.scene-stamp{z-index:2;color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.1em;background:#17252b85;border:1px solid #fff3;border-radius:999px;padding:6px 9px;font-size:8px;position:absolute;top:23px;left:23px}.scene-photo-caption{color:var(--paper);pointer-events:none;background:linear-gradient(#0000,#0e1b1cb8);border-radius:0 0 19px 19px;justify-content:space-between;align-items:flex-end;gap:15px;padding:44px 17px 15px;display:flex;position:absolute;bottom:9px;left:9px;right:9px}.scene-photo-caption span{font-family:var(--font-mono);letter-spacing:.1em;opacity:.62;font-size:7.5px}.scene-photo-caption strong{max-width:65%;font-family:var(--font-display);text-align:right;font-size:15px;font-weight:500;line-height:1.2}.scene-copy .eyebrow{letter-spacing:.08em;text-transform:none;font-size:9.5px}.scene-copy h1{max-width:620px;font-family:var(--font-display);letter-spacing:-.05em;margin-top:15px;font-size:clamp(40px,4.3vw,56px);font-weight:550;line-height:1.04}.scene-subtitle{max-width:560px;color:var(--muted);margin-top:17px;font-size:14px;line-height:1.75}.scene-meta{color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;gap:9px 15px;margin-top:24px;padding-top:18px;font-size:10.5px;display:flex}.scene-meta span{align-items:center;gap:5px;display:inline-flex}.scene-meta svg{color:var(--coral)}.scene-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.scene-disclaimer{max-width:500px;color:var(--muted-light);margin-top:14px;font-size:9px;line-height:1.6}.section-nav{z-index:40;-webkit-backdrop-filter:blur(16px);background:#f6f3ead1;margin:0 -4px;padding:8px 4px;position:sticky;top:77px}.section-nav-inner{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fffdf8ad;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex}.section-nav-pill{height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:600;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.section-nav-pill span{font-family:var(--font-mono);opacity:.65;font-size:8px}.section-nav-pill:hover{color:var(--ink);background:#fffdf8d1}.section-nav-pill.is-active{color:var(--tone-deep,var(--ink));background:var(--tone-soft,var(--bg-deep));border-color:color-mix(in srgb, var(--tone,var(--ink)) 16%, transparent)}.scroll-hint{color:var(--muted-light);font-family:var(--font-mono);letter-spacing:.03em;align-items:center;gap:3px;margin-left:auto;padding:0 12px;font-size:8px;display:inline-flex}.result-content{padding-top:20px}.result-section{border:1px solid var(--line);border-radius:32px;margin:20px 0;padding:48px 42px 44px;scroll-margin-top:148px;position:relative;overflow:hidden}.result-section:before{background:radial-gradient(circle, var(--tone-soft,transparent), transparent 70%);content:"";pointer-events:none;width:330px;height:330px;position:absolute;top:-140px;right:-120px}.section-coral{--tone:var(--coral);--tone-deep:var(--coral-deep);--tone-soft:var(--coral-soft);background:linear-gradient(145deg,#fae4daad,#fffdf894 48%,#fffdf866);border-color:#dd5d3f1f}.section-teal{--tone:var(--teal);--tone-deep:var(--teal-deep);--tone-soft:var(--teal-soft);background:linear-gradient(145deg,#e1f2ebb8,#fffdf894 48%,#fffdf866);border-color:#177c701f}.section-violet{--tone:var(--violet);--tone-deep:var(--violet-deep);--tone-soft:var(--violet-soft);background:linear-gradient(145deg,#ece7fbc2,#fffdf894 48%,#fffdf866);border-color:#6152c71f}.section-amber{--tone:var(--amber);--tone-deep:var(--amber-deep);--tone-soft:var(--amber-soft);background:linear-gradient(145deg,#f8edd7bd,#fffdf894 48%,#fffdf866);border-color:#b675161f}.result-section-head{grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:17px;margin-bottom:28px;display:grid}.section-number{width:48px;height:48px;color:var(--tone-deep);border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);font-family:var(--font-mono);background:#fffdf8ad;border-radius:14px;place-items:center;font-size:11px;font-weight:600;display:grid}.section-eyebrow{color:var(--tone);font-family:var(--font-mono);letter-spacing:.13em;font-size:8.5px;font-weight:700}.section-head-copy h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:5px;font-size:clamp(30px,3vw,38px);font-weight:600;line-height:1.1}.section-head-copy p{max-width:680px;color:var(--ink-soft);margin-top:8px;font-size:12px;line-height:1.7}.section-meta{color:var(--tone-deep);background:var(--paper);border:1px solid color-mix(in srgb, var(--tone) 28%, transparent);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;border-radius:999px;margin-top:4px;padding:5px 8px;font-size:7.5px}.description-card{background:#fffdf8c7;border:1px solid #17252b1a;border-radius:22px;overflow:hidden;box-shadow:0 16px 42px -32px #17252b66}.description-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.tiny-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:6px;font-size:8px;display:inline-flex}.tiny-label i{background:var(--coral);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #dd5d3f1f}.sequence-button{height:32px;color:var(--coral-deep);background:var(--coral-soft);border:1px solid #dd5d3f2e;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:600;transition:background .16s;display:inline-flex}.sequence-button:hover{background:#f6d5c8}.sequence-button.is-active{color:var(--paper);background:var(--coral);border-color:var(--coral)}.mini-wave{align-items:center;gap:2px;height:10px;display:inline-flex}.mini-wave i{background:currentColor;border-radius:99px;width:2px;height:5px;animation:.7s ease-in-out infinite alternate equalize}.mini-wave i:nth-child(2){height:9px;animation-delay:-.25s}.mini-wave i:nth-child(3){height:6px;animation-delay:-.5s}.description-lines{flex-direction:column;display:flex}.description-line{border-bottom:1px solid #17252b13;grid-template-columns:42px minmax(0,1fr) 36px;align-items:start;gap:12px;padding:19px 20px;transition:background .18s,box-shadow .18s;display:grid}.description-line:last-child{border-bottom:0}.description-line:hover{background:#f9e1d747}.description-line.is-current{box-shadow:inset 3px 0 0 var(--coral);background:#f9e1d77a}.line-index{color:var(--coral);font-family:var(--font-mono);letter-spacing:.04em;padding-top:4px;font-size:9px}.line-body p:first-child{font-family:var(--font-display);letter-spacing:-.012em;font-size:clamp(18px,1.7vw,21px);line-height:1.52}.scene-mark{color:inherit;background:linear-gradient(#0000 58%,#dd5d3f38 58%);padding:0 1px}.line-translation{color:var(--muted);margin-top:6px;font-size:11.5px;line-height:1.65}.description-line .audio-button{margin-top:1px}.shadow-tip{color:var(--coral-deep);background:#f9e1d76b;border-top:1px dashed #dd5d3f38;align-items:flex-start;gap:10px;padding:13px 20px;display:flex}.shadow-tip svg{flex:none;margin-top:2px}.shadow-tip div{flex-wrap:wrap;gap:4px 9px;font-size:10px;display:flex}.shadow-tip strong{font-size:10px;font-weight:650}.shadow-tip span{color:#833e2bc7}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vocab-card{border:1px solid #17252b1a;border-top:3px solid var(--tone);animation:.48s cubic-bezier(.22,1,.36,1) both cardIn;animation-delay:var(--reveal-delay,0s);background:#fffdf8d1;border-radius:20px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 14px 34px -30px #17252b73}.vocab-card:hover{background:var(--paper);transform:translateY(-2px);box-shadow:0 20px 46px -30px #17252b66}.vocab-card.tone-teal{--tone:var(--teal);--tone-deep:var(--teal-deep);--tone-soft:var(--teal-soft)}.vocab-card.tone-violet{--tone:var(--violet);--tone-deep:var(--violet-deep);--tone-soft:var(--violet-soft)}.vocab-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.vocab-heading{align-items:flex-start;gap:9px;min-width:0;display:flex}.vocab-index{color:var(--tone);font-family:var(--font-mono);opacity:.8;padding-top:4px;font-size:8px}.vocab-heading h3{overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.035em;font-size:25px;font-weight:600;line-height:1.08}.vocab-ipa{color:var(--muted);font-family:var(--font-mono);margin-top:3px;font-size:9.5px;display:block}.vocab-actions{flex:none;align-items:center;gap:2px;display:flex}.save-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s,transform .16s;display:grid}.save-button:hover{color:var(--tone-deep);background:var(--tone-soft);transform:translateY(-1px)}.save-button.is-saved{color:var(--tone,var(--coral))}.vocab-badges{flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px;display:flex}.pos-badge,.level-badge,.ielts-badge{color:var(--muted);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.02em;background:#f6f3eacc;border-radius:5px;padding:3px 6px;font-size:8px;line-height:1.25}.ielts-badge{color:var(--tone-deep);background:var(--tone-soft);border-color:color-mix(in srgb, var(--tone) 16%, transparent);letter-spacing:.08em;font-size:7px;font-weight:700}.level-b2{color:var(--teal-deep);background:var(--teal-soft);border-color:#177c7026}.level-c1{color:var(--violet-deep);background:var(--violet-soft);border-color:#6152c726}.level-c2{color:var(--amber-deep);background:var(--amber-soft);border-color:#b675162e}.vocab-meaning{color:var(--ink);margin-top:10px;font-size:13px;font-weight:650;line-height:1.55}.vocab-definition{color:var(--muted);font-family:var(--font-display);margin-top:4px;font-size:13.5px;font-style:italic;line-height:1.55}.vocab-example{background:color-mix(in srgb, var(--tone-soft) 46%, transparent);border-radius:11px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;display:flex}.vocab-example>span{width:18px;height:18px;color:var(--tone-deep);font-family:var(--font-mono);background:#fffdf8b3;border-radius:50%;flex:none;place-items:center;font-size:7px;font-weight:700;display:grid}.vocab-example p{color:var(--ink-soft);font-size:10.5px;line-height:1.6}.collocation-row{align-items:flex-start;gap:8px;margin-top:11px;display:flex}.collocation-label{color:var(--muted-light);font-family:var(--font-mono);letter-spacing:.05em;flex:none;padding-top:3px;font-size:7.5px}.collocation-row>div{flex-wrap:wrap;gap:4px;display:flex}.collocation-chip{color:var(--ink-soft);border:1px dashed color-mix(in srgb, var(--tone) 24%, transparent);font-family:var(--font-display);background:#fffdf8b3;border-radius:5px;padding:3px 6px;font-size:10px;font-style:italic;line-height:1.35}.vocab-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.vocab-foot p{color:var(--muted);gap:6px;font-size:9px;line-height:1.55;display:flex}.vocab-foot p+p{margin-top:2px}.vocab-foot span{color:var(--tone-deep);font-family:var(--font-mono);letter-spacing:.04em;flex:none;font-size:7px}.synonym-line{font-family:var(--font-display);font-style:italic}.vocab-card.is-compact{padding:17px 18px}.vocab-card.is-compact .vocab-heading h3{font-size:21px}.vocab-card.is-compact .vocab-meaning{margin-top:8px}.vocab-card.is-compact .vocab-example{margin-top:9px}.vocab-card.is-compact .vocab-index{display:none}.section-footnote{color:var(--muted-light);border-top:1px dashed var(--line);font-family:var(--font-mono);letter-spacing:.02em;justify-content:space-between;gap:16px;margin-top:18px;padding-top:13px;font-size:8px;display:flex}.topic-kit{background:#fffdf894;border:1px dashed #b6751647;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:16px 20px;display:grid}.topic-kit-label{color:var(--paper);background:var(--amber);font-family:var(--font-mono);letter-spacing:.08em;border-radius:4px;padding:4px 7px;font-size:7px;font-weight:700}.topic-kit strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px;font-weight:600}.topic-kit p{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.6}.topic-kit-mark{color:var(--amber);font-family:var(--font-display);opacity:.6;font-size:22px}.phrase-list{flex-direction:column;gap:10px;display:flex}.phrase-card{border:1px solid #17252b1a;border-left:3px solid var(--phrase-tone,var(--amber));background:#fffdf8d1;border-radius:17px;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:20px 22px;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.phrase-card:hover{background:var(--paper);transform:translate(2px);box-shadow:0 16px 34px -30px #17252b73}.phrase-tone-0{--phrase-tone:var(--amber);--phrase-soft:var(--amber-soft);--phrase-deep:var(--amber-deep)}.phrase-tone-1{--phrase-tone:var(--coral);--phrase-soft:var(--coral-soft);--phrase-deep:var(--coral-deep)}.phrase-tone-2{--phrase-tone:var(--teal);--phrase-soft:var(--teal-soft);--phrase-deep:var(--teal-deep)}.phrase-index{color:var(--phrase-tone);font-family:var(--font-display);letter-spacing:-.05em;opacity:.55;padding-top:2px;font-size:38px;font-weight:500;line-height:1}.phrase-body{min-width:0}.phrase-usage{color:var(--phrase-deep);background:var(--phrase-soft);font-family:var(--font-mono);letter-spacing:.03em;border-radius:4px;padding:3px 7px;font-size:7.5px;font-weight:600;display:inline-flex}.phrase-text{max-width:900px;font-family:var(--font-display);letter-spacing:-.012em;margin-top:7px;font-size:clamp(17px,1.8vw,21px);line-height:1.5}.phrase-translation{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.65}.phrase-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.phrase-actions .audio-pill{background:#fffdf8b8}.phrase-actions .save-button{border:1px solid var(--line)}.speaking-practice{background:#fffdf8b3;border:1px dashed #b675164d;border-radius:24px;margin-top:30px;padding:26px}.speaking-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.speaking-heading h3{font-family:var(--font-display);letter-spacing:-.04em;margin-top:6px;font-size:clamp(26px,2.8vw,33px);font-weight:600}.speaking-heading p{max-width:680px;color:var(--muted);margin-top:6px;font-size:10.5px;line-height:1.65}.question-count{color:var(--amber-deep);background:var(--amber-soft);font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;flex:none;padding:5px 8px;font-size:7.5px}.question-switcher{background:#f7ebd385;border:1px solid #b6751621;border-radius:999px;gap:5px;margin-top:18px;padding:4px;display:flex}.question-switcher button{height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:9.5px;font-weight:600;transition:color .16s,background .16s;display:inline-flex;position:relative}.question-switcher button span{font-family:var(--font-mono);opacity:.7;font-size:7.5px}.question-switcher button.is-active{color:var(--ink);background:var(--paper);box-shadow:0 2px 8px #17252b14}.answered-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;margin-left:2px}.turn-body{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:12px;margin-top:12px;display:grid}.question-card,.answer-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-width:0;padding:20px;display:flex}.question-kicker,.answer-kicker{color:var(--amber-deep);font-family:var(--font-mono);letter-spacing:.08em;font-size:7.5px;font-weight:700}.question-card h4{font-family:var(--font-display);letter-spacing:-.025em;margin-top:8px;font-size:clamp(21px,2vw,25px);font-weight:550;line-height:1.25}.question-zh{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.6}.target-row{align-items:flex-start;gap:8px;margin-top:14px;display:flex}.target-row>span{color:var(--muted-light);font-family:var(--font-mono);flex:none;padding-top:4px;font-size:7.5px}.target-row>div{flex-wrap:wrap;gap:4px;display:flex}.target-chip{color:var(--amber-deep);background:var(--amber-soft);font-family:var(--font-display);border:1px solid #b675161f;border-radius:5px;align-items:center;gap:3px;padding:4px 6px;font-size:10px;font-style:italic;line-height:1.25;transition:background .16s,transform .16s;display:inline-flex}.target-chip:hover{background:#f3e2c1;transform:translateY(-1px)}.thinking-button{width:fit-content;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:7px 10px;font-size:9.5px;font-weight:600;display:inline-flex}.thinking-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dd5d3f1f}.thinking-timer{width:fit-content;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:7px 10px;font-size:9px;display:flex}.thinking-timer.is-running{color:var(--coral-deep);background:var(--coral-soft);border-color:#dd5d3f26}.thinking-timer.is-done{color:var(--teal-deep);background:var(--teal-soft);border-color:#177c7026}.thinking-ring{background:var(--paper);width:22px;height:22px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.sample-toggle{color:var(--amber-deep);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:7px 0 0;font-size:9.5px;font-weight:600;display:inline-flex}.sample-toggle svg:last-child{transition:transform .16s}.sample-toggle.is-open svg:last-child{transform:rotate(90deg)}.sample-answer{background:#f7ebd366;border:1px solid #b675161f;border-radius:12px;margin-top:12px;padding:12px}.sample-answer-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sample-answer-top>span{color:var(--amber-deep);font-family:var(--font-mono);letter-spacing:.08em;font-size:7px}.sample-answer p{color:var(--ink-soft);font-family:var(--font-display);margin-top:7px;font-size:12.5px;line-height:1.55}.sample-answer-zh{color:var(--muted)!important;font-family:var(--font-body)!important;font-size:9.5px!important}.answer-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.answer-card-head h4{font-family:var(--font-display);letter-spacing:-.025em;margin-top:3px;font-size:18px;font-weight:600}.word-count{color:var(--muted);background:var(--bg);font-family:var(--font-mono);border-radius:4px;flex:none;padding:3px 6px;font-size:7.5px}.word-count.is-good{color:var(--teal-deep);background:var(--teal-soft)}.answer-card textarea{width:100%;min-height:150px;color:var(--ink);border:1px solid var(--line);font-family:var(--font-display);resize:vertical;background:#f6f3ea8c;border-radius:10px;outline:0;margin-top:12px;padding:11px 12px;font-size:15px;line-height:1.55;transition:border-color .16s,box-shadow .16s,background .16s}.answer-card textarea::placeholder{color:var(--muted-light)}.answer-card textarea:focus{background:var(--paper);border-color:var(--amber);box-shadow:0 0 0 3px #b675161a}.voice-note{color:var(--muted-light);align-items:flex-start;gap:5px;margin-top:7px;font-size:8px;line-height:1.5;display:flex}.voice-note svg{color:var(--amber);flex:none}.answer-error{color:var(--coral-deep);margin-top:7px;font-size:9px;line-height:1.5}.answer-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.answer-saved-note{color:var(--teal-deep);font-family:var(--font-mono);font-size:8px}.answer-feedback{background:linear-gradient(145deg,#e0f1eb9e,#fffdf8d1);border:1px solid #177c702e;border-radius:18px;grid-template-columns:114px minmax(0,1fr);gap:20px;margin-top:12px;padding:20px;display:grid}.answer-feedback.source-local{border-color:var(--line);background:#f6f3eab3}.feedback-score{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-self:start;align-items:center;padding:15px 8px;display:flex}.feedback-score strong{color:var(--teal-deep);font-family:var(--font-display);letter-spacing:-.06em;font-size:44px;font-weight:600;line-height:1}.feedback-score span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.feedback-score small{color:var(--muted);margin-top:5px;font-size:8px}.feedback-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.feedback-source{color:var(--teal-deep);font-family:var(--font-mono);letter-spacing:.08em;font-size:7.5px;font-weight:700}.feedback-note{color:var(--muted-light);font-size:7.5px}.feedback-summary{color:var(--ink-soft);margin-top:6px;font-size:10px;line-height:1.65}.feedback-columns{grid-template-columns:1fr 1fr;gap:18px;margin-top:12px;display:grid}.feedback-columns strong{font-family:var(--font-mono);letter-spacing:.03em;font-size:7.5px}.feedback-columns ul{margin:5px 0 0;padding:0;list-style:none}.feedback-columns li{color:var(--muted);margin-bottom:3px;padding-left:10px;font-size:9px;line-height:1.55;position:relative}.feedback-columns li:before{background:var(--teal);content:"";border-radius:50%;width:3px;height:3px;position:absolute;top:.6em;left:0}.feedback-expressions{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.used-chip,.missed-chip{font-family:var(--font-display);border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;font-style:italic;display:inline-flex}.used-chip{color:var(--teal-deep);background:var(--teal-soft)}.missed-chip{color:var(--muted);border:1px dashed var(--line-strong);background:#fffdf8b8}.upgrade-box{border-top:1px dashed #177c702e;margin-top:11px;padding-top:10px}.upgrade-box summary{color:var(--teal-deep);cursor:pointer;font-size:9px;font-weight:650}.upgrade-text{color:var(--ink-soft);font-family:var(--font-display);margin-top:6px;font-size:11.5px;line-height:1.6}.upgrade-box .audio-button{margin-top:7px}.practice-banner{color:var(--paper);box-shadow:var(--shadow-md);background:radial-gradient(circle at 88% 0,#dd5d3f4d,#0000 26rem),#153e38;border-radius:26px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;margin:28px 0 0;padding:27px 32px;display:grid;position:relative;overflow:hidden}.practice-banner:after{content:"";border:1px solid #fffdf81f;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:15%}.practice-icon{color:#f5c6b5;background:#fffdf81a;border:1px solid #fffdf829;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.practice-banner>div:nth-child(2)>span{color:#fffdf88f;font-family:var(--font-mono);letter-spacing:.12em;font-size:7.5px}.practice-banner h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:4px;font-size:25px;font-weight:500;line-height:1.2}.practice-banner p{color:#fffdf89e;margin-top:4px;font-size:10px}.practice-banner .btn{z-index:2;position:relative}.completion-invite{color:var(--paper);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#ffffff0a,#0000 48%),#1a2a31;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin-top:24px;padding:36px 38px;display:grid;position:relative;overflow:hidden}.completion-orb{pointer-events:none;background:radial-gradient(circle,#dd5d3f66,#0000 68%);border-radius:50%;width:330px;height:330px;position:absolute;top:-100px;right:14%}.completion-copy{z-index:2;max-width:610px;position:relative}.completion-copy h2{font-family:var(--font-display);letter-spacing:-.045em;margin-top:11px;font-size:clamp(32px,3.7vw,42px);font-weight:500;line-height:1.08}.completion-copy p{color:#fffdf89e;max-width:540px;margin-top:10px;font-size:10.5px;line-height:1.7}.completion-facts{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.completion-facts span{color:#fffdf8a8;font-family:var(--font-mono);letter-spacing:.06em;border:1px solid #fffdf829;border-radius:4px;padding:4px 7px;font-size:7px}.completion-invite>.btn{z-index:2;flex:none;position:relative}.result-end{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:66px 8px 44px;display:grid}.result-end h2{font-family:var(--font-display);letter-spacing:-.05em;margin-top:13px;font-size:clamp(38px,4.3vw,52px);font-weight:500;line-height:1.05}.result-end p{max-width:490px;color:var(--muted);margin-top:13px;font-size:12px;line-height:1.7}.result-end-actions{flex-wrap:wrap;gap:8px;display:flex}.result-footer{color:var(--muted-light);border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 8px 36px;font-size:9px;display:flex}.result-footer span:last-child{font-family:var(--font-mono);font-size:8px}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.99)}}.upload-gate-page{place-items:center;width:min(1040px,100%);min-height:calc(100vh - 78px);margin:0 auto;padding:44px 40px 70px;display:grid}.upload-gate-card{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-lg);background:#fffdf8c7;border-radius:32px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0;padding:20px;display:grid}.upload-gate-visual{background:var(--coral-soft);border-radius:22px;min-height:450px;position:relative;overflow:hidden}.upload-gate-visual img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;position:absolute;inset:0}.upload-gate-visual:after{content:"";background:linear-gradient(#0000 50%,#0f1b1c73);position:absolute;inset:0}.gate-badge{z-index:2;color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17252b8c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:inline-flex;position:absolute;top:16px;left:16px}.gate-stamp{z-index:2;color:#fffdf8ad;font-family:var(--font-mono);letter-spacing:.12em;font-size:7px;position:absolute;bottom:16px;right:16px}.upload-gate-copy{flex-direction:column;justify-content:center;padding:28px 32px 24px 38px;display:flex}.upload-gate-copy h1{font-family:var(--font-display);letter-spacing:-.045em;margin-top:12px;font-size:clamp(34px,3.8vw,45px);font-weight:550;line-height:1.08}.upload-gate-copy>p{max-width:520px;color:var(--muted);margin-top:14px;font-size:12.5px;line-height:1.75}.gate-steps{flex-direction:column;gap:7px;margin-top:20px;display:flex}.gate-steps>div{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.gate-steps svg{color:var(--teal)}.gate-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.gate-footer{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.gate-footer .file-picker-button{min-height:36px;padding:7px 12px}.error-page{place-items:center;width:min(1020px,100%);min-height:calc(100vh - 78px);margin:0 auto;padding:44px 40px 70px;display:grid}.error-card{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-lg);background:#fffdf8c2;border-radius:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;padding:20px;display:grid}.error-visual{border-radius:22px;min-height:430px;position:relative;overflow:hidden}.error-visual img{object-fit:cover;filter:saturate(.72)brightness(.74);width:100%;height:100%;position:absolute;inset:0}.error-badge{width:54px;height:54px;color:var(--coral-deep);background:var(--paper);box-shadow:var(--shadow-md);border:5px solid #fffdf873;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-copy{flex-direction:column;justify-content:center;padding:30px 34px 28px 38px;display:flex}.error-copy h1{max-width:460px;font-family:var(--font-display);letter-spacing:-.045em;margin-top:12px;font-size:clamp(32px,3.6vw,43px);font-weight:550;line-height:1.1}.error-copy>p{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.7}.error-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.error-help{color:var(--muted);border:1px dashed var(--line);background:#f6f3eabf;border-radius:10px;flex-direction:column;gap:3px;margin-top:20px;padding:11px 12px;font-size:9px;line-height:1.6;display:flex}.error-help strong{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.05em;font-size:7.5px}.error-copy .back-link{align-self:flex-start;margin-top:18px}.modal-backdrop,.drawer-backdrop{z-index:120;-webkit-backdrop-filter:blur(9px);background:#111d207a;animation:.2s both backdropIn;position:fixed;inset:0}.modal-backdrop{justify-content:center;align-items:center;padding:22px;display:flex;overflow-y:auto}.settings-dialog{background:var(--paper);border:1px solid #fff6;border-radius:30px;flex-direction:column;width:min(820px,100%);max-height:calc(100dvh - 44px);animation:.26s cubic-bezier(.22,1,.36,1) both dialogIn;display:flex;overflow:hidden;box-shadow:0 40px 110px -30px #05111399}.settings-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 8% 0%, #dd5d3f1c, transparent 20rem), var(--paper);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 26px 18px;display:flex}.settings-title-wrap{align-items:center;gap:12px;display:flex}.settings-title-icon{width:42px;height:42px;color:var(--coral-deep);background:var(--coral-soft);border:1px solid #dd5d3f24;border-radius:13px;flex:none;place-items:center;display:grid}.settings-kicker{color:var(--coral);font-family:var(--font-mono);letter-spacing:.13em;font-size:7.5px;font-weight:700;display:block}.settings-header h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:3px;font-size:27px;font-weight:600;line-height:1.1}.dialog-close{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .16s,background .16s,transform .16s;display:grid}.dialog-close:hover{color:var(--ink);background:var(--bg);transform:rotate(8deg)}.settings-body{overscroll-behavior:contain;padding:23px 26px 26px;overflow-y:auto}.settings-section+.settings-section{border-top:1px dashed var(--line);margin-top:23px;padding-top:22px}.settings-section-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-section-head h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:20px;font-weight:600}.settings-section-head p{max-width:540px;color:var(--muted);margin-top:3px;font-size:10.5px;line-height:1.6}.settings-status{color:var(--amber-deep);background:var(--amber-soft);font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:7px;display:inline-flex}.settings-status i{background:var(--amber);border-radius:50%;width:5px;height:5px}.settings-status.is-ready{color:var(--teal-deep);background:var(--teal-soft)}.settings-status.is-ready i{background:#2b9a6d}.provider-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.provider-card{text-align:left;border:1px solid var(--line);background:#f6f3ea87;border-radius:12px;flex-direction:column;gap:2px;min-height:79px;padding:12px 10px;transition:background .16s,border-color .16s;display:flex;position:relative}.provider-card:hover{background:var(--bg);border-color:var(--line-strong)}.provider-card strong{padding-right:13px;font-size:11px;font-weight:650;line-height:1.3}.provider-card>span:last-child{color:var(--muted);font-size:8.5px;line-height:1.45}.provider-card.is-selected{background:var(--coral-soft);border-color:#dd5d3f6b}.provider-check{width:15px;height:15px;color:var(--paper);border:1px solid var(--line-strong);background:0 0;border-radius:50%;place-items:center;transition:background .16s,border-color .16s;display:grid;position:absolute;top:8px;right:8px}.provider-card.is-selected .provider-check{background:var(--coral);border-color:var(--coral)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-wide{grid-column:1/-1}.field>span{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.04em;font-size:8px;font-weight:600}.field input{width:100%;height:39px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:8px;outline:0;padding:0 11px;font-size:11px;transition:border-color .16s,box-shadow .16s}.field input::placeholder{color:var(--muted-light)}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #177c701f}.key-input-wrap{position:relative}.key-input-wrap input{padding-right:38px}.show-key{width:29px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.show-key:hover{color:var(--ink);background:var(--bg)}.key-note,.model-hint{color:var(--muted);align-items:flex-start;gap:6px;margin-top:10px;font-size:8.5px;line-height:1.6;display:flex}.key-note svg{color:var(--teal);flex:none;margin-top:1px}.model-hint{color:var(--amber-deep);background:var(--amber-soft);border-radius:7px;padding:8px 10px}.model-hint svg{flex:none;margin-top:2px}.preference-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:24px;padding:13px 0;display:flex}.preference-row:last-child{border-bottom:0;padding-bottom:2px}.preference-copy{flex-direction:column;gap:2px;display:flex}.preference-copy strong{font-size:11.5px;font-weight:650}.preference-copy span{color:var(--muted);font-size:9px;line-height:1.5}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.segmented button{min-width:66px;height:27px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:9px;font-weight:600;transition:color .16s,background .16s}.segmented button.is-active{color:var(--ink);background:var(--paper);box-shadow:0 2px 6px #17252b14}.segmented.bands button{min-width:40px;font-family:var(--font-mono);padding:0 7px;font-size:8px}.segmented.bands button.is-active{color:var(--paper);background:var(--ink)}.switch{background:#17252b29;border:0;border-radius:999px;flex:none;width:40px;height:23px;padding:0;transition:background .18s;position:relative}.switch span{background:var(--paper);border-radius:50%;width:17px;height:17px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #17252b33}.switch.is-on{background:var(--teal)}.switch.is-on span{transform:translate(17px)}.settings-error{color:#8d3827;background:var(--coral-soft);border-radius:8px;margin-top:16px;padding:9px 11px;font-size:9.5px;line-height:1.5}.settings-footer{border-top:1px solid var(--line);background:#f6f3ea85;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;display:flex}.settings-footer>span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:inline-flex}.settings-footer>span svg{color:var(--teal)}.settings-footer>div{gap:7px;display:flex}.drawer-backdrop{justify-content:flex-end;display:flex}.saved-drawer{background:var(--paper);flex-direction:column;width:min(480px,100%);height:100dvh;animation:.28s cubic-bezier(.22,1,.36,1) both drawerIn;display:flex;box-shadow:-24px 0 70px -30px #05111380}.saved-header{background:radial-gradient(circle at 0% 0%, #177c701c, transparent 18rem), var(--paper);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 24px 18px;display:flex}.saved-header h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:4px;font-size:30px;font-weight:600;line-height:1.1}.saved-header h2 b{min-width:24px;height:24px;color:var(--teal-deep);background:var(--teal-soft);font-family:var(--font-mono);vertical-align:6px;border-radius:999px;place-items:center;padding:0 6px;font-size:10px;display:inline-grid}.saved-tabs{border-bottom:1px solid var(--line);flex:none;gap:4px;padding:11px 24px;display:flex}.saved-tabs button{height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:10px;font-weight:600;display:inline-flex}.saved-tabs button span{color:var(--muted-light);font-family:var(--font-mono);font-size:8px}.saved-tabs button.is-active{color:var(--ink);background:var(--bg);border-color:var(--line)}.saved-tabs button.is-active span{color:var(--teal)}.saved-body{overscroll-behavior:contain;flex:1;padding:16px 20px;overflow-y:auto}.saved-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;padding:30px;display:flex}.saved-empty-icon{width:58px;height:58px;color:var(--teal);background:var(--teal-soft);border-radius:18px;place-items:center;display:grid;transform:rotate(-4deg)}.saved-empty h3{font-family:var(--font-display);letter-spacing:-.03em;margin-top:16px;font-size:22px;font-weight:600}.saved-empty p{max-width:250px;color:var(--muted);margin-top:6px;font-size:10.5px;line-height:1.65}.saved-row{border:1px solid var(--line);background:#f6f3ea85;border-radius:15px;margin-bottom:9px;padding:14px 15px}.saved-row-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.saved-kind{font-family:var(--font-mono);letter-spacing:.07em;border-radius:4px;padding:3px 6px;font-size:7px;font-weight:700}.kind-word{color:var(--teal-deep);background:var(--teal-soft)}.kind-sentence{color:var(--amber-deep);background:var(--amber-soft)}.saved-row-actions{align-items:center;gap:2px;display:flex}.saved-remove{width:30px;height:30px;color:var(--muted-light);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s;display:grid}.saved-remove:hover{color:var(--coral-deep);background:var(--coral-soft)}.saved-row h3{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:6px;font-size:20px;font-weight:600;line-height:1.25}.saved-detail{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:3px;display:flex}.saved-detail span{color:var(--muted);font-family:var(--font-mono);font-size:8.5px}.saved-detail strong{color:var(--ink-soft);font-size:10.5px;font-weight:550}.saved-row>p{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.65}.saved-footer{color:var(--muted);border-top:1px solid var(--line);background:#f6f3ea80;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:13px 24px;display:flex}.saved-footer>span{align-items:center;gap:5px;font-size:8px;display:inline-flex}.saved-footer>span svg{color:var(--teal)}.quiz-backdrop{z-index:110;-webkit-backdrop-filter:blur(10px);background:#111d208f;justify-content:center;align-items:center;padding:20px;animation:.2s both backdropIn;display:flex;position:fixed;inset:0;overflow-y:auto}.quiz-dialog{background:var(--paper);border:1px solid #ffffff59;border-radius:28px;flex-direction:column;width:min(920px,100%);max-height:calc(100dvh - 40px);animation:.26s cubic-bezier(.22,1,.36,1) both dialogIn;display:flex;overflow:hidden;box-shadow:0 40px 120px -30px #051113a6}.quiz-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 6% 0%, #dd5d3f1c, transparent 22rem), var(--paper);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px 14px;display:flex}.quiz-header h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:3px;font-size:25px;font-weight:600;line-height:1.1}.quiz-header h2 b{color:var(--coral-deep);background:var(--coral-soft);font-family:var(--font-mono);letter-spacing:.05em;vertical-align:5px;border-radius:4px;margin-left:5px;padding:3px 6px;font-size:7.5px;display:inline-block}.quiz-intro{background:radial-gradient(circle at 92% 4%,#177c701a,#0000 28rem),radial-gradient(circle at 4% 100%,#dd5d3f1a,#0000 26rem);padding:30px;overflow-y:auto}.quiz-intro-mark{color:var(--teal-deep);background:var(--teal-soft);font-family:var(--font-mono);letter-spacing:.06em;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:7.5px;display:inline-flex}.quiz-intro h3{font-family:var(--font-display);letter-spacing:-.055em;margin-top:20px;font-size:clamp(38px,5.2vw,54px);font-weight:500;line-height:1.02}.quiz-intro>p{max-width:650px;color:var(--muted);margin-top:14px;font-size:12px;line-height:1.75}.quiz-intro>p b{color:var(--coral-deep);font-weight:650}.quiz-intro-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;margin-top:24px;display:grid}.quiz-intro-steps>div{border:1px solid var(--line);background:#fffdf8b3;border-radius:14px;align-self:start;min-height:0;padding:15px}.quiz-intro-steps>div>span{color:var(--coral);font-family:var(--font-mono);font-size:8px}.quiz-intro-steps strong{font-family:var(--font-display);letter-spacing:-.03em;margin-top:9px;font-size:19px;font-weight:600;display:block}.quiz-intro-steps p{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.55}.quiz-intro-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.quiz-intro-foot>span{color:var(--teal-deep);align-items:center;gap:5px;font-size:9.5px;font-weight:600;display:inline-flex}.quiz-progress{border-bottom:1px solid var(--line);background:#f6f3ea99;flex:none;align-items:center;gap:6px;padding:10px 22px;display:flex}.quiz-progress>span{height:27px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:8px;font-weight:600;display:inline-flex}.quiz-progress>span.is-current{color:var(--ink);background:var(--paper);box-shadow:0 1px 4px #17252b14}.quiz-progress>span.is-done{color:var(--teal-deep)}.quiz-progress-bar{background:#17252b14;border-radius:99px;flex:1;height:3px;margin-left:6px;overflow:hidden}.quiz-progress-bar b{background:linear-gradient(90deg, var(--coral), var(--amber));border-radius:inherit;height:100%;transition:width .3s;display:block}.quiz-body{padding:22px 24px 24px;overflow-y:auto}.quiz-step-kicker{color:var(--coral);font-family:var(--font-mono);letter-spacing:.08em;font-size:8px;font-weight:700}.quiz-step-main h3,.quiz-body>h3{font-family:var(--font-display);letter-spacing:-.035em;margin-top:6px;font-size:clamp(25px,3vw,32px);font-weight:550;line-height:1.15}.quiz-instruction{max-width:700px;color:var(--muted);margin-top:6px;font-size:10px;line-height:1.65}.scene-step{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;display:grid}.quiz-scene-image{background:var(--coral-soft);border-radius:17px;min-height:350px;position:relative;overflow:hidden}.quiz-scene-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.quiz-scene-image:after{content:"";background:linear-gradient(#0000 58%,#0f1b1c9e);position:absolute;inset:0}.quiz-image-label{z-index:2;color:#fffdf8cc;font-family:var(--font-mono);letter-spacing:.1em;font-size:7px;position:absolute;bottom:35px;left:13px}.quiz-image-hint{z-index:2;color:var(--paper);font-size:8px;position:absolute;bottom:13px;right:13px}.hint-toggle{color:var(--amber-deep);background:0 0;border:0;align-items:center;gap:4px;margin-top:11px;padding:5px 0;font-size:8.5px;font-weight:600;display:inline-flex}.hint-toggle svg{transition:transform .16s}.hint-toggle.is-open svg{transform:rotate(90deg)}.scene-hints{background:var(--amber-soft);border-radius:8px;flex-wrap:wrap;gap:4px;margin-top:5px;padding:8px;display:flex}.scene-hints span{color:var(--amber-deep);background:#fffdf8a6;border-radius:4px;padding:3px 6px;font-size:9px}.quiz-textarea{width:100%;min-height:150px;color:var(--ink);border:1px solid var(--line);font-family:var(--font-display);resize:vertical;background:#f6f3ea80;border-radius:11px;outline:0;margin-top:10px;padding:12px;font-size:15px;line-height:1.55}.quiz-textarea:focus{background:var(--paper);border-color:var(--coral);box-shadow:0 0 0 3px #dd5d3f1a}.quiz-textarea-meta{color:var(--muted-light);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:7.5px;display:flex}.quiz-textarea-meta span:last-child{font-family:var(--font-body);align-items:center;gap:4px;font-size:8px;display:inline-flex}.quiz-step-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.quiz-step-actions .text-link{color:var(--muted)}.context-step,.opinion-step{max-width:760px;margin:0 auto}.context-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.context-count{color:var(--muted);font-family:var(--font-mono);font-size:8.5px}.context-sentence{border:1px solid var(--line);font-family:var(--font-display);letter-spacing:-.015em;background:#f6f3ea8c;border-radius:14px;margin-top:18px;padding:18px;font-size:clamp(19px,2.4vw,24px);line-height:1.55}.context-blank{min-width:105px;color:var(--coral);border-bottom:2px solid var(--coral);font-family:var(--font-mono);vertical-align:3px;padding:0 5px;font-size:.72em;display:inline-block}.context-options{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.context-options button{text-align:left;background:var(--paper);border:1px solid var(--line);min-height:48px;font-family:var(--font-display);border-radius:10px;align-items:center;gap:9px;padding:9px 11px;font-size:15px;transition:border-color .16s,background .16s;display:flex}.context-options button>span{width:21px;height:21px;color:var(--muted);background:var(--bg);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:8px;display:grid}.context-options button:hover{border-color:var(--line-strong);background:var(--bg)}.context-options button.is-selected{border-color:var(--coral);background:var(--coral-soft)}.context-options button.is-correct{color:var(--teal-deep);background:var(--teal-soft);border-color:#177c7059}.context-options button.is-wrong{color:var(--coral-deep);background:var(--coral-soft);border-color:#dd5d3f59}.context-options button>svg{flex:none;margin-left:auto}.context-feedback{border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:9px 11px;font-size:10px;display:flex}.context-feedback.is-correct{color:var(--teal-deep);background:var(--teal-soft)}.context-feedback.is-wrong{color:var(--coral-deep);background:var(--coral-soft)}.quiz-question-tabs{gap:5px;margin-top:14px;display:flex}.quiz-question-tabs button{width:30px;height:27px;color:var(--muted);background:var(--bg);border:1px solid var(--line);font-family:var(--font-mono);border-radius:6px;font-size:8px}.quiz-question-tabs button.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.quiz-opinion-question{background:#f7ebd375;border:1px solid #b6751624;border-radius:13px;margin-top:8px;padding:16px}.quiz-opinion-question strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:21px;font-weight:550;line-height:1.35;display:block}.quiz-opinion-question>span{color:var(--muted);margin-top:5px;font-size:9.5px;display:block}.quiz-targets{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.quiz-targets span{color:var(--amber-deep);font-family:var(--font-display);background:#fffdf8b3;border-radius:4px;padding:3px 6px;font-size:9.5px;font-style:italic}.quiz-grading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:50px 30px;display:flex}.quiz-grading-orb{width:60px;height:60px;color:var(--coral);background:var(--coral-soft);border-radius:18px;place-items:center;display:grid}.quiz-grading h3{font-family:var(--font-display);letter-spacing:-.04em;margin-top:18px;font-size:30px;font-weight:550}.quiz-grading p{color:var(--muted);margin-top:6px;font-size:11px}.grading-track{background:#17252b14;border-radius:99px;width:210px;height:4px;margin-top:20px;overflow:hidden}.grading-track span{background:var(--coral);border-radius:inherit;width:45%;height:100%;animation:1.4s ease-in-out infinite gradingSlide;display:block}.quiz-grading small{color:var(--muted-light);margin-top:13px;font-size:8px}@keyframes gradingSlide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.quiz-result{background:radial-gradient(circle at 92% 0,#177c701a,#0000 24rem),radial-gradient(circle at 0 10%,#dd5d3f17,#0000 22rem);padding:26px;overflow-y:auto}.score-orbit{--score:0;background:conic-gradient(var(--coral) calc(var(--score) * 1%), #17252b14 0);border-radius:50%;place-items:center;width:132px;height:132px;margin:0 auto;display:grid}.score-orbit.is-passed{background:conic-gradient(var(--teal) calc(var(--score) * 1%), #17252b14 0)}.score-orbit>div{background:var(--paper);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.score-orbit strong{color:var(--ink);font-family:var(--font-display);letter-spacing:-.07em;font-size:45px;font-weight:600;line-height:.95}.score-orbit span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;margin-top:5px;font-size:7px}.score-copy{text-align:center;max-width:630px;margin:16px auto 0}.score-copy h3{font-family:var(--font-display);letter-spacing:-.04em;margin-top:5px;font-size:clamp(27px,3.2vw,34px);font-weight:550;line-height:1.12}.score-copy p{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.65}.score-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:700px;margin:20px auto 0;display:grid}.score-breakdown>div{border:1px solid var(--line);background:#fffdf8bd;border-radius:11px;grid-template-columns:1fr auto;gap:4px 8px;padding:11px 12px;display:grid}.score-breakdown span{color:var(--muted);font-size:8.5px}.score-breakdown strong{color:var(--ink);font-family:var(--font-mono);font-size:10px}.score-breakdown i{background:#17252b14;border-radius:99px;grid-column:1/-1;height:3px;overflow:hidden}.score-breakdown i b{background:var(--teal);border-radius:inherit;height:100%;display:block}.quiz-result-feedback{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.quiz-feedback-card{border:1px solid var(--line);background:#fffdf8c7;border-radius:14px;padding:14px}.quiz-feedback-card header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.quiz-feedback-card header>div{flex-direction:column;gap:1px;display:flex}.quiz-feedback-card header span{color:var(--muted);font-size:8px}.quiz-feedback-card header strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:25px;font-weight:600;line-height:1}.quiz-feedback-card>p{color:var(--muted);margin-top:7px;font-size:9px;line-height:1.6}.quiz-feedback-list{margin-top:8px}.quiz-feedback-list>span{color:var(--ink-soft);font-family:var(--font-mono);font-size:7px;font-weight:600}.quiz-feedback-list ul{margin:4px 0 0;padding:0;list-style:none}.quiz-feedback-list li{color:var(--muted);margin-bottom:2px;padding-left:9px;font-size:8.5px;line-height:1.5;position:relative}.quiz-feedback-list li:before{background:var(--teal);content:"";border-radius:50%;width:3px;height:3px;position:absolute;top:.65em;left:0}.quiz-expression-chips{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.quiz-expression-chips .used-chip,.quiz-expression-chips .missed-chip{font-size:8px}.quiz-feedback-card .text-link{margin-top:8px;font-size:8px}.quiz-feedback-source{font-family:var(--font-mono);border-radius:4px;padding:3px 6px;font-size:7px;font-weight:700}.quiz-feedback-source.ai{color:var(--teal-deep);background:var(--teal-soft)}.quiz-feedback-source.local{color:var(--amber-deep);background:var(--amber-soft)}.quiz-feedback-card header .quiz-feedback-source.ai{color:var(--teal-deep)}.quiz-feedback-card header .quiz-feedback-source.local{color:var(--amber-deep)}.quiz-ai-note{max-width:700px;color:var(--muted);border:1px dashed var(--line);text-align:center;background:#f6f3eab3;border-radius:7px;margin:12px auto 0;padding:8px 10px;font-size:8px;line-height:1.55}.quiz-result-actions{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}@media (width<=820px){.scene-step{grid-template-columns:1fr}.quiz-scene-image{min-height:230px}.quiz-result-feedback{grid-template-columns:1fr}}@media (width<=640px){.quiz-backdrop{padding:0}.quiz-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.quiz-header{padding:14px 16px 11px}.quiz-header h2{font-size:22px}.quiz-intro{padding:22px 16px}.quiz-intro h3{font-size:40px}.quiz-intro-steps{grid-template-columns:1fr;gap:6px;margin-top:18px}.quiz-intro-steps>div{padding:11px 13px}.quiz-intro-steps strong{margin-top:5px;font-size:18px}.quiz-intro-foot{flex-direction:column;align-items:flex-start}.quiz-intro-foot .btn{width:100%}.quiz-progress{padding:8px 14px}.quiz-progress>span{padding:0 6px}.quiz-body{padding:18px 14px}.quiz-step-main h3,.quiz-body>h3{font-size:26px}.quiz-scene-image{min-height:210px}.context-options{grid-template-columns:1fr}.context-sentence{padding:14px;font-size:19px}.quiz-step-actions{gap:8px}.quiz-step-actions .btn{padding:9px 13px;font-size:11px}.quiz-result{padding:22px 14px}.score-breakdown{grid-template-columns:1fr;gap:6px}.quiz-result-actions{flex-direction:column-reverse}.quiz-result-actions .btn{width:100%}.quiz-grading{min-height:70vh}}@keyframes backdropIn{0%{opacity:0}}@keyframes dialogIn{0%{opacity:0;transform:translateY(16px)scale(.985)}}@keyframes drawerIn{0%{opacity:.5;transform:translate(40px)}}@media (width<=1120px){.header-inner,.landing,.result-page{padding-left:28px;padding-right:28px}.hero{gap:18px}.hero h1{font-size:clamp(50px,6vw,68px)}.phrase-float{left:-1%}.band-float{right:0}.result-section{padding-left:32px;padding-right:32px}.analyzing-page,.error-page{padding-left:28px;padding-right:28px}}@media (width<=980px){.hero{grid-template-columns:1fr;padding-top:38px}.hero-copy{text-align:center;max-width:740px;margin:0 auto}.hero h1{max-width:740px;margin-left:auto;margin-right:auto;font-size:clamp(48px,8vw,68px)}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions,.connection-note,.hero-mini-features{justify-content:center}.hero-art{width:min(570px,100%);min-height:545px;margin:6px auto 0}.hero-grid-lines{inset:20% 0 5%}.sample-grid{gap:12px}.sample-body{padding:16px 15px 17px}.sample-body h3{font-size:18px}.how-card{padding:22px}.how-card h3{font-size:22px}.scene-hero{grid-template-columns:1fr;gap:34px;padding-bottom:44px}.scene-photo-wrap{width:min(700px,100%)}.scene-copy{max-width:720px}.scene-copy h1{font-size:clamp(40px,6vw,52px)}.analyzing-shell{grid-template-columns:1fr;gap:0}.analyzing-image-wrap{min-height:390px}.analyzing-copy{padding:30px 26px 18px}.analysis-steps{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.analysis-foot{margin-top:16px}.error-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.error-copy{padding:24px 22px 22px 28px}}@media (width<=820px){.brand-tag{display:none}.header-inner{height:70px}.landing{padding-left:22px;padding-right:22px}.samples-section,.history-section,.how-section{margin:70px 0}.section-heading.split{display:block}.section-heading.split>p{text-align:left;max-width:500px;padding-top:8px}.sample-grid{grid-template-columns:1fr;gap:14px}.sample-image{aspect-ratio:1.7}.sample-body h3{font-size:22px}.sample-body p{font-size:12px}.how-grid{grid-template-columns:1fr}.how-card{min-height:auto;padding:26px}.how-card h3{margin-top:20px}.how-en{border-top:1px dashed;margin-top:20px;padding-top:14px}.landing-cta{flex-direction:column;align-items:flex-start;padding:38px 32px}.landing-cta h2{font-size:38px}.site-footer{flex-wrap:wrap;gap:16px 24px}.footer-credit{order:3;max-width:100%}.footer-made{margin-left:auto}.result-page{padding-left:20px;padding-right:20px}.result-section{padding:38px 24px 34px}.result-section-head{grid-template-columns:46px minmax(0,1fr)}.section-meta{display:none}.section-number{width:42px;height:42px}.section-head-copy h2{font-size:32px}.section-nav{top:69px;overflow:hidden}.section-nav-inner{scrollbar-width:none;border-radius:18px;gap:3px;padding:5px;overflow-x:auto}.section-nav-inner::-webkit-scrollbar{display:none}.section-nav-pill{flex:none;height:33px;padding:0 10px;font-size:10px}.scroll-hint{display:none}.vocab-grid,.turn-body{grid-template-columns:1fr}.answer-feedback{grid-template-columns:96px minmax(0,1fr);gap:14px}.practice-banner{grid-template-columns:44px minmax(0,1fr);padding:23px}.practice-banner .btn{grid-column:2;justify-self:start}.result-end{grid-template-columns:1fr;gap:22px;padding-top:46px}.completion-invite{grid-template-columns:1fr;align-items:start}.completion-invite>.btn{justify-self:start}.result-footer{flex-direction:column;gap:5px}.error-page,.upload-gate-page{padding-left:22px;padding-right:22px}.upload-gate-card{grid-template-columns:1fr;max-width:620px}.upload-gate-visual{min-height:280px}.upload-gate-copy{padding:25px 18px 20px}.error-card{grid-template-columns:1fr;max-width:620px}.error-visual{min-height:260px}.error-copy{padding:25px 18px 20px}.error-copy h1{font-size:35px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{gap:10px;height:64px;padding:0 16px}.brand{gap:8px}.logo-mark{border-radius:11px;width:34px;height:34px}.brand-name{font-size:22px}.header-tools{gap:5px}.accent-switch button{min-width:29px;height:24px;padding:0 5px;font-size:8.5px}.header-saved{justify-content:center;width:34px;height:34px;padding:0}.header-saved span{display:none}.header-saved b{min-width:15px;height:15px;font-size:8px;position:absolute;top:-4px;right:-4px}.header-icon-btn{width:34px;height:34px}.wechat-tip{width:calc(100% - 28px);margin-top:6px;font-size:9.5px}.landing{padding:0 18px}.hero{padding:32px 0 20px}.hero h1{margin-top:20px;font-size:clamp(39px,11.8vw,51px);line-height:1.06}.hero-lede{margin-top:18px;font-size:14px;line-height:1.8}.hero-actions{grid-template-columns:1fr 1fr;margin-top:24px;display:grid}.hero-actions .btn{min-height:50px;padding:10px 12px;font-size:13px}.hero-actions .btn-primary{padding-left:16px}.btn-micro{display:none}.connection-note{margin-top:17px;font-size:10px;line-height:1.55}.hero-mini-features{gap:5px;margin-top:20px}.hero-mini-features span{font-size:8px}.hero-art{min-height:392px;margin-top:4px}.art-sun{width:265px;height:265px;top:0}.art-ring{width:300px;height:300px;top:5%;right:1%}.art-dots{width:110px;height:90px;top:6%}.hero-photo{border-radius:20px;width:85%;padding:7px 7px 0;top:1%;right:2%}.hero-photo img{border-radius:14px 14px 4px 4px}.hero-photo figcaption{padding:10px 7px 11px}.hero-photo figcaption strong{font-size:16px}.photo-pin{padding:5px 8px;font-size:6.5px;top:14px;left:14px}.phrase-float{border-radius:14px;width:196px;padding:12px 13px 11px;top:auto;bottom:-2%;left:-1%}.phrase-float strong{font-size:18px}.phrase-float>span:nth-of-type(2){font-size:8px}.phrase-wave{height:18px;margin-top:7px}.band-float{border-radius:12px;gap:5px;padding:8px 10px;top:1%;right:-1%}.band-float strong{font-size:29px}.band-float span{font-size:5.5px}.observe-float{display:none}.capability-strip{white-space:nowrap;gap:8px;padding:12px 0;font-size:7.5px;overflow:hidden}.capability-strip p{display:none}.samples-section,.history-section,.how-section{margin:62px 0}.section-heading h2{margin-top:8px;font-size:31px}.mobile-heading-line{display:block}.section-heading p{font-size:12px}.sample-grid{margin-top:22px}.sample-image{aspect-ratio:1.5}.sample-body{padding:16px 17px 18px}.history-row{margin-right:-18px;padding-right:18px}.history-card{width:260px}.how-grid{gap:10px}.landing-cta{border-radius:26px;margin:70px 0 36px;padding:30px 22px}.landing-cta h2{font-size:33px}.landing-cta .btn{width:100%;margin-top:6px}.site-footer{align-items:flex-start;padding-bottom:28px}.footer-made{margin-left:0}.analyzing-page{min-height:calc(100vh - 64px);padding:16px 12px 28px}.analyzing-shell{border-radius:25px;padding:11px}.analyzing-image-wrap{border-radius:18px;min-height:270px}.analyzing-copy{padding:22px 15px 14px}.analyzing-copy h1{margin-top:11px;font-size:31px}.analyzing-lede{font-size:11px}.analysis-steps{grid-template-columns:1fr;gap:2px;margin-top:18px}.analysis-step{padding:6px 8px}.analysis-step div span{font-size:9px}.analysis-progress{margin-top:17px}.analysis-foot{flex-wrap:wrap;font-size:8.5px}.result-page{padding:0 14px}.result-topbar{gap:10px;padding:13px 0 6px}.result-rail{display:none}.translation-toggle{padding:0 8px;font-size:9.5px}.result-icon-btn{width:32px;height:32px}.scene-hero{gap:26px;padding:12px 0 30px}.scene-photo-wrap{border-radius:21px;padding:6px}.scene-photo-wrap img{border-radius:15px}.scene-photo-wrap:before{border-radius:23px;inset:12px -8px -8px 13px}.scene-photo-wrap:after{width:42px;height:16px}.scene-stamp{font-size:6.5px;top:16px;left:16px}.scene-photo-caption{border-radius:0 0 15px 15px;padding:30px 12px 11px;bottom:6px;left:6px;right:6px}.scene-photo-caption span{font-size:6.5px}.scene-photo-caption strong{font-size:12px}.scene-copy h1{margin-top:11px;font-size:36px;line-height:1.06}.scene-subtitle{margin-top:11px;font-size:12px}.scene-meta{gap:7px 12px;margin-top:17px;padding-top:14px;font-size:9px}.scene-actions{grid-template-columns:1fr auto;margin-top:18px;display:grid}.scene-actions .btn{min-width:0}.scene-disclaimer{font-size:8px}.section-nav{margin:0 -14px;padding:6px 14px;top:63px}.section-nav-inner{border-radius:14px}.section-nav-pill{height:31px;padding:0 9px;font-size:9px}.result-content{padding-top:11px}.result-section{border-radius:24px;margin:12px 0;padding:28px 15px 26px;scroll-margin-top:116px}.result-section-head{grid-template-columns:38px minmax(0,1fr);gap:11px;margin-bottom:20px}.section-number{border-radius:10px;width:36px;height:36px;font-size:9px}.section-eyebrow{font-size:7.5px}.section-head-copy h2{margin-top:3px;font-size:27px}.section-head-copy p{margin-top:6px;font-size:10.5px;line-height:1.6}.description-top{padding:11px 13px}.description-line{grid-template-columns:25px minmax(0,1fr) 34px;gap:7px;padding:15px 12px}.line-index{font-size:8px}.line-body p:first-child{font-size:17px;line-height:1.5}.line-translation{font-size:10px}.description-line .audio-icon{width:31px;height:31px}.shadow-tip{padding:11px 13px}.shadow-tip div{font-size:9px;display:block}.shadow-tip strong{margin-bottom:2px;font-size:9px;display:block}.vocab-card,.vocab-card.is-compact{padding:16px}.vocab-heading h3{font-size:22px}.vocab-card.is-compact .vocab-heading h3{font-size:20px}.vocab-example p{font-size:10px}.section-footnote{flex-direction:column;gap:4px;font-size:7.5px}.speaking-practice{border-radius:18px;padding:16px}.speaking-heading{display:block}.question-count{display:none}.speaking-heading h3{font-size:26px}.question-switcher button{height:30px;font-size:8.5px}.question-switcher button span{font-size:7px}.question-card,.answer-card{padding:15px}.question-card h4{font-size:22px}.target-row{display:block}.target-row>div{margin-top:5px}.answer-card textarea{min-height:130px;font-size:14px}.answer-feedback{grid-template-columns:1fr;gap:12px;padding:14px}.feedback-score{text-align:left;flex-direction:row;justify-content:flex-start;gap:4px;padding:10px 12px}.feedback-score strong{font-size:34px}.feedback-score small{margin-top:0;margin-left:4px}.feedback-columns{grid-template-columns:1fr;gap:10px}.topic-kit{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 13px}.topic-kit-mark{display:none}.topic-kit p{font-size:9px}.phrase-card{grid-template-columns:38px minmax(0,1fr);gap:5px;padding:16px 12px}.phrase-index{font-size:30px}.phrase-text{font-size:17px;line-height:1.48}.phrase-translation{font-size:10px}.phrase-actions{margin-top:10px}.practice-banner{border-radius:22px;grid-template-columns:39px minmax(0,1fr);gap:12px;padding:20px 16px}.practice-icon{border-radius:12px;width:38px;height:38px}.practice-banner h2{font-size:21px}.practice-banner p{font-size:9px}.practice-banner .btn{grid-column:1/-1;width:100%;margin-top:4px}.result-end{padding:42px 4px 32px}.completion-invite{border-radius:22px;padding:27px 18px}.completion-copy h2{font-size:31px}.completion-invite>.btn{width:100%}.result-end h2{font-size:36px}.result-end-actions{grid-template-columns:1fr 1fr;display:grid}.result-end-actions .btn{min-width:0;padding:10px 12px;font-size:12px}.result-footer{padding-bottom:26px;font-size:8px}.result-footer span:last-child{font-size:7px}.modal-backdrop{align-items:flex-end;padding:8px}.settings-dialog{border-radius:24px;max-height:calc(100dvh - 16px)}.settings-header{padding:18px 16px 14px}.settings-title-icon{width:38px;height:38px}.settings-header h2{font-size:24px}.settings-body{padding:18px 16px 20px}.settings-section-head{display:block}.settings-status{margin-top:7px}.provider-grid{gap:6px}.provider-card{min-height:72px;padding:10px 9px}.field-grid{grid-template-columns:1fr;gap:9px}.field-wide{grid-column:auto}.preference-row{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 0}.preference-copy span{max-width:280px}.settings-footer{flex-wrap:wrap;padding:12px 16px}.settings-footer>div{width:100%}.settings-footer .btn{flex:1}.saved-drawer{width:100%}.saved-header{padding:20px 17px 14px}.saved-tabs{padding:9px 17px}.saved-body{padding:12px 14px}.saved-footer{padding:11px 17px}.error-page,.upload-gate-page{padding:20px 14px 36px}.upload-gate-card{border-radius:25px;padding:11px}.upload-gate-visual{border-radius:17px;min-height:230px}.upload-gate-copy{padding:21px 13px 16px}.upload-gate-copy h1{font-size:31px}.gate-actions{grid-template-columns:1fr;display:grid}.gate-actions .btn{width:100%}.error-card{border-radius:25px;padding:11px}.error-visual{border-radius:17px;min-height:220px}.error-copy{padding:21px 13px 16px}.error-copy h1{font-size:31px}.error-actions .btn{flex:1}.toast{border-radius:16px;width:max-content;max-width:calc(100vw - 24px);font-size:11.5px;bottom:16px}}