.magic-system{color:#fff8ea;background:radial-gradient(circle at 12% 22%,#34669b38,#0000 28%),radial-gradient(circle at 88% 9%,#f07a2421,#0000 24%),linear-gradient(145deg,#0d1421,#16253a 58%,#101827);padding-block:clamp(110px,10vw,180px);position:relative;overflow:hidden}.magic-system:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.magic-system__beam{pointer-events:none;clip-path:polygon(0 0,28% 0,100% 100%,42% 100%);filter:blur(10px);opacity:.62;background:linear-gradient(112deg,#ffdd8e1f,#0000 62%);width:52%;height:56%;position:absolute;top:0;left:6%}.magic-system__inner{z-index:1;position:relative}.magic-system__intro{grid-template-columns:minmax(210px,.45fr) minmax(580px,1.18fr) minmax(260px,.48fr);align-items:end;gap:34px;display:grid}.magic-system__intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.5vw,96px);font-weight:600;line-height:1.02}.magic-system__intro h2 span{color:#ffd77a;letter-spacing:-.035em;margin-top:.1em;font-family:Songti SC,STSong,serif;font-style:italic;font-weight:400;display:block}.magic-system__intro>p:last-child{color:#f4f9ff9e;margin:0;font-size:14px;line-height:1.85}.magic-workbench{color:#261b14;background:#fff8ea;border:1px solid #e0ebf738;border-radius:4px 64px 4px 4px;margin-top:clamp(70px,7vw,118px);overflow:hidden;box-shadow:0 50px 140px #03080f75}.magic-workbench__toolbar{color:#edf5ff;background:#0b1320;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:14px clamp(18px,2.6vw,42px);display:flex}.magic-workbench__toolbar>div:first-child{align-items:center;gap:11px;min-width:0;display:flex}.magic-workbench__toolbar>div:first-child i{background:#f08a38;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 15px #f08a38e6}.magic-workbench__toolbar>div:first-child span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;max-width:330px;font-size:12px;font-weight:650;overflow:hidden}.magic-workbench__toolbar em{color:#8fe0c0;letter-spacing:.1em;background:#8fe0c014;border:1px solid #8fe0c033;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:750}.magic-file-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.magic-file-actions label,.magic-file-actions button{color:#f2f8ffcc;cursor:pointer;background:#ffffff0b;border:1px solid #deedff2b;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:10px;font-weight:650;transition:color .18s,background .18s,transform .18s;display:inline-flex}.magic-file-actions label:hover,.magic-file-actions button:hover{color:#fff;background:#ffffff1a}.magic-file-actions label:active,.magic-file-actions button:active{transform:scale(.97)}.magic-file-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.magic-file-actions svg{width:16px;height:16px}.magic-file-actions .is-locked{color:#f2f8ff66;border-style:dashed}.magic-library{color:#291b13;background:radial-gradient(circle at 10%,#f07a241c,#0000 28%),#fff8ea;border-bottom:1px solid #3e26141f;grid-template-columns:minmax(270px,1fr) minmax(330px,.9fr) auto;align-items:center;gap:24px;padding:24px clamp(18px,2.6vw,42px);display:grid}.magic-library__copy{gap:5px;display:grid}.magic-library__copy>span{color:#ad5120;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:800}.magic-library__copy strong{font-family:Songti SC,STSong,serif;font-size:21px;font-weight:600}.magic-library__copy small{color:#3c231480;font-size:9px;line-height:1.55}.magic-library__select{gap:7px;display:grid}.magic-library__select>span{color:#3d221294;font-size:9px;font-weight:750}.magic-library__select select{color:#2e1c12;width:100%;min-height:48px;font:inherit;background:#ffffffad;border:1px solid #4426142b;border-radius:3px 17px 3px 3px;outline:none;padding:0 42px 0 15px;font-size:12px}.magic-library__select select:focus{border-color:#b7541d;box-shadow:0 0 0 4px #f07a241a}.magic-library__status{color:#86451f;white-space:nowrap;background:#f07a2412;border:1px solid #ab54202e;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:9px;font-weight:750;display:inline-flex}.magic-library__status i{background:#dc7a35;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dc7a351f}.magic-library__status.is-ready{color:#24684d;background:#46a37a14;border-color:#358b6633}.magic-library__status.is-ready i{background:#3ca777;box-shadow:0 0 0 4px #3ca7771f}.magic-cinema{background:#111b2a;grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);min-height:720px;display:grid}.magic-player{border-right:1px solid #dae8f921;flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,3.4vw,56px);display:flex}.magic-player__frame{background:#05090e;border:1px solid #edf5ff29;border-radius:3px 32px 3px 3px;position:relative;overflow:hidden;box-shadow:0 32px 70px #00000059}.magic-player__frame:before{z-index:2;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #02070d6b}.magic-player video{aspect-ratio:16/9;object-fit:contain;background:#05080c;width:100%;display:block}.magic-player__caption{z-index:3;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070d16a8;border:1px solid #ffffff2e;border-radius:3px 18px 3px 3px;justify-items:center;gap:8px;padding:12px 18px;display:grid;position:absolute;bottom:15%;left:6%;right:6%;box-shadow:0 12px 38px #0000003d}.magic-player__caption>span:last-child{color:#ffd77a;font-size:12px}.magic-subtitle-words{flex-wrap:wrap;justify-content:center;gap:.3em;display:inline-flex}.magic-subtitle-words button{color:inherit;cursor:pointer;font-family:Georgia,serif;font-size:inherit;background:0 0;padding:2px 0;line-height:1.3;position:relative}.magic-player__caption .magic-subtitle-words button{font-size:clamp(17px,1.45vw,25px)}.magic-subtitle-words button:after{content:"";transform-origin:0;background:#ffd77a;height:1px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.magic-subtitle-words button:hover:after,.magic-subtitle-words button:focus-visible:after{transform:scaleX(1)}.magic-player__meta{color:#e4effc70;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;margin-top:18px;font-size:9px;font-weight:700;display:flex}.magic-transcript{color:#eaf3fd;background-color:#0d1623;background-image:linear-gradient(#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:0}.magic-transcript>header{border-bottom:1px solid #e1edfc21;justify-content:space-between;align-items:center;gap:18px;min-height:104px;padding:24px 28px;display:flex}.magic-transcript>header div{gap:5px;display:grid}.magic-transcript>header span{color:#f39a52;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:800}.magic-transcript>header strong{font-size:14px}.magic-transcript>header em{color:#e7f1fd61;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:8px;font-style:normal;overflow:hidden}.magic-transcript__actions{justify-items:end;gap:7px;display:grid}.magic-transcript__actions button{color:#f4a263;cursor:pointer;background:#f4a26312;border:1px solid #f4a26338;border-radius:999px;padding:5px 8px;font-size:8px}.magic-transcript__list{overscroll-behavior:contain;scrollbar-color:#f0873080 transparent;max-height:616px;overflow-y:auto}.magic-transcript__list article{border-bottom:1px solid #e4f0ff14;grid-template-columns:52px minmax(0,1fr);align-content:start;gap:12px;min-height:126px;padding:23px 24px;transition:color .18s,background .26s,box-shadow .26s;display:grid;position:relative}.magic-transcript__list article.is-active{color:#fff;background:linear-gradient(90deg,#f07a242b,#ffd77a09);box-shadow:inset 3px 0 #f07a24}.magic-transcript__time{color:#f29a55;cursor:pointer;background:0 0;border:1px solid #f09a5540;border-radius:999px;align-self:start;min-height:31px;padding:0;font-family:Georgia,serif;font-size:9px}.magic-transcript__list article>div{min-width:0;padding-right:64px}.magic-transcript__list .magic-subtitle-words{color:#eef6ffd6;justify-content:flex-start;font-size:15px}.magic-transcript__list article p{color:#e6f0fc6b;margin:9px 0 0;font-size:11px;line-height:1.55}.magic-transcript__capture{color:#f3a36199;cursor:pointer;background:0 0;border-bottom:1px solid #f3a36140;padding:5px 0;font-size:9px;position:absolute;bottom:18px;right:22px}.magic-transcript__empty{color:#e6f1fe73;padding:40px 28px;font-size:12px;line-height:1.8}.magic-transcript__empty strong{color:#eef6ff;font-family:Songti SC,STSong,serif;font-size:18px;display:block}.magic-transcript__empty p{color:#e6f1fe7a;margin:12px 0 20px;line-height:1.75}.magic-transcript__empty button{color:#101927;cursor:pointer;background:#ffd77a;border-radius:3px 14px 3px 3px;min-height:42px;padding:0 15px;font-size:10px;font-weight:800}.magic-transcript__empty button:disabled{cursor:wait;opacity:.55}.magic-capture{background:radial-gradient(circle at 0 100%,#f07a241c,#0000 28%),#fff8ea;border-bottom:1px solid #3e26141f;grid-template-columns:minmax(280px,.62fr) minmax(540px,1.38fr);align-items:end;gap:clamp(32px,4vw,72px);padding:clamp(42px,5vw,78px);display:grid}.magic-capture__copy>span,.magic-deck>header span,.magic-review>header span{color:#ad5120;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.magic-capture__copy h3{letter-spacing:-.035em;margin:12px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.2}.magic-capture__copy p{color:#38221494;margin:18px 0 0;font-size:12px;line-height:1.7}.magic-capture__form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.52fr) auto;align-items:end;gap:10px;display:grid}.magic-image-picker{position:relative}.magic-image-picker__control{color:#6e391d;cursor:pointer;background:#ffffff75;border:1px dashed #6e391d45;border-radius:3px 17px 3px 3px;align-items:center;gap:8px;min-height:54px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.magic-image-picker__control svg{flex:none;width:18px;height:18px}.magic-image-picker__control img{object-fit:cover;border-radius:4px 10px 4px 4px;width:42px;height:42px}.magic-image-picker>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.magic-image-picker.is-locked .magic-image-picker__control{color:#4e2d1b6b;cursor:pointer}.magic-capture__form label{gap:8px;display:grid}.magic-capture__form label span{color:#4e2d1b;font-size:10px;font-weight:750}.magic-capture__form input{color:#291b13;width:100%;min-height:54px;font:inherit;background:#ffffff94;border:1px solid #4727132b;border-radius:3px 16px 3px 3px;outline:none;padding:0 15px;font-size:15px}.magic-capture__form input:focus{border-color:#b7541d;box-shadow:0 0 0 4px #f07a241c}.magic-capture__form>button,.magic-deck>header>button{color:#fff9eb;cursor:pointer;background:linear-gradient(135deg,#a54417,#ec7622);border-radius:999px;min-height:54px;padding:0 20px;font-weight:750;box-shadow:0 12px 26px #923c1330}.magic-deck{background:#f4ebdc;padding:clamp(42px,5vw,78px)}.magic-deck>header{justify-content:space-between;align-items:end;gap:24px;display:flex}.magic-deck>header h3{margin:8px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(30px,3vw,44px);font-weight:500}.magic-deck__rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:32px;display:grid}.magic-deck__rail article{background:#fffcf6bd;border:1px solid #3b221221;border-radius:3px 24px 3px 3px;min-width:0;overflow:hidden}.magic-deck__preview{color:#2a1b12;text-align:left;cursor:pointer;background:0 0;width:100%;padding:0;display:block}.magic-deck__preview>span{gap:5px;padding:15px 17px 17px;display:grid}.magic-deck__preview strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.magic-deck__preview small{color:#2e1c118a;font-size:11px}.magic-deck__rail article>div{border-top:1px solid #371f1017;justify-content:space-between;align-items:center;min-height:46px;padding:8px 12px;display:flex}.magic-deck__rail article>div button{color:#4623109e;cursor:pointer;background:0 0;border-radius:999px;min-width:36px;min-height:34px;padding:0 8px;font-size:10px}.magic-deck__rail article>div button:hover{background:#f07a2414}.magic-deck__rail article>div svg{width:17px;height:17px}.magic-deck__empty{color:#37201280;margin:30px 0 0;font-size:13px}.word-illustration{aspect-ratio:4/3;background:radial-gradient(circle at 35% 30%,#ffffff52,#0000 24%),linear-gradient(145deg,#1b3553,#0d1725);width:100%;position:relative;overflow:hidden}.word-illustration:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 30%,#0208102e);position:absolute;inset:0}.word-illustration svg{width:100%;height:100%;display:block}.word-illustration--custom img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.word-illustration .shape-soft{fill:#a9d7ed7a}.word-illustration .shape-ink{fill:#152337}.word-illustration .shape-glow{fill:#ffd45f;filter:drop-shadow(0 0 13px #ffcc4ac7)}.word-illustration .shape-petal{fill:#ef7d68}.word-illustration .shape-cutout{fill:#182c48}.word-illustration .shape-line{stroke:#ffd97d;stroke-width:5px;stroke-linecap:round}.word-illustration--flower{background:linear-gradient(145deg,#315f55,#152b2c)}.word-illustration--moon{background:linear-gradient(145deg,#323c75,#171b42)}.word-illustration--light,.word-illustration--spark{background:linear-gradient(145deg,#a84b22,#3e1d25)}.word-illustration--bird{background:linear-gradient(145deg,#507fa3,#243858)}.word-illustration--forest{background:linear-gradient(145deg,#264c42,#102622)}.magic-review{color:#f6f9ff;background:radial-gradient(circle at 50% 38%,#3d6b9e47,#0000 30%),#0c1522;padding:clamp(42px,5vw,78px)}.magic-review>header,.magic-review>footer{justify-content:space-between;align-items:center;gap:16px;width:min(720px,100%);margin-inline:auto;display:flex}.magic-review>header>div{align-items:center;gap:14px;display:flex}.magic-review>header strong{font-family:Georgia,serif;font-weight:400}.magic-review>header button,.magic-review>footer button{color:#f0f7ffb3;cursor:pointer;background:0 0;border:1px solid #e1efff26;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:11px;display:inline-flex}.magic-review>footer svg{width:17px;height:17px}.magic-review>footer .magic-review__sound{color:#1f170e;background:#ffd77a;border-color:#ffd77a}.magic-flashcard{aspect-ratio:5/3.35;perspective:1400px;cursor:pointer;outline:none;width:min(620px,100%);margin:38px auto 28px}.magic-flashcard:focus-visible{outline-offset:7px;outline:3px solid #ffd77a}.magic-flashcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,1,.36,1);position:relative}.magic-flashcard.is-flipped .magic-flashcard__inner{transform:rotateY(180deg)}.magic-flashcard__face{backface-visibility:hidden;border:1px solid #ffffff38;border-radius:4px 42px 4px 4px;padding:25px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #00000057}.magic-flashcard__face>span{z-index:3;color:#ffffff94;letter-spacing:.14em;font-size:8px;font-weight:800;position:relative}.magic-flashcard__front{color:#fff;background:#15253a;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.05fr) minmax(180px,.95fr)}.magic-flashcard__front>span{grid-column:1/-1}.magic-flashcard__front .word-illustration{aspect-ratio:auto;border-radius:3px 28px 3px 3px;align-self:stretch;width:100%;margin-top:20px}.magic-flashcard__front h4{overflow-wrap:anywhere;align-self:center;margin:0;padding:20px;font-family:Georgia,serif;font-size:clamp(34px,5vw,66px);font-weight:400;line-height:1.05}.magic-flashcard__back{color:#301c10;text-align:center;background:radial-gradient(circle at 90% 10%,#f07a2433,#0000 30%),#fff4df;align-content:center;gap:16px;transform:rotateY(180deg)}.magic-flashcard__back>span{color:#a44c1e}.magic-flashcard__back h4{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(31px,4vw,54px);font-weight:500}.magic-flashcard__back p{color:#351d0f8f;max-width:480px;margin:0 auto;font-size:12px;line-height:1.7}.magic-flashcard__back small{color:#a84d1d;font-family:Georgia,serif;font-size:16px}.magic-local-note{color:#edf6ffa8;background:#ffffff12;border:1px solid #deecfc1f;border-radius:3px 24px 3px 3px;grid-template-columns:1.15fr repeat(3,1fr);gap:1px;margin-top:22px;display:grid;overflow:hidden}.magic-local-note>*{border-right:1px solid #deecfc1a;margin:0;padding:21px 23px}.magic-local-note>:last-child{border-right:0}.magic-local-note strong{color:#fff4d8;font-size:13px}.magic-local-note p{font-size:10px;line-height:1.75}.magic-local-note b{color:#f2a563}.magic-local-note code{color:#ffd77a}@media (width<=1200px){.magic-system__intro{grid-template-columns:.42fr 1.58fr}.magic-system__intro>p:last-child{grid-column:2;max-width:620px}.magic-cinema{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}.magic-capture{grid-template-columns:1fr;align-items:start}.magic-deck__rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.magic-workbench__toolbar{flex-direction:column;align-items:flex-start}.magic-file-actions{justify-content:flex-start;width:100%}.magic-library{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr)}.magic-library__status{grid-column:1/-1;justify-self:start}.magic-cinema{display:block}.magic-player{border-bottom:1px solid #dae8f921;border-right:0}.magic-transcript__list{max-height:520px}.magic-deck__rail{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-local-note{grid-template-columns:repeat(3,1fr)}.magic-local-note strong{border-bottom:1px solid #deecfc1a;border-right:0;grid-column:1/-1}}@media (width<=820px){.magic-system{padding-block:100px 90px}.magic-system__intro{display:block}.magic-system__intro h2{font-size:clamp(43px,11vw,70px)}.magic-system__intro>p:last-child{max-width:560px;margin-top:26px}.magic-workbench{border-radius:4px 42px 4px 4px;margin-top:64px}.magic-capture__form{grid-template-columns:1fr 1fr}.magic-capture__form>button{grid-column:1/-1;width:100%}.magic-flashcard__front{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.magic-flashcard__front .word-illustration{max-height:210px}.magic-flashcard__front h4{text-align:center;padding:13px 0 0}.magic-flashcard{aspect-ratio:4/4.4}}@media (width<=560px){.magic-system{padding-top:86px}.magic-system__intro h2{font-size:42px}.magic-workbench__toolbar{padding:18px}.magic-workbench__toolbar em{display:none}.magic-file-actions{grid-template-columns:1fr 1fr;display:grid}.magic-file-actions>*{width:100%}.magic-file-actions button{grid-column:1/-1}.magic-library{grid-template-columns:1fr;padding:22px 18px}.magic-library__status{grid-column:auto}.magic-player{padding:16px}.magic-player__caption{padding:9px;bottom:19%;left:3%;right:3%}.magic-player__caption .magic-subtitle-words button{font-size:16px}.magic-player__meta{gap:6px;display:grid}.magic-transcript>header{padding:20px 18px}.magic-transcript__list article{grid-template-columns:48px minmax(0,1fr);padding:20px 16px}.magic-transcript__list article>div{padding-right:0}.magic-transcript__capture{grid-column:2;justify-self:start;margin-top:8px;position:static}.magic-capture,.magic-deck,.magic-review{padding:34px 18px}.magic-capture__form{grid-template-columns:1fr}.magic-capture__form>button{grid-column:auto}.magic-deck>header{flex-direction:column;align-items:flex-start}.magic-deck>header>button{width:100%}.magic-deck__rail{grid-template-columns:1fr}.magic-flashcard{aspect-ratio:3/4.4;margin-top:28px}.magic-flashcard__face{border-radius:3px 28px 3px 3px;padding:18px}.magic-flashcard__front .word-illustration{max-height:none}.magic-review>footer button{min-width:44px;padding-inline:11px}.magic-review>footer button:not(.magic-review__sound){font-size:0}.magic-local-note{grid-template-columns:1fr}.magic-local-note strong{grid-column:auto}.magic-local-note>*{border-bottom:1px solid #deecfc1a;border-right:0}.magic-local-note>:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.magic-flashcard__inner,.magic-subtitle-words button:after{transition:none}}.pet-system{color:#fff8e9;background:radial-gradient(circle at 14% 8%,#f58b2a33,#0000 25%),radial-gradient(circle at 86% 46%,#ffcd661a,#0000 32%),linear-gradient(145deg,#2b1009 0%,#4a180b 55%,#301008 100%);padding-block:clamp(110px,10vw,180px);position:relative;overflow:hidden}.pet-system:before{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.26;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.pet-system__aurora{aspect-ratio:1;pointer-events:none;border:1px solid #ffd1711f;border-radius:50%;width:min(1100px,90vw);position:absolute;top:-420px;left:50%;transform:translate(-50%);box-shadow:0 0 120px #f6801a17,inset 0 0 140px #ffd8840d}.pet-system__aurora:before,.pet-system__aurora:after{content:"";border:1px solid #ffd17117;border-radius:50%;position:absolute}.pet-system__aurora:before{inset:15%}.pet-system__aurora:after{inset:31%}.pet-system__inner{z-index:1;position:relative}.pet-system__intro{grid-template-columns:minmax(200px,.46fr) minmax(600px,1.2fr) minmax(260px,.48fr);align-items:end;gap:32px;display:grid}.pet-system__intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.6vw,98px);font-weight:600;line-height:1.02}.pet-system__intro h2 span{letter-spacing:-.035em;margin-top:.1em;font-family:Songti SC,STSong,serif;font-style:italic;font-weight:400;display:block}.pet-system__intro>p:last-child{color:#fff8e9a8;margin:0;font-size:15px;line-height:1.85}.pet-app{color:#3a1b0d;background:#fff6e7;border:1px solid #fff1d552;border-radius:7px 76px 7px 7px;margin-top:clamp(70px,7vw,120px);overflow:hidden;box-shadow:0 52px 130px #0c03015c}.pet-app__toolbar{color:#fff7e8;letter-spacing:.08em;background:#1f0a05fa;justify-content:space-between;align-items:center;min-height:72px;padding-inline:clamp(20px,3vw,48px);font-size:11px;display:flex}.pet-app__toolbar>div{align-items:center;gap:12px;display:flex}.pet-app__toolbar strong{letter-spacing:.04em;font-size:13px}.pet-app__toolbar>span{opacity:.45}.pet-app__status-dot{background:#ffd477;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #ffd477cc}.pet-app__grid{grid-template-columns:minmax(480px,.94fr) minmax(560px,1.06fr);min-height:880px;display:grid}.pet-habitat{color:#fff6e6;background:radial-gradient(circle at 50% 57%,#ffb23c47,#0000 24%),radial-gradient(circle at 16% 14%,#ffd67f1f,#0000 22%),linear-gradient(155deg,#321208 0%,#70240d 54%,#3c1208 100%);flex-direction:column;min-width:0;min-height:880px;padding:clamp(32px,4vw,64px);display:flex;position:relative;overflow:hidden}.pet-habitat:after{content:"";border:1px solid #ffcc6733;border-radius:50%;height:52%;position:absolute;bottom:-32%;left:-25%;right:-25%;box-shadow:inset 0 30px 110px #ff8e2414}.pet-habitat__sky{pointer-events:none;position:absolute;inset:0}.pet-habitat__sky:before,.pet-habitat__sky:after{content:"";border:1px solid #ffdc9126;border-radius:50%;position:absolute}.pet-habitat__sky:before{aspect-ratio:1;width:78%;top:-26%;right:-28%}.pet-habitat__sky:after{aspect-ratio:1;width:55%;top:-15%;right:-17%}.pet-habitat__sky i{opacity:.72;background:#ffdc91;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 12px #ffb23e}.pet-habitat__sky i:first-child{top:16%;left:13%}.pet-habitat__sky i:nth-child(2){opacity:.45;top:26%;right:18%}.pet-habitat__sky i:nth-child(3){opacity:.58;top:47%;left:18%}.pet-habitat__sky i:nth-child(4){opacity:.82;top:55%;right:12%}.pet-habitat__meta{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.pet-habitat__meta span{letter-spacing:.2em;font-size:10px;font-weight:750}.pet-habitat__meta strong{background:#fff5e114;border:1px solid #fff2d83d;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:650}.pet-speech{z-index:5;color:#4a210d;background:#fff5daed;border-radius:23px 23px 5px;grid-template-columns:minmax(0,1fr) 38px;align-self:flex-end;align-items:center;gap:12px;width:min(360px,78%);margin-top:40px;padding:14px 14px 14px 20px;font-size:14px;line-height:1.65;display:grid;position:relative;box-shadow:0 18px 45px #1b070238}.pet-speech>span{min-width:0}.pet-speech button{color:#6d280f;cursor:pointer;background:#ffffff7a;border:1px solid #6d280f24;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:color .18s,background .18s,transform .18s;display:grid}.pet-speech button:hover{background:#ffffffe0}.pet-speech button:active{transform:scale(.94)}.pet-speech button.is-speaking{color:#fff8e8;background:#a6471a;animation:1.1s ease-in-out infinite pet-speaking}.pet-speech button svg{width:18px;height:18px}@keyframes pet-speaking{50%{box-shadow:0 0 0 7px #a6471a1f}}.pet-speech:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,100% 100%);width:22px;height:22px;position:absolute;bottom:-11px;right:17px}.pet-habitat__avatar{z-index:3;place-items:center;width:min(440px,76%);margin:auto auto 10px;display:grid;position:relative}.pet-habitat__shadow{z-index:-1;filter:blur(18px);background:#14050161;border-radius:50%;width:76%;height:11%;position:absolute;bottom:3%}.pet-avatar{z-index:2;width:100%;transform:scale(var(--pet-growth));transform-origin:bottom;filter:drop-shadow(0 28px 34px #1805014d);position:relative}.pet-avatar__image{z-index:2;aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;display:block;position:relative}.pet-avatar.is-celebrating{animation:.76s cubic-bezier(.2,1.6,.45,1) both pet-celebrate}.pet-avatar--motion-idle:not(.pet-avatar--compact):not(.is-celebrating){animation:4.8s ease-in-out infinite pet-breathe}@keyframes pet-breathe{0%,to{transform:scale(var(--pet-growth)) translateY(0) rotate(0)}48%{transform:scale(calc(var(--pet-growth) * 1.012)) translateY(-5px) rotate(-.35deg)}62%{transform:scale(calc(var(--pet-growth) * 1.008)) translateY(-3px) rotate(.3deg)}}@keyframes pet-celebrate{0%,to{transform:scale(var(--pet-growth)) translateY(0) rotate(0)}36%{transform:scale(calc(var(--pet-growth) * 1.05)) translateY(-24px) rotate(-3deg)}66%{transform:scale(calc(var(--pet-growth) * 1.02)) translateY(-7px) rotate(3deg)}}.pet-avatar__orbit,.pet-avatar__halo{z-index:1;border:1px solid #ffdd8b5c;border-radius:50%;position:absolute;inset:7% 2% 0;transform:rotate(-10deg)}.pet-avatar__orbit:before,.pet-avatar__orbit:after{content:"";background:#ffd271;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 18px #ff9f24}.pet-avatar__orbit:before{top:15%;left:6%}.pet-avatar__orbit:after{bottom:18%;right:7%}.pet-avatar__halo{filter:blur(16px);opacity:.76;background:radial-gradient(circle,#ffc6543b,#0000 62%);border-color:#0000;inset:-5%;transform:scale(1.04)}.pet-avatar__crown{z-index:4;color:#ffe3a0;filter:drop-shadow(0 0 12px #ffb230a6);width:48px;position:absolute;top:-2%;left:50%;transform:translate(-50%)}.pet-avatar__crown svg{width:100%}.pet-growth{z-index:4;margin-top:auto;position:relative}.pet-growth__labels{justify-content:space-between;gap:20px;margin-bottom:10px;font-size:11px;display:flex}.pet-growth__labels>:last-child{opacity:.58}.pet-growth__track{background:#fff5dd24;border-radius:999px;height:6px;overflow:hidden}.pet-growth__track span{border-radius:inherit;height:100%;transition:width .65s var(--ease);background:linear-gradient(90deg,#f07b22,#ffe291);display:block;box-shadow:0 0 18px #ffb83d8c}.pet-evolution-roadmap{grid-template-columns:repeat(7,minmax(0,1fr));margin-top:16px;display:grid}.pet-evolution-roadmap>div{color:#fff8e95c;text-align:center;justify-items:center;gap:7px;font-size:8px;line-height:1.25;display:grid;position:relative}.pet-evolution-roadmap>div:before{z-index:-1;content:"";background:#fff2d521;height:1px;position:absolute;top:4px;left:-50%;right:50%}.pet-evolution-roadmap>div:first-child:before{display:none}.pet-evolution-roadmap i{background:#59200c;border:1px solid #ffeeca57;border-radius:50%;width:9px;height:9px}.pet-evolution-roadmap .is-complete,.pet-evolution-roadmap .is-current{color:#fff8e9bd}.pet-evolution-roadmap .is-complete i,.pet-evolution-roadmap .is-current i{background:#ffd477;border-color:#ffd477;box-shadow:0 0 12px #ffb43680}.pet-evolution-roadmap .is-current i{outline:3px solid #ffd4772e}.pet-stats{z-index:4;border-top:1px solid #fff4dc2e;grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid;position:relative}.pet-stats>div{border-right:1px solid #fff4dc2e;flex-direction:column;min-height:76px;padding:18px 12px 0;display:flex}.pet-stats>div:first-child{padding-left:0}.pet-stats>div:last-child{border-right:0}.pet-stats strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.pet-stats span{opacity:.54;margin-top:4px;font-size:10px}.pet-console{background:radial-gradient(circle at 100% 0,#ffc44f3d,#0000 29%),#fff6e7;min-width:0;padding:clamp(34px,4.6vw,78px)}.pet-console__tabs{background:#eb7c1f0f;border:1px solid #4f220c21;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px;display:grid}.pet-console__tabs button{color:#3b1b0d91;cursor:pointer;min-height:46px;transition:color .18s ease, background .22s var(--ease), transform .18s ease;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.pet-console__tabs button:hover{color:#35170b}.pet-console__tabs button:active{transform:scale(.97)}.pet-console__tabs button.is-active{color:#fff8e8;background:#6d280f;box-shadow:0 8px 22px #5b220b2e}.pet-console__panel{padding-top:clamp(40px,4vw,68px)}.pet-panel{animation:pet-panel-arrive .42s var(--ease) both}@keyframes pet-panel-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pet-panel__heading>span,.pet-reverse-quiz__eyebrow{color:#a7531e;letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.pet-panel__heading h3{letter-spacing:-.04em;max-width:650px;margin:14px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(34px,3vw,52px);font-weight:500;line-height:1.2}.pet-panel__heading p{color:#3a1b0d9e;max-width:600px;margin:18px 0 0;font-size:14px;line-height:1.75}.pet-form,.pet-question,.pet-customize{gap:22px;margin-top:38px;display:grid}.pet-kind-switch{gap:8px;display:flex}.pet-kind-switch button{color:#3e1d0d94;cursor:pointer;background:0 0;border:1px solid #4b200b29;border-radius:999px;min-width:76px;min-height:42px}.pet-kind-switch button.is-active{color:#5f230e;background:#ef741f17;border-color:#a8501e}.pet-field{gap:9px;display:grid}.pet-field__label,.pet-choices legend{color:#48200d;letter-spacing:.04em;font-size:12px;font-weight:750}.pet-field input,.pet-field textarea{color:#35170a;width:100%;min-height:54px;font:inherit;background:#fffcf4cc;border:1px solid #491f0a2e;border-radius:4px 18px 4px 4px;outline:none;padding:13px 16px;font-size:16px;transition:border-color .18s,box-shadow .18s,background .18s}.pet-field textarea{resize:vertical;min-height:100px;line-height:1.6}.pet-field input:focus,.pet-field textarea:focus{background:#fffdf7;border-color:#b5571d;box-shadow:0 0 0 4px #ef741f1f}.pet-field small{color:#3e1d0d7d;font-size:11px;line-height:1.5}.pet-voice-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.pet-voice-field .pet-field{min-width:0}.pet-voice-input{color:#6a2a11;cursor:pointer;background:#fffcf4b8;border:1px solid #6d280f33;border-radius:18px 4px 4px;justify-content:center;align-items:center;gap:8px;min-width:106px;min-height:54px;padding:0 15px;font-size:12px;font-weight:750;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.pet-voice-input:hover{background:#fffdf7;border-color:#b5571d8c}.pet-voice-input:active{transform:scale(.97)}.pet-voice-input[aria-disabled=true]{cursor:help;opacity:.42}.pet-voice-input.is-listening{color:#fff8eb;background:#a83f19;border-color:#a83f19;box-shadow:0 0 0 5px #a83f191f}.pet-voice-input svg{width:20px;height:20px}.pet-voice-field--textarea .pet-voice-input{margin-bottom:24px}.pet-voice-status{color:#65301a;background:#ef741f12;border:1px solid #742f1221;border-radius:3px 16px 3px 3px;align-items:center;gap:9px;min-height:46px;margin:22px 0 0;padding:11px 14px;font-size:12px;line-height:1.5;display:flex}.pet-voice-status svg{flex:none;width:19px;height:19px}.pet-voice-status--listening{color:#7c2c10;background:#ef741f1f;border-color:#be4a1738}.pet-voice-status--error,.pet-voice-status--unsupported{color:#7b3326;background:#f8e0d7}.pet-primary-action,.pet-secondary-action{cursor:pointer;width:max-content;min-height:52px;transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .18s ease;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:750;display:inline-flex}.pet-primary-action{color:#fff8e9;background:linear-gradient(135deg,#8d3512,#d9631a);box-shadow:0 12px 28px #84310c33}.pet-primary-action svg{width:20px;height:20px}.pet-primary-action:hover{transform:translateY(-2px);box-shadow:0 17px 34px #84310c42}.pet-primary-action:active,.pet-secondary-action:active{transform:scale(.97)}.pet-secondary-action{color:#67270f;background:0 0;border:1px solid #64260e40}.pet-secondary-action:hover{background:#ef741f14}.pet-memory{border-top:1px solid #471e0a26;margin-top:48px;padding-top:24px}.pet-memory__heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pet-memory__heading strong{font-size:13px}.pet-memory__heading span{opacity:.52;font-family:Georgia,serif;font-size:13px}.pet-memory__list{display:grid}.pet-memory__item{border-top:1px solid #471e0a1a;grid-template-columns:34px minmax(0,1fr) 44px 44px;align-items:center;gap:10px;min-height:76px;padding-block:12px;display:grid}.pet-memory__kind{color:#7a2e10;border:1px solid #7a2e1040;border-radius:50%;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:11px;display:grid}.pet-memory__item>span:nth-child(2){min-width:0}.pet-memory__item strong,.pet-memory__item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pet-memory__item strong{font-family:Georgia,serif;font-size:16px;font-weight:500}.pet-memory__item small{color:#3a1b0d8a;margin-top:4px;font-size:11px}.pet-icon-action{color:#63250e;cursor:pointer;background:0 0;border:1px solid #4e200a24;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:background .18s,transform .18s;display:grid}.pet-icon-action:hover{background:#ef741f1a}.pet-icon-action:active{transform:scale(.94)}.pet-icon-action svg{width:18px;height:18px}.pet-icon-action--remove{color:#591e0a85}.pet-empty{color:#3a1b0d8c;margin:0;padding:28px 0;font-size:13px}.pet-question__actions{flex-wrap:wrap;gap:12px;display:flex}.pet-answer,.pet-reverse-quiz{background:#ef7d2213;border:1px solid #64290d24;border-radius:4px 28px 4px 4px;margin-top:30px;padding:24px}.pet-answer>span{color:#9a4318;letter-spacing:.13em;font-size:10px;font-weight:800}.pet-answer p{margin:10px 0 0;font-size:14px;line-height:1.75}.pet-answer--unknown{background:#7e421d0f}.pet-reverse-quiz{background:#fffaf0;box-shadow:0 18px 50px #4e1d0814}.pet-reverse-quiz h4{margin:12px 0 24px;font-family:Songti SC,STSong,serif;font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.35}.pet-reverse-quiz .pet-primary-action{margin-top:18px}.pet-quiz-feedback{border-radius:3px 15px 3px 3px;margin:18px 0 0;padding:13px 15px;font-size:13px;line-height:1.6}.pet-quiz-feedback.is-correct{color:#31511f;background:#e7f2d7}.pet-quiz-feedback.is-incorrect{color:#77301a;background:#f8dfd0}.pet-library{background:linear-gradient(135deg,#ffffff94,#fff6e261),#ef741f0a;border:1px solid #4e1f0a21;border-radius:4px 32px 4px 4px;margin-top:6px;padding:24px}.pet-library__heading{grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);align-items:end;gap:24px;display:grid}.pet-library__heading>div>span{color:#a34b1d;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.pet-library__heading h4{margin:5px 0 0;font-family:Songti SC,STSong,serif;font-size:24px;font-weight:500}.pet-library__heading p{color:#3a1b0d8c;margin:0;font-size:11px;line-height:1.65}.pet-category-tabs{border-bottom:1px solid #4f1f0a1f;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:22px;padding-bottom:9px;display:grid}.pet-category-tabs button{color:#431c0b8c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px 16px 3px 3px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:48px;padding:0 10px;font-size:11px;font-weight:750;transition:color .18s,background .18s,border-color .18s,transform .18s;display:flex}.pet-category-tabs button:hover{color:#4a1e0c;background:#ef741f0f}.pet-category-tabs button:active{transform:scale(.97)}.pet-category-tabs button.is-active{color:#fff8e9;background:#74280e;border-color:#74280e;box-shadow:0 8px 18px #5a1d0929}.pet-category-tabs button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pet-category-tabs button small{opacity:.55;font-family:Georgia,serif;font-size:10px}.pet-category-note{justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding-top:14px;display:flex}.pet-category-note strong{font-size:12px}.pet-category-note span{color:#3a1b0d80;text-align:right;font-size:10px}.pet-choices{border:0;min-width:0;margin:0;padding:0}.pet-choices legend{margin-bottom:12px}.pet-choices>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pet-choices button{color:#3b1a0c;text-align:left;cursor:pointer;min-height:128px;transition:border-color .18s ease, background .18s ease, transform .2s var(--ease);background:#fffcf4a3;border:1px solid #471d0a21;border-radius:4px 22px 4px 4px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px 13px;display:grid}.pet-choices button:hover{transform:translate(4px)}.pet-choices button.is-locked{opacity:.52;background:#5d4f460f;border-style:dashed}.pet-choices button.is-locked:hover{transform:none}.pet-choices button.is-active{background:#ef741f1a;border-color:#a84c1a;box-shadow:inset 4px 0 #a84c1a}.pet-choices button.is-active:after{content:"已选择";color:#fff8e9;letter-spacing:.06em;background:#a84c1a;border-radius:999px;place-self:start end;padding:4px 7px;font-size:8px;font-weight:800;position:absolute}.pet-choices button{position:relative}.pet-choices button>span{min-width:0}.pet-choice-lock{color:#6f5547;background:#fff8ebe6;border-radius:999px;padding:4px 7px;font-size:8px;position:absolute;top:8px;right:9px}.pet-choices strong,.pet-choices small,.pet-choices em{display:block}.pet-choices strong{font-size:15px}.pet-choices small{color:#3a1b0d94;margin-top:7px;font-size:11px;line-height:1.55}.pet-choices em{color:#9a4a22;letter-spacing:.04em;margin-top:6px;font-size:9px;font-style:normal}.pet-avatar--compact{filter:none;width:60px;transform:none}.pet-avatar--compact .pet-avatar__image{filter:drop-shadow(0 8px 9px #602c0c29)}@media (width<=1180px){.pet-system__intro{grid-template-columns:.42fr 1.58fr}.pet-system__intro>p:last-child{grid-column:2;max-width:620px}.pet-app__grid{grid-template-columns:minmax(400px,.82fr) minmax(500px,1.18fr)}.pet-habitat,.pet-app__grid{min-height:820px}}@media (width<=920px){.pet-app__grid{display:block}.pet-habitat{min-height:720px}.pet-habitat__avatar{width:min(380px,62%)}.pet-console{padding-block:58px 72px}}@media (width<=820px){.pet-system{padding-block:100px 90px}.pet-system__intro{display:block}.pet-system__intro h2{font-size:clamp(43px,11vw,70px)}.pet-system__intro>p:last-child{max-width:560px;margin-top:26px}.pet-app{border-radius:5px 44px 5px 5px;margin-top:65px}.pet-app__toolbar{min-height:64px}.pet-habitat{min-height:680px;padding:32px}.pet-habitat__avatar{width:min(360px,70%)}.pet-console{padding:36px 28px 62px}.pet-panel__heading h3{font-size:clamp(32px,7vw,48px)}.pet-memory__item{grid-template-columns:32px minmax(0,1fr) 44px 44px}.pet-choices>div{grid-template-columns:1fr}.pet-library__heading{grid-template-columns:1fr;gap:10px}.pet-library__heading p{max-width:430px}}@media (width<=520px){.pet-system{padding-top:86px}.pet-system__intro h2{font-size:42px}.pet-app__toolbar{padding-inline:18px}.pet-app__toolbar>span{display:none}.pet-habitat{min-height:610px;padding:24px 20px}.pet-habitat__meta strong{font-size:10px}.pet-speech{width:88%;margin-top:28px;font-size:13px}.pet-habitat__avatar{width:78%}.pet-growth__labels{font-size:10px}.pet-evolution-roadmap>div{font-size:7px}.pet-stats>div{padding-inline:8px}.pet-stats strong{font-size:22px}.pet-console{padding:26px 18px 52px}.pet-console__tabs{gap:4px;padding:4px}.pet-console__tabs button{min-height:44px;padding-inline:8px;font-size:12px}.pet-console__panel{padding-top:40px}.pet-panel__heading h3{font-size:32px}.pet-form,.pet-question,.pet-customize{margin-top:30px}.pet-voice-input{width:54px;min-width:54px;padding:0}.pet-voice-input span{display:none}.pet-voice-field--textarea .pet-voice-input{margin-bottom:24px}.pet-primary-action,.pet-secondary-action{width:100%}.pet-question__actions{display:grid}.pet-memory__item{grid-template-columns:30px minmax(0,1fr) 42px 42px;gap:8px}.pet-answer,.pet-reverse-quiz{padding:20px}.pet-choices button{grid-template-columns:68px minmax(0,1fr);padding:10px 12px}.pet-avatar--compact{width:64px}.pet-library{padding:18px 14px}.pet-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-category-note{gap:5px;display:grid}.pet-category-note span{text-align:left}}@media (prefers-reduced-motion:reduce){.pet-habitat__sky i,.pet-avatar__orbit,.pet-avatar__halo,.pet-avatar--motion-idle,.pet-speech button.is-speaking,.pet-avatar.is-celebrating{animation:none!important}}.account-backdrop{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c11bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.account-dialog{color:#29180f;background:#fff8e9;border:1px solid #ffffff5c;border-radius:5px 48px 5px 5px;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);width:min(1040px,100%);min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 50px 150px #0006}.account-dialog__close{z-index:3;color:#452415;cursor:pointer;background:#ffffffa3;border:1px solid #45241529;border-radius:50%;width:40px;height:40px;font-size:24px;position:absolute;top:18px;right:20px}.account-dialog__story{background:#4b180f;min-height:640px;position:relative;overflow:hidden}.account-dialog__story:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -24px 0 44px #200a0638}.account-dialog__story img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:640px;display:block}.account-dialog__panel header>span{color:#b64f20;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:800}.account-dialog__panel{align-content:center;padding:72px clamp(34px,5vw,72px) 46px;display:grid}.account-tabs{border-bottom:1px solid #41231324;grid-template-columns:1fr 1fr;margin-bottom:34px;display:grid}.account-tabs button{color:#371e1173;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:13px}.account-tabs button[aria-selected=true]{color:#a8461b;border-color:#dc6a28}.account-dialog__panel header h3{margin:10px 0 8px;font-family:Songti SC,STSong,serif;font-size:32px;font-weight:600}.account-dialog__panel header p{color:#371e1185;margin:0 0 26px;font-size:12px}.account-form{gap:14px;display:grid}.account-form label,.activation-form{color:#4b2c1d;gap:7px;font-size:10px;font-weight:700;display:grid}.account-form input,.activation-form input{color:#29180f;background:#ffffff9e;border:1px solid #4123132e;border-radius:3px 14px 3px 3px;outline:none;width:100%;min-height:48px;padding:0 14px}.account-form input:focus,.activation-form input:focus{border-color:#d5682a;box-shadow:0 0 0 4px #d5682a1a}.account-form>button,.account-profile__actions button:first-child,.activation-form button{color:#fff;cursor:pointer;background:#8d2f18;border-radius:3px 17px 3px 3px;min-height:50px;font-weight:750}.account-form>button:disabled,.activation-form button:disabled{cursor:wait;opacity:.55}.account-message{color:#94391b;background:#e86f3214;border:1px solid #b44c222e;margin:10px 0 0;padding:10px 12px;font-size:11px;line-height:1.55}.account-privacy{color:#371e1166;margin:20px 0 0;font-size:9px;line-height:1.6}.account-profile{text-align:center;justify-items:center;display:grid}.account-profile__seal{color:#fff1c8;background:radial-gradient(circle at 35% 30%,#f7ba5d,#9e3c1c);border-radius:50%;place-items:center;width:76px;height:76px;font-size:28px;display:grid;box-shadow:0 16px 42px #9c371838}.account-profile>p{color:#371e117a;margin:24px 0 4px;font-size:11px}.account-profile h3{margin:0;font-family:Songti SC,STSong,serif;font-size:38px}.account-tier{color:#9b411d;background:#df692b14;border:1px solid #9b411d2e;border-radius:999px;margin-top:10px;padding:7px 12px;font-size:10px;font-weight:800}.account-profile>small{color:#371e116b;margin-top:10px}.activation-form{text-align:left;width:100%;margin-top:36px}.activation-form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.activation-form button{min-width:78px}.account-profile__actions{gap:10px;margin-top:30px;display:flex}.account-profile__actions button{cursor:pointer;min-height:44px;padding:0 17px}.account-profile__actions button:last-child{color:#371e1194;background:0 0;border:1px solid #371e1129}.account-loading{color:#371e1194;text-align:center}@media (width<=760px){.account-backdrop{place-items:start center;padding:10px}.account-dialog{border-radius:3px 28px 3px 3px;grid-template-columns:1fr;min-height:0}.account-dialog__story{min-height:280px;max-height:320px}.account-dialog__story img{object-position:center 37%;min-height:320px}.account-dialog__panel{padding:44px 26px 34px}}:root{color:#25160e;font-synthesis:none;text-rendering:optimizelegibility;--orange:#ef741f;--orange-deep:#c94e14;--amber:#f4a52e;--yellow:#ffd36f;--cream:#fff8eb;--ink:#25160e;--ink-soft:#6b4a38;--glass:#fffaee29;--glass-border:#ffffff52;--focus:#fff2a8;--shell:min(1700px, calc(100vw - 64px));--ease:cubic-bezier(.22, 1, .36, 1);background:#f5a338;font-family:Avenir Next,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--orange)}body{background:var(--orange);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{color:var(--ink);background:var(--yellow)}.shell{width:var(--shell);margin-inline:auto}.hero{--pointer-x:68%;--pointer-y:38%;color:#fff;isolation:isolate;background:#6f3a16;min-height:100svh;position:relative;overflow:clip}.hero__video,.hero__veil,.hero__pointer-light{width:100%;height:100%;position:absolute;inset:0}.hero__video{z-index:-4;object-fit:cover;filter:saturate(.82)sepia(.08)contrast(1.04)}.hero__veil{z-index:-3;background:linear-gradient(90deg,#231209b3 0%,#23120938 56%,#23120961 100%),linear-gradient(#140a054d 0%,#0000 35%,#1409038c 100%),radial-gradient(circle at 70% 33%,#ffaa2f40,#0000 34%)}.hero__pointer-light{z-index:-2;pointer-events:none;opacity:.68;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffd88447, transparent 21%);transition:background .16s linear}.site-header{z-index:20;border-bottom:1px solid #ffffff40;grid-template-columns:minmax(240px,1fr) auto minmax(120px,1fr);align-items:center;gap:24px;min-height:104px;display:grid;position:relative}.brand{align-items:center;width:max-content;min-height:48px;display:inline-flex}.brand-mark{place-items:center;width:42px;height:42px;margin-right:12px;display:grid}.brand-mark svg{width:100%;height:100%}.brand__name{letter-spacing:.08em;font-size:18px;font-weight:700}.brand__english{letter-spacing:.16em;opacity:.58;text-transform:uppercase;border-left:1px solid;margin-left:15px;padding-left:15px;font-size:10px;line-height:1.25}.desktop-nav{align-items:center;gap:clamp(24px,2.5vw,54px);display:flex}.desktop-nav a{letter-spacing:.05em;opacity:.82;place-items:center;min-height:48px;font-size:14px;transition:opacity .18s;display:grid;position:relative}.desktop-nav a:after{content:"";width:0;height:1px;transition:width .22s var(--ease), left .22s var(--ease);background:currentColor;position:absolute;bottom:5px;left:50%}.desktop-nav a:hover{opacity:1}.desktop-nav a:hover:after{width:100%;left:0}.header-actions{justify-content:flex-end;gap:10px;display:flex}.account-button{color:#fff;cursor:pointer;letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-size:11px;font-weight:700;display:inline-flex}.account-button span{color:#ffd77a}.account-button b{font:inherit}.experience-tab.is-locked{opacity:.58}.experience-tab.is-locked strong{color:#9a4b2a}.glass-surface{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);box-shadow:inset 0 1px #ffffff3d,0 18px 50px #3115041f}.menu-button{color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:background .18s,transform .18s;display:grid}.menu-button:hover{background:#ffffff3d}.menu-button:active{transform:scale(.94)}.menu-button svg{width:21px;height:21px}.menu-button,.mobile-nav{display:none}.hero__content{z-index:3;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;min-height:calc(100svh - 190px);padding-block:70px 100px;display:grid;position:relative}.hero__copy{z-index:3;max-width:1030px;position:relative}.hero__eyebrow,.section-kicker{letter-spacing:.2em;text-transform:uppercase;margin-bottom:26px;font-size:11px;font-weight:700}.hero__eyebrow:before,.section-kicker:before{content:"";opacity:.62;background:currentColor;width:42px;height:1px;margin:0 14px 4px 0;display:inline-block}.hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:1000px;margin:0;font-size:clamp(54px,7.1vw,126px);font-weight:620;line-height:.98}.hero h1 span{letter-spacing:-.035em;margin-top:.08em;font-family:Songti SC,STSong,Noto Serif SC,serif;font-style:italic;font-weight:400;display:block}.hero__copy>p{letter-spacing:.02em;opacity:.78;max-width:580px;margin:35px 0 0;font-size:clamp(16px,1.35vw,22px);line-height:1.75}.hero__actions{align-items:center;gap:30px;margin-top:42px;display:flex}.primary-link,.text-link{cursor:pointer;min-height:54px}.primary-link{color:#40200e;transition:transform .22s var(--ease), box-shadow .22s var(--ease);background:linear-gradient(135deg,#fff8dc,#ffc85b);border-radius:999px;align-items:center;gap:26px;padding:0 10px 0 24px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 12px 38px #ffb23d3d}.primary-link .icon{color:#fff;background:var(--orange-deep);border-radius:50%;width:38px;height:38px;padding:10px}.primary-link:hover{transform:translateY(-3px);box-shadow:0 18px 44px #ffb23d52}.primary-link:active{transform:scale(.97)}.text-link{opacity:.76;border-bottom:1px solid #ffffff70;place-items:center;font-size:14px;transition:opacity .18s;display:grid}.text-link:hover{opacity:1}.magic-signature{z-index:1;pointer-events:none;opacity:.9;mix-blend-mode:screen;width:min(35vw,530px);animation:5.4s ease-in-out infinite alternate wand-breathe;position:absolute;top:50%;right:clamp(-70px,1vw,20px);transform:translateY(-52%)rotate(5deg)}.magic-signature svg{width:100%;display:block}@keyframes wand-breathe{0%{filter:brightness(.94);transform:translateY(-52%)rotate(5deg)scale(.985)}to{filter:brightness(1.08);transform:translateY(-54%)rotate(3deg)scale(1.015)}}.hero__footer{z-index:4;letter-spacing:.15em;opacity:.66;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:end;font-size:10px;font-weight:650;display:grid;position:absolute;bottom:25px;left:0;right:0}.hero__footer>:last-child{justify-self:end}.scroll-cue{justify-items:center;gap:8px;display:grid}.scroll-cue__line{background:#ffffff40;width:1px;height:44px;display:block;position:relative;overflow:hidden}.scroll-cue__line:after{content:"";background:#fff;animation:2.2s ease-in-out infinite scroll-line;position:absolute;inset:0;transform:translateY(-100%)}@keyframes scroll-line{0%{transform:translateY(-100%)}45%,55%{transform:translateY(0)}to{transform:translateY(100%)}}.experience{background:linear-gradient(#f4a235 0%,#f59b2f 55%,#ec7d24 100%);min-height:100vh;padding-block:clamp(110px,11vw,190px) 100px;position:relative;overflow:hidden}.experience:before{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.experience__halo{aspect-ratio:1;filter:blur(35px);pointer-events:none;border-radius:50%;width:520px;position:absolute}.experience__halo--one{background:#ffde7866;top:8%;right:-180px}.experience__halo--two{background:#bc3a0d38;bottom:5%;left:-240px}.section-intro{z-index:1;grid-template-columns:minmax(220px,.55fr) minmax(600px,1.35fr) minmax(260px,.65fr);align-items:end;gap:30px;display:grid;position:relative}.section-kicker{color:#451e07ad;margin:0 0 12px}.section-intro h2,.contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(46px,5.8vw,100px);font-weight:600;line-height:1.02}.section-intro h2 em{letter-spacing:-.035em;font-family:Songti SC,STSong,serif;font-weight:400;display:block}.section-intro__body{color:#432311b3;max-width:360px;margin:0;font-size:16px;line-height:1.85}.experience-workbench{z-index:2;grid-template-columns:minmax(240px,.48fr) minmax(0,1.52fr);gap:clamp(30px,5vw,90px);margin-top:clamp(70px,8vw,130px);display:grid;position:relative}.experience-tabs{flex-direction:column;display:flex}.experience-tab{color:#401e0a94;text-align:left;cursor:pointer;min-height:118px;transition:color .22s ease, padding-left .26s var(--ease);background:0 0;border-top:1px solid #4e230b33;grid-template-columns:42px 1fr 42px;align-items:center;gap:14px;padding:20px 4px;display:grid}.experience-tab:last-child{border-bottom:1px solid #4e230b33}.experience-tab:hover,.experience-tab.is-active{color:var(--ink);padding-left:12px}.experience-tab__number{letter-spacing:.12em;font-size:11px;font-weight:700}.experience-tab small,.experience-tab strong{display:block}.experience-tab small{letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px;font-size:10px}.experience-tab strong{font-size:clamp(18px,1.5vw,25px);font-weight:650}.experience-tab__arrow{opacity:0;width:38px;height:38px;transition:opacity .22s ease, transform .22s var(--ease);border:1px solid;border-radius:50%;place-items:center;display:grid;transform:translate(-8px)}.experience-tab.is-active .experience-tab__arrow,.experience-tab:hover .experience-tab__arrow{opacity:1;transform:translate(0)}.experience-tab__arrow .icon{width:17px;height:17px}.experience-stage-wrap{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);align-items:end;gap:clamp(22px,3.4vw,60px);display:grid}.experience-stage{min-height:600px;animation:stage-arrive .52s var(--ease) both}@keyframes stage-arrive{0%{opacity:0;filter:blur(7px);transform:translateY(20px)scale(.985)}to{opacity:1;filter:none;transform:none}}.visual-panel{border:1px solid #fff4de85;border-radius:6px 72px 6px 6px;height:100%;min-height:600px;position:relative;overflow:hidden;box-shadow:0 45px 90px #5b240630}.stage-corner-label{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:22px;right:25px}.story-visual{background:linear-gradient(#6f93a0 0%,#cf8b4e 54%,#5a471d 100%)}.story-visual__sky{background:radial-gradient(circle at 71% 28%,#fff1b2e6,#0000 16%),linear-gradient(#2642532e,#0000 70%);position:absolute;inset:0}.story-visual__sun{aspect-ratio:1;background:#ffd87f;border-radius:50%;width:78px;position:absolute;top:19%;right:18%;box-shadow:0 0 70px 28px #ffd0696b}.story-visual__hill{border-radius:50% 50% 0 0;height:70%;position:absolute;bottom:-28%;left:-12%;right:-12%}.story-visual__hill--back{background:#87612e;bottom:-25%;left:22%;transform:rotate(-5deg)}.story-visual__hill--front{background:radial-gradient(at 70% 0,#ffce5959,#0000 24%),#30451f;transform:rotate(6deg)}.story-visual__caption{color:#fff;background:#161e1557;border-radius:4px 26px 4px 4px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;display:grid;position:absolute;bottom:10%;left:8%;right:8%}.story-visual__caption strong{font-size:clamp(18px,2vw,30px)}.story-visual__caption>span:last-child{opacity:.72;font-size:13px}.caption-speaker{border:1px solid #fff6;border-radius:999px;padding:8px 11px;font-size:11px}.word-chip{z-index:3;color:#44220d;background:#fff4c0eb;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:750;position:absolute;box-shadow:0 10px 30px #2e180a29}.word-chip--one{top:19%;left:10%;transform:rotate(-7deg)}.word-chip--two{top:34%;right:8%;transform:rotate(5deg)}.story-visual__firefly{aspect-ratio:1;background:#fff4a6;border-radius:50%;width:10px;animation:3.6s ease-in-out infinite alternate firefly;position:absolute;top:43%;left:47%;box-shadow:0 0 16px 8px #ffef78b8,0 0 48px 18px #ff9e3047}@keyframes firefly{0%{transform:translate(-25px,15px)}to{transform:translate(35px,-28px)}}.companion-visual{background:radial-gradient(circle at 72% 37%,#ffb9374d,#0000 28%),linear-gradient(145deg,#37160d,#752d11 55%,#c15116)}.companion-orbit{border:1px solid #ffca694d;border-radius:50%;position:absolute}.companion-orbit--one{aspect-ratio:1;width:70%;top:-25%;right:-10%}.companion-orbit--two{aspect-ratio:1;width:84%;bottom:-45%;right:9%}.flashcard{z-index:2;color:#51210c;background:#fff4d6d1;border-radius:5px 48px 5px 5px;flex-direction:column;width:min(52%,360px);min-height:390px;padding:32px;display:flex;position:absolute;top:11%;left:8%}.flashcard__index{letter-spacing:.16em;font-size:10px;font-weight:750}.flashcard strong{letter-spacing:-.06em;margin-top:auto;font-family:Georgia,serif;font-size:clamp(44px,5vw,78px);font-weight:400}.flashcard__phonetic{opacity:.52;margin-top:4px;font-size:15px}.flashcard__meaning{border-top:1px solid #51210c33;margin-top:28px;padding-top:17px;font-size:18px;font-weight:650}.pet-orb{z-index:3;filter:drop-shadow(0 26px 34px #270c0352);width:min(42%,300px);position:absolute;bottom:8%;right:5%}.pet-orb svg{width:100%;display:block}.pet-dialogue{z-index:4;color:#fff7e5;background:#fff7e11f;border-radius:20px 20px 4px;max-width:210px;padding:16px 19px;font-size:14px;position:absolute;top:14%;right:7%}.companion-visual .stage-corner-label{color:#fff4dc99}.practice-visual{background:linear-gradient(135deg,#fff7e8 0%,#f5c668 100%)}.practice-visual__glow{aspect-ratio:1;filter:blur(75px);background:#ff782185;border-radius:50%;width:58%;position:absolute;top:-20%;left:-8%}.practice-sheet{color:#3b210f;background:#fffdf59e;border-radius:5px 50px 5px 5px;flex-direction:column;padding:clamp(26px,4vw,56px);display:flex;position:absolute;inset:10% 8%}.practice-sheet__meta,.practice-sheet__footer{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.practice-sheet__prompt{max-width:700px;margin:auto 0 32px;font-family:Songti SC,STSong,serif;font-size:clamp(28px,4vw,57px);line-height:1.35}.practice-sheet__answer{flex-wrap:wrap;gap:9px;display:flex}.practice-sheet__answer span{cursor:pointer;background:#ffffff75;border:1px solid #3d210f2e;border-radius:999px;padding:9px 13px;font-family:Georgia,serif;font-size:clamp(17px,1.65vw,26px);transition:background .18s,transform .18s}.practice-sheet__answer span:hover{background:#fff;transform:translateY(-2px)}.practice-sheet__rule{background:#3d210f2e;height:1px;margin:28px 0 18px}.practice-sheet__footer{color:#3b210f8c;letter-spacing:.04em;text-transform:none}.check-mark{color:#fff;background:#98600f;border-radius:999px;padding:8px 13px}.experience-copy{padding-bottom:20px}.experience-copy>p{letter-spacing:.18em;text-transform:uppercase;opacity:.58;margin:0 0 15px;font-size:10px;font-weight:750}.experience-copy h3{letter-spacing:-.035em;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(30px,3vw,50px);font-weight:500;line-height:1.2}.experience-copy>span{color:#3f200ead;margin-top:25px;font-size:15px;line-height:1.85;display:block}.stage-link{min-height:50px;color:var(--ink);cursor:pointer;background:0 0;border-bottom:1px solid #25160e66;align-items:center;gap:18px;margin-top:30px;padding:0;font-size:14px;display:inline-flex}.stage-link .icon{width:18px}.stage-link--static{cursor:default;opacity:.68}.principle-line{z-index:2;letter-spacing:-.03em;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:24px;margin-top:clamp(100px,12vw,190px);font-family:Georgia,serif;font-size:clamp(22px,2.7vw,44px);font-style:italic;display:grid;position:relative}.principle-line i{background:#421e0947;height:1px}.contact{color:#fff8e9;background:radial-gradient(circle at 80% 15%,#ffa93d45,#0000 28%),linear-gradient(145deg,#351209 0%,#6c230e 56%,#9d3512 100%);min-height:92vh;padding-top:clamp(110px,10vw,180px);position:relative;overflow:hidden}.contact__light{aspect-ratio:1;border:1px solid #ffdc8e2e;border-radius:50%;width:760px;position:absolute;top:-300px;right:-230px;box-shadow:0 0 120px #ff8b2426,inset 0 0 120px #ffd37a1a}.contact__light:before,.contact__light:after{content:"";border:1px solid #ffdc8e1f;border-radius:50%;position:absolute}.contact__light:before{inset:13%}.contact__light:after{inset:27%}.contact__inner{z-index:2;flex-direction:column;min-height:92vh;display:flex;position:relative}.contact__heading{grid-template-columns:.52fr 1.48fr;align-items:start;display:grid}.section-kicker--light{color:#fff8e99e}.contact h2{max-width:1120px}.contact h2 span{margin-top:.12em;font-family:Songti SC,STSong,serif;font-style:italic;font-weight:400;display:block}.contact__details{width:min(850px,100%);margin-top:clamp(75px,8vw,125px);margin-left:auto}.contact-row{border-top:1px solid #fff4de40;grid-template-columns:120px 1fr auto;align-items:center;min-height:112px;display:grid}.contact-row:last-child{border-bottom:1px solid #fff4de40}.contact-row__label{opacity:.65;font-size:14px}.contact-row__value{font-family:Georgia,Songti SC,serif;font-size:clamp(30px,4vw,58px);font-style:italic}.contact-row__note{letter-spacing:.18em;opacity:.4;font-size:9px;font-weight:700}.footer{letter-spacing:.06em;opacity:.65;border-top:1px solid #fff4de2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:120px;margin-top:auto;font-size:11px;display:grid}.brand--footer{color:#fff8e9}.brand--footer .brand__name{font-size:15px}.footer p{margin:0}.footer>:last-child{justify-self:end}[data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(32px)}[data-reveal].is-visible{opacity:1;transform:none}.icon{width:24px;height:24px;display:block}@media (width<=1180px){:root{--shell:min(1700px, calc(100vw - 44px))}.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-button{display:grid}.mobile-nav{opacity:0;pointer-events:none;transform-origin:100% 0;width:min(360px,100vw - 44px);transition:opacity .18s ease, transform .22s var(--ease);border-radius:22px 4px 22px 22px;flex-direction:column;padding:16px;display:flex;position:absolute;top:88px;right:0;transform:translateY(-10px)scale(.98)}.mobile-nav.is-open{opacity:1;pointer-events:auto;transform:none}.mobile-nav a{border-bottom:1px solid #ffffff29;align-items:center;min-height:52px;padding:0 14px;font-size:14px;display:flex}.mobile-nav a:last-child{border-bottom:0}.section-intro{grid-template-columns:.55fr 1.45fr}.section-intro__body{grid-column:2;margin-top:10px}.experience-stage-wrap{grid-template-columns:1fr}.experience-copy{grid-template-columns:.7fr 1fr;align-items:start;gap:24px;display:grid}.experience-copy>p,.experience-copy h3{grid-column:1}.experience-copy>span,.stage-link{grid-column:2}.experience-copy>span{grid-row:1/span 2;margin-top:0}.stage-link{justify-self:start}}@media (width<=820px){:root{--shell:calc(100vw - 32px)}.site-header{min-height:82px}.brand__english{display:none}.brand-mark{width:37px;height:37px;margin-right:8px}.brand__name{font-size:16px}.menu-button{width:44px;height:44px}.mobile-nav{top:72px}.hero__content{align-items:flex-end;min-height:calc(100svh - 120px);padding-block:60px 130px;display:flex}.hero h1{font-size:clamp(48px,14.5vw,78px);line-height:1.02}.hero__copy>p{max-width:440px;margin-top:24px;font-size:16px;line-height:1.7}.hero__actions{gap:18px;margin-top:30px}.text-link{display:none}.magic-signature{opacity:.65;width:54vw;top:24%;right:-50px}.hero__footer{grid-template-columns:1fr auto}.hero__footer>:first-child{display:none}.scroll-cue{justify-self:start}.scroll-cue__line{height:32px}.section-intro{display:block}.section-intro h2,.contact h2{font-size:clamp(43px,11vw,70px)}.section-intro__body{max-width:540px;margin-top:25px}.experience-workbench{margin-top:64px;display:block}.experience-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.experience-tab{text-align:center;border:1px solid #4b20082e;border-radius:14px;justify-content:center;min-height:76px;padding:12px;display:flex}.experience-tab:last-child{border-bottom:1px solid #4b20082e}.experience-tab.is-active{color:#fff8ea;background:#471b05d1;padding-left:12px}.experience-tab__number,.experience-tab small,.experience-tab__arrow{display:none}.experience-tab strong{font-size:14px}.experience-stage{min-height:520px}.visual-panel{border-radius:4px 42px 4px 4px;min-height:520px}.story-visual__caption{grid-template-columns:1fr;gap:5px}.caption-speaker{display:none}.flashcard{width:62%;min-height:330px;padding:24px}.pet-orb{width:47%}.pet-dialogue{top:auto;bottom:42%;right:7%}.practice-sheet{inset:7%}.experience-copy{padding-top:28px;display:block}.experience-copy>span{margin-top:18px}.principle-line{gap:10px}.principle-line i{min-width:12px}.contact__heading{display:block}.contact__details{margin-top:70px}.footer{grid-template-columns:1fr auto}.footer p{display:none}}@media (width<=520px){.account-button{justify-content:center;width:44px;padding:0}.account-button b{display:none}.hero__eyebrow{margin-bottom:18px;font-size:9px}.hero h1{font-size:clamp(43px,12.5vw,62px)}.hero__actions{margin-top:26px}.primary-link{min-height:52px}.hero__footer>:last-child{text-align:right;max-width:130px}.experience{padding-top:90px}.section-kicker{letter-spacing:.14em;font-size:9px}.experience-stage,.visual-panel{min-height:460px}.word-chip--two{top:27%}.story-visual__caption{bottom:6%;left:5%;right:5%}.flashcard{width:72%;min-height:300px;top:8%;left:6%}.flashcard strong{font-size:48px}.pet-orb{width:49%;bottom:0;right:0}.pet-dialogue{display:none}.practice-sheet{padding:24px;inset:5%}.practice-sheet__prompt{font-size:28px}.practice-sheet__footer>:first-child{max-width:170px}.principle-line{grid-template-columns:1fr 1fr;gap:12px 18px;font-size:25px}.principle-line i{display:none}.contact,.contact__inner{min-height:100svh}.contact-row{grid-template-columns:72px 1fr}.contact-row__note{display:none}.contact-row__value{justify-self:end;font-size:32px}.footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:150px;display:flex}.footer>:last-child{justify-self:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface{background:#391a0bd1}.practice-sheet,.flashcard{background:#fff7e2f0}}