.hanai-site-error{--error-ink:#16233c;--error-body:#5c6b85;--error-muted:#5d6b84;--error-line:#ccd7ea;--error-blue:#3158d4;--error-blue-deep:#2448bd;--error-orange:#d1802a;box-sizing:border-box;min-height:100svh;color:var(--error-ink);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(58% 52% at 80% 40%,#cbdcff85,#0000 68%),radial-gradient(48% 44% at 12% 92%,#f0e2d257,#0000 70%),#f7f9fd;flex-direction:column;padding:clamp(20px,4.4vw,52px) clamp(20px,7vw,96px) clamp(18px,3vw,32px);font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.hanai-site-error *,.hanai-site-error :before,.hanai-site-error :after{box-sizing:border-box}.hanai-site-error a{text-decoration:none}.hanai-site-error p{margin:0}.hanai-site-error__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hanai-site-error__top{align-items:center;display:flex}.hanai-site-error__chip{color:#3d5389;letter-spacing:.01em;background:#ffffffbd;border:1px solid #3158d429;border-radius:999px;align-items:center;gap:9px;padding:7px 15px 7px 13px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 1px 2px #1727440a}.hanai-site-error__chip-dot{background:var(--error-blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3158d421}.hanai-site-error__content{flex:1;grid-template-columns:minmax(260px,.92fr) minmax(300px,1fr);align-self:center;align-items:center;gap:clamp(32px,6.5vw,92px);width:min(100%,1040px);padding:clamp(30px,6vh,64px) 0;display:grid}.hanai-site-error__art{isolation:isolate;place-items:center;min-width:0;min-height:min(340px,38vh);display:grid;position:relative}.hanai-site-error__glow{z-index:0;aspect-ratio:1;background:radial-gradient(circle,#3158d424,#3158d400 70%);border-radius:50%;width:min(78%,316px);position:absolute}.hanai-site-error__orbit{border:1px solid #3158d429;border-radius:50%;position:absolute}.hanai-site-error__orbit--outer{aspect-ratio:1;background:linear-gradient(150deg,#ffffff94,#fff0 62%);width:min(84%,340px);animation:68s linear infinite hanai-error-spin}.hanai-site-error__orbit--inner{aspect-ratio:1;border-style:dashed;border-color:#3158d442;width:min(67%,268px);animation:44s linear infinite hanai-error-spin-reverse}.hanai-site-error__number{z-index:1;color:var(--error-blue);font-variant-numeric:tabular-nums;letter-spacing:-.055em;text-indent:-.05em;text-shadow:0 14px 34px #3158d42e;font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:clamp(88px,12.5vw,156px);font-weight:600;line-height:1;animation:9s ease-in-out infinite hanai-error-float;position:relative}.hanai-site-error__spark{background:var(--error-orange);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 7px #d1802a21}.hanai-site-error__spark--one{top:15%;right:17%}.hanai-site-error__spark--two{background:#6989eb;width:6px;height:6px;bottom:17%;left:15%;box-shadow:0 0 0 6px #6989eb21}.hanai-site-error__copy{max-width:470px}.hanai-site-error__eyebrow,p.hanai-site-error__eyebrow{color:#54679b;letter-spacing:.06em;margin-bottom:16px;font-size:12.5px;font-weight:700}.hanai-site-error__copy h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:clamp(29px,3.5vw,43px);font-weight:600;line-height:1.3}.hanai-site-error__description,p.hanai-site-error__description{max-width:34ch;color:var(--error-body);margin-top:17px;font-size:16px;line-height:1.9}.hanai-site-error__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.hanai-site-error__button{min-height:48px;font:inherit;letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;padding:0 26px;font-size:14.5px;font-weight:650;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.hanai-site-error__button:hover{transform:translateY(-1px)}.hanai-site-error__button:active{transform:translateY(0)}.hanai-site-error__button:focus-visible{outline-offset:3px;outline:3px solid #3158d459}.hanai-site-error__button--primary{color:#fff;background:var(--error-blue);box-shadow:0 8px 20px #3158d433}.hanai-site-error__button--primary:hover,.hanai-site-error__button--primary:focus,.hanai-site-error__button--primary:visited,.hanai-site-error__button--primary:active{color:#fff}.hanai-site-error__button--primary:hover{background:var(--error-blue-deep);box-shadow:0 11px 26px #3158d442}.hanai-site-error__button--secondary{color:#33445f;border-color:var(--error-line);background:#fbfcff}.hanai-site-error__button--secondary:hover{background:#fff;border-color:#aebde0}.hanai-site-error__button--secondary:hover,.hanai-site-error__button--secondary:focus,.hanai-site-error__button--secondary:visited,.hanai-site-error__button--secondary:active{color:#33445f}.hanai-site-error__footer{color:var(--error-muted);border-top:1px solid #1d315814;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;font-size:12.5px;display:flex}.hanai-site-error__hint{letter-spacing:.01em}.hanai-site-error__contact{color:#3d5490;text-underline-offset:4px;font-weight:600;-webkit-text-decoration:underline #3d549061;text-decoration:underline #3d549061;transition:color .18s,text-decoration-color .18s}.hanai-site-error__contact:hover{color:#2448bd;text-decoration-color:currentColor}@media (width<=760px){.hanai-site-error__content{grid-template-columns:1fr;gap:6px;padding:26px 0 34px}.hanai-site-error__art{min-height:186px}.hanai-site-error__glow{width:min(72%,240px)}.hanai-site-error__orbit--outer{width:min(78%,250px)}.hanai-site-error__orbit--inner{width:min(62%,198px)}.hanai-site-error__spark--one{top:9%;right:12%}.hanai-site-error__spark--two{bottom:11%;left:12%}.hanai-site-error__number{font-size:clamp(76px,25vw,112px)}.hanai-site-error__copy{text-align:center;margin:0 auto}.hanai-site-error__description{margin-inline:auto}.hanai-site-error__actions{justify-content:center;margin-top:28px}.hanai-site-error__footer{text-align:center;flex-direction:column;align-items:center;gap:10px}}@media (height<=620px){.hanai-site-error__content{padding:18px 0 24px}.hanai-site-error__art{min-height:168px}}@media (prefers-reduced-motion:reduce){.hanai-site-error__number,.hanai-site-error__orbit--outer,.hanai-site-error__orbit--inner{animation:none}.hanai-site-error__button,.hanai-site-error__contact{transition:none}.hanai-site-error__button:hover{transform:none}}@keyframes hanai-error-float{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}@keyframes hanai-error-spin{0%{transform:rotate(-16deg)}to{transform:rotate(344deg)}}@keyframes hanai-error-spin-reverse{0%{transform:rotate(24deg)}to{transform:rotate(-336deg)}}.hanai-maintenance-banner{border:1px solid var(--tone-warn,#d0a24c);background:color-mix(in srgb, var(--tone-warn,#d0a24c) 10%, transparent);max-width:1180px;color:inherit;border-left-width:4px;border-radius:12px;align-items:flex-start;gap:10px;margin:0 auto 14px;padding:11px 14px;font-size:13px;line-height:1.6;display:flex}.hanai-maintenance-banner.tone-outage{border-color:var(--tone-bad,#c2564f);background:color-mix(in srgb, var(--tone-bad,#c2564f) 11%, transparent)}.hanai-maintenance-banner.tone-warning{border-color:var(--tone-warn,#d0a24c);background:color-mix(in srgb, var(--tone-warn,#d0a24c) 10%, transparent)}.hanai-maintenance-banner.tone-information{border-color:var(--tone-accent,#4a7fd4);background:color-mix(in srgb, var(--tone-accent,#4a7fd4) 10%, transparent)}.hanai-maintenance-banner.tone-operational{border-color:var(--tone-ok,#4f9d69);background:color-mix(in srgb, var(--tone-ok,#4f9d69) 10%, transparent)}.hanai-maintenance-banner.tone-none{border-color:var(--pa-border,#7f7f7f59);background:color-mix(in srgb, currentColor 5%, transparent)}.hanai-maintenance-banner__badge{background:color-mix(in srgb, currentColor 12%, transparent);letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:800}.hanai-maintenance-banner__body{gap:3px;min-width:0;display:grid}.hanai-maintenance-banner__headline{overflow-wrap:anywhere;margin:0;font-size:13.5px;font-weight:750}.hanai-maintenance-banner__meta{opacity:.82;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:12px;display:flex}.hanai-maintenance-banner__note{opacity:.9;overflow-wrap:anywhere;margin:0;font-size:12px}.hanai-maintenance-banner__note code{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}.tt-screen-demo,.tt-screen-demo *{box-sizing:border-box}.tt-screen-demo{background:var(--t-bg);width:100%;min-width:0;height:100%;color:var(--t-text);flex-direction:column;font-size:11px;display:flex;overflow:hidden}.tt-screen-demo button,.tt-screen-demo input{font:inherit}.tt-screen-demo button{color:inherit;cursor:pointer}.tt-screen-demo button:focus-visible,.tt-screen-demo input:focus-visible{outline:2px solid var(--t-accent);outline-offset:1px}.tt-screen-topbar{border-bottom:1px solid var(--t-borderColor);background:var(--t-bg);flex:0 0 38px;justify-content:space-between;align-items:center;gap:10px;min-width:0;height:38px;padding:0 12px;display:flex}.tt-screen-title{color:var(--t-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.tt-screen-subtitle{color:var(--t-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.tt-btn,.tt-icon-btn{border:1px solid var(--t-borderColor);background:var(--t-elevated);min-width:0;color:var(--t-body);border-radius:6px;justify-content:center;align-items:center;gap:5px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.tt-btn{white-space:nowrap;min-height:27px;padding:0 9px}.tt-icon-btn{width:24px;height:24px;color:var(--t-muted);background:0 0;border-color:#0000;flex:0 0 24px;padding:0}.tt-btn:hover,.tt-icon-btn:hover{border-color:var(--t-accent);background:var(--t-accentBg);color:var(--t-accent)}.tt-btn.is-primary{border-color:var(--t-accent);background:var(--t-accent);color:#fff;font-weight:600}.tt-btn.is-primary:hover{background:var(--t-accentHover);color:#fff}.tt-btn.is-active{border-color:var(--t-accent);background:var(--t-accentBg);color:var(--t-accent);font-weight:600}.tt-screen-input{border:1px solid var(--t-borderColor);background:var(--t-elevated);width:100%;min-width:0;height:29px;color:var(--t-text);border-radius:6px;padding:0 9px}.tt-screen-input::placeholder{color:var(--t-muted);opacity:1}.tt-qb-toolbar{border-bottom:1px solid var(--t-borderColor);justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:5px 10px;display:flex}.tt-qb-crumb{min-width:0;color:var(--t-muted);white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.tt-qb-crumb strong{color:var(--t-text);text-overflow:ellipsis;overflow:hidden}.tt-qb-searchbar{border-bottom:1px solid var(--t-borderColor);align-items:center;gap:7px;min-height:39px;padding:5px 10px;display:flex}.tt-qb-search{flex:1;min-width:0;position:relative}.tt-qb-search svg{color:var(--t-muted);pointer-events:none;position:absolute;top:8px;left:8px}.tt-qb-search .tt-screen-input{padding-left:27px}.tt-qb-list{flex:1;min-height:0;padding:8px 10px;overflow:auto}.tt-qb-row{border:1px solid var(--t-borderColor);background:var(--t-surface);border-radius:9px;grid-template-columns:14px minmax(23px,auto) minmax(0,1fr) auto;align-items:center;gap:7px;min-height:54px;margin-bottom:6px;padding:6px 7px;display:grid;box-shadow:0 1px 2px #1a1b2209}.tt-qb-row input[type=checkbox]{width:13px;height:13px;accent-color:var(--t-accent);margin:0}.tt-qb-kind{background:var(--t-accentBg);min-width:23px;height:23px;color:var(--t-accent);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.tt-qb-copy{min-width:0}.tt-qb-stem{color:var(--t-text);text-overflow:ellipsis;font-size:11px;line-height:1.5;display:block;overflow:hidden}.tt-qb-meta{color:var(--t-muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:9px;display:flex}.tt-qb-tag{background:var(--t-accentBg);color:var(--t-accent);border-radius:10px;padding:1px 6px}.tt-qb-tag.is-neutral{background:var(--t-elevated);color:var(--t-muted)}.tt-qb-actions{align-items:center;gap:1px;display:flex}.tt-qb-stars{color:var(--t-gold);gap:1px;display:flex}.tt-qb-inline-form{border-bottom:1px solid var(--t-borderColor);background:var(--t-surface);gap:6px;padding:7px 10px;display:flex}.tt-qb-expanded{background:var(--t-elevated);color:var(--t-muted);border-radius:5px;margin:4px 0 2px;padding:5px 7px}.tt-listen-layout{grid-template-columns:76px 102px minmax(0,1fr);width:100%;min-width:0;height:100%;display:grid;overflow:hidden}.tt-listen-workspace{position:relative}.tt-listen-pane{border-right:1px solid var(--t-borderColor);background:var(--t-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tt-listen-pane-title{border-bottom:1px solid var(--t-borderColor);height:30px;color:var(--t-text);flex:0 0 30px;align-items:center;padding:0 8px;font-size:10px;font-weight:700;display:flex}.tt-listen-category,.tt-listen-track{width:100%;min-width:0;color:var(--t-body);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:6px 8px;display:flex}.tt-listen-category:hover,.tt-listen-track:hover{background:var(--t-hoverBg)}.tt-listen-category.is-active,.tt-listen-track.is-active{background:var(--t-accentBg);color:var(--t-accent);font-weight:700}.tt-listen-category{min-height:28px;font-size:10px}.tt-listen-track{align-items:flex-start;padding:8px 7px;font-size:10px}.tt-listen-track-icon{background:var(--t-elevated);width:22px;height:22px;color:var(--t-accent);border-radius:7px;flex:0 0 22px;place-items:center;display:grid}.tt-listen-track.is-active .tt-listen-track-icon{background:var(--t-accent);color:#fff}.tt-listen-track-title{color:var(--t-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.tt-listen-workspace{background:var(--t-bg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tt-listen-titlebar,.tt-listen-trackbar{border-bottom:1px solid var(--t-borderColor);justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:34px;padding:4px 9px;display:flex}.tt-listen-trackbar{min-height:32px;color:var(--t-muted);font-size:9px}.tt-listen-player{border:1px solid var(--t-borderColor);background:var(--t-elevated);box-shadow:var(--t-shadow);border-radius:9px;margin:7px 8px 5px;padding:7px 9px 6px}.tt-listen-waveform{background:var(--t-bg);border-radius:5px;justify-content:center;align-items:center;gap:2px;height:49px;display:flex;overflow:hidden}.tt-listen-waveform span{background:#a8bde9;border-radius:3px;width:3px;min-height:5px;max-height:34px}.tt-listen-waveform span.is-played{background:var(--t-accent)}.tt-listen-progress{color:var(--t-muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:4px;font-size:9px;display:flex}.tt-listen-progress-track{background:var(--t-borderColor);border-radius:3px;flex:1;height:3px;overflow:hidden}.tt-listen-controls{align-items:center;gap:3px;min-height:29px;margin-top:2px;display:flex}.tt-listen-play{background:var(--t-accent);border:0;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid;color:#fff!important}.tt-listen-play:hover{background:var(--t-accentHover)}.tt-listen-volume{width:45px;height:3px;accent-color:var(--t-accent)}.tt-listen-subtitle-toolbar{border-bottom:1px solid var(--t-borderColor);justify-content:space-between;align-items:center;gap:5px;min-height:34px;padding:4px 8px;display:flex}.tt-listen-lang-toggles,.tt-listen-actions{align-items:center;gap:5px;min-width:0;display:flex}.tt-listen-lang-toggle{color:var(--t-body);white-space:nowrap;align-items:center;gap:3px;font-size:9px;display:inline-flex}.tt-listen-lang-toggle input{width:12px;height:12px;accent-color:var(--t-accent);margin:0}.tt-listen-actions .tt-btn{min-height:23px;padding:0 5px;font-size:8px}.tt-listen-translations{flex-direction:column;flex:1;gap:5px;min-height:0;padding:7px 8px;display:flex;overflow:auto}.tt-listen-line{border:1px solid var(--t-borderColor);background:var(--t-surface);text-align:left;border-radius:8px;align-items:center;gap:6px;min-height:46px;padding:6px 8px;transition:border-color .14s,background .14s;display:grid}.tt-listen-line.is-active{border-color:var(--t-accent);background:var(--t-accentBg)}.tt-listen-line-cell{overflow-wrap:anywhere;min-width:0;color:var(--t-body);font-size:9px;line-height:1.45}.tt-listen-line-cell.is-zh{color:var(--t-text);font-size:10px;font-weight:600}.tt-radical-shell{flex:1;grid-template-columns:116px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.tt-radical-sidebar{border-right:1px solid var(--t-borderColor);background:var(--t-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tt-radical-tabs{grid-template-columns:1fr 1fr;gap:4px;padding:7px 7px 5px;display:grid}.tt-radical-tabs button{min-width:0;height:25px;color:var(--t-muted);background:0 0;border:1px solid #0000;border-radius:6px;font-weight:600}.tt-radical-tabs button.is-active{border-color:var(--t-accent);background:var(--t-accent);color:#fff}.tt-radical-sidebar-heading{color:var(--t-body);padding:5px 9px;font-size:9px;font-weight:700}.tt-radical-levels{flex:1;min-height:0;overflow:auto}.tt-radical-level{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:32px;padding:0 9px;display:flex}.tt-radical-level.is-active{background:var(--t-accentBg);color:var(--t-accent);font-weight:700}.tt-radical-level-count{color:var(--t-muted);font-size:9px}.tt-radical-content{min-width:0;padding:10px;overflow:auto}.tt-radical-search{border:1px solid var(--t-borderColor);background:var(--t-elevated);border-radius:7px;align-items:center;gap:4px;max-width:190px;height:28px;padding:2px;display:flex}.tt-radical-search input{width:42px;min-width:0;height:23px;color:var(--t-text);text-align:center;background:0 0;border:0;outline:0;font-size:14px;font-weight:700}.tt-radical-search button{background:var(--t-accent);color:#fff;border:0;border-radius:5px;height:22px;padding:0 8px;font-size:9px;font-weight:600}.tt-radical-character-summary{justify-content:center;align-items:center;gap:12px;margin:4px 0 10px;display:flex}.tt-radical-glyph{border:1px solid var(--t-borderColor);background-color:var(--t-surface);width:82px;height:82px;color:var(--t-text);background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#7387b21f 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#7387b21f 50%,#0000 calc(50% + .5px));border-radius:7px;flex:0 0 82px;place-items:center;font-family:Noto Serif SC,KaiTi,STKaiti,serif;font-size:59px;font-weight:700;display:grid;position:relative}.tt-radical-summary-meta{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.tt-radical-pinyin{color:var(--t-text);font-size:22px;font-weight:500;line-height:1}.tt-radical-tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.tt-radical-tag{background:var(--t-accentBg);color:var(--t-accent);white-space:nowrap;border-radius:12px;padding:3px 6px;font-size:8px;font-weight:600}.tt-radical-actions{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px;display:flex}.tt-radical-actions .tt-btn{min-height:24px;padding:0 6px;font-size:8px}.tt-radical-card{border:1px solid var(--t-borderColor);background:var(--t-elevated);box-shadow:var(--t-shadow);border-radius:9px;margin-top:7px;overflow:hidden}.tt-radical-card-head{border-bottom:1px solid var(--t-borderColor);min-height:31px;color:var(--t-text);align-items:center;gap:6px;padding:0 9px;font-weight:700;display:flex}.tt-radical-card-head small{color:var(--t-muted);margin-left:auto;font-size:8px;font-weight:400}.tt-radical-dict-head,.tt-radical-dict-row{grid-template-columns:52px 42px minmax(0,1fr) minmax(0,1fr);gap:7px;padding:6px 9px;display:grid}.tt-radical-dict-head{color:var(--t-muted);font-size:8px;font-weight:700}.tt-radical-dict-row{border-top:1px solid var(--t-borderColor);color:var(--t-body);font-size:9px}.tt-radical-dict-row strong{color:var(--t-accent);font-size:11px}.tt-radical-breakdown{align-items:center;gap:7px;padding:8px;display:flex;overflow-x:auto}.tt-radical-part{border:1px solid var(--t-borderColor);background:var(--t-surface);width:44px;height:44px;color:var(--t-text);border-radius:5px;flex:0 0 44px;place-items:center;font-family:Noto Serif SC,KaiTi,serif;font-size:30px;font-weight:700;display:grid}.tt-radical-equation{color:var(--t-muted);font-size:17px}.tt-stroke-heading{align-items:baseline;gap:7px;min-width:0;display:flex}.tt-stroke-modes{background:var(--t-surface);border-radius:7px;gap:3px;padding:2px;display:flex}.tt-stroke-modes button{height:25px;color:var(--t-muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:0 7px;font-size:9px;display:inline-flex}.tt-stroke-modes button.is-active{background:var(--t-elevated);color:var(--t-accent);font-weight:700;box-shadow:0 1px 3px #1a1b2217}.tt-stroke-body{flex:1;grid-template-columns:minmax(0,1fr) 132px;min-height:0;display:grid;overflow:hidden}.tt-stroke-canvas-side{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:5px 8px;display:flex;overflow:hidden}.tt-stroke-wordbar{justify-content:center;align-items:center;gap:8px;min-height:35px;display:flex}.tt-stroke-wordbar strong{color:#5146e5;font-size:29px;font-weight:700}.tt-stroke-audio{color:#5146e5;background:#eef1ff;border:1px solid #cbd4ff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tt-stroke-grid{aspect-ratio:1;touch-action:none;background-color:#f9faff;background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#d9e2fb 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#d9e2fb 50%,#0000 calc(50% + .5px)),linear-gradient(45deg,#0000 49.8%,#b9c7e859 50%,#0000 50.2%),linear-gradient(-45deg,#0000 49.8%,#b9c7e859 50%,#0000 50.2%);border:1px solid #ccd6f0;place-items:center;width:min(100%,390px);max-height:calc(100% - 38px);display:grid;position:relative;overflow:hidden}.tt-stroke-character{color:#201b4a;-webkit-user-select:none;user-select:none;font-family:KaiTi,STKaiti,Noto Serif SC,serif;font-size:clamp(150px,25vw,270px);font-weight:700;line-height:1}.tt-stroke-guide{color:#201b4a24;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:KaiTi,STKaiti,Noto Serif SC,serif;font-size:clamp(150px,25vw,270px);font-weight:700;line-height:1;position:absolute}.tt-stroke-grid svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tt-stroke-grid path{fill:none;stroke:#201b4a;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}.tt-stroke-list{border-left:1px solid var(--t-borderColor);background:var(--t-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tt-stroke-list-head{border-bottom:1px solid var(--t-borderColor);min-height:34px;color:var(--t-text);justify-content:space-between;align-items:center;gap:4px;padding:0 8px;font-size:9px;font-weight:700;display:flex}.tt-stroke-rows{flex:1;min-height:0;padding:3px 5px;overflow:auto}.tt-stroke-row{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;width:100%;min-height:43px;padding:3px;display:flex}.tt-stroke-row:hover,.tt-stroke-row.is-active{background:var(--t-accentBg)}.tt-stroke-row-number{color:#fff;background:#d4dce8;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:8px;font-weight:700;display:grid}.tt-stroke-row.is-active .tt-stroke-row-number{background:var(--t-accent)}.tt-stroke-thumb{border:1px solid var(--t-borderColor);background:var(--t-elevated);border-radius:5px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.tt-stroke-thumb svg{width:24px;height:24px}.tt-stroke-thumb path{fill:none;stroke:#201b4a;stroke-linecap:round;stroke-width:3px}.tt-stroke-row-label{color:var(--t-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.tt-stroke-controls{border-top:1px solid var(--t-borderColor);background:var(--t-elevated);flex:0 0 38px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:3px 7px;display:flex}.tt-stroke-controls .tt-btn{color:#5146e5;min-height:27px;padding:0 7px;font-size:9px}.tt-stroke-counter{min-width:32px;color:var(--t-text);text-align:center;font-size:10px;font-weight:700}@media (width<=900px){.tt-qb-row{grid-template-columns:13px minmax(22px,auto) minmax(0,1fr) auto;gap:5px;padding:5px}.tt-qb-actions .tt-icon-btn{flex-basis:19px;width:19px}.tt-listen-layout{grid-template-columns:62px 87px minmax(0,1fr)}.tt-listen-actions .tt-btn{width:23px;padding:0;font-size:0;overflow:hidden}.tt-listen-actions .tt-btn svg{flex:0 0 11px;width:11px;height:11px}.tt-listen-volume{width:30px}.tt-stroke-body{grid-template-columns:minmax(0,1fr) 115px}.tt-stroke-controls .tt-btn{gap:3px;padding:0 5px;font-size:8px}}@media (width<=620px){.tt-radical-shell{grid-template-columns:88px minmax(0,1fr)}.tt-radical-dict-head,.tt-radical-dict-row{grid-template-columns:38px 28px minmax(0,1fr) minmax(0,1fr);gap:4px;padding-left:6px;padding-right:6px}.tt-stroke-body{grid-template-columns:minmax(0,1fr) 102px}.tt-stroke-heading .tt-screen-subtitle{display:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.-top-14{top:calc(var(--spacing) * -14)}.-top-40{top:calc(var(--spacing) * -40)}.top-0{top:0}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-16{top:calc(var(--spacing) * 16)}.top-\[13px\]{top:13px}.top-\[38\%\]{top:38%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-10{right:calc(var(--spacing) * -10)}.-right-24{right:calc(var(--spacing) * -24)}.-right-32{right:calc(var(--spacing) * -32)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-32{bottom:calc(var(--spacing) * -32)}.-bottom-44{bottom:calc(var(--spacing) * -44)}.bottom-0{bottom:0}.bottom-\[13px\]{bottom:13px}.-left-44{left:calc(var(--spacing) * -44)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-\[17px\]{left:17px}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-11{margin-top:calc(var(--spacing) * 11)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-\[1\.5px\]{margin-top:1.5px}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-44{height:calc(var(--spacing) * 44)}.h-\[2\.5px\]{height:2.5px}.h-\[6px\]{height:6px}.h-\[34px\]{height:34px}.h-\[350px\]{height:350px}.h-\[380px\]{height:380px}.h-\[420px\]{height:420px}.h-\[440px\]{height:440px}.h-\[500px\]{height:500px}.h-\[640px\]{height:640px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-\[460px\]{min-height:460px}.min-h-\[580px\]{min-height:580px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-44{width:calc(var(--spacing) * 44)}.w-\[34px\]{width:34px}.w-\[58\%\]{width:58%}.w-\[64px\]{width:64px}.w-\[150px\]{width:150px}.w-\[170px\]{width:170px}.w-\[350px\]{width:350px}.w-\[420px\]{width:420px}.w-\[440px\]{width:440px}.w-\[500px\]{width:500px}.w-\[820px\]{width:820px}.w-\[880px\]{width:880px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[78\%\]{max-width:78%}.max-w-\[86\%\]{max-width:86%}.max-w-\[640px\]{max-width:640px}.max-w-\[740px\]{max-width:740px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1560px\]{max-width:1560px}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[2\.5px\]{gap:2.5px}.gap-px{gap:1px}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5px\]{border-radius:1.5px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#3158d4\]{border-color:#3158d4}.border-\[\#3158d4\]\/10{border-color:oklab(50.9836% -.0132522 -.195449/.1)}.border-\[\#b9c9e8\]{border-color:#b9c9e8}.border-\[\#cddcf5\]{border-color:#cddcf5}.border-\[\#cde3cf\]{border-color:#cde3cf}.border-\[\#cde8cd\]{border-color:#cde8cd}.border-\[\#d4e0f0\]{border-color:#d4e0f0}.border-\[\#d6e1f2\]{border-color:#d6e1f2}.border-\[\#d7e2f2\]{border-color:#d7e2f2}.border-\[\#d8e4f5\]{border-color:#d8e4f5}.border-\[\#dbe4f2\]{border-color:#dbe4f2}.border-\[\#dde6f2\]{border-color:#dde6f2}.border-\[\#dfe7f2\]{border-color:#dfe7f2}.border-\[\#dfe7f3\]{border-color:#dfe7f3}.border-\[\#e2e8f2\]{border-color:#e2e8f2}.border-\[\#e2ecf7\]{border-color:#e2ecf7}.border-\[\#e3ecf7\]{border-color:#e3ecf7}.border-\[\#e3ecf9\]{border-color:#e3ecf9}.border-\[\#e8eef8\]{border-color:#e8eef8}.border-\[\#edf2fa\]{border-color:#edf2fa}.border-\[\#eef2f9\]{border-color:#eef2f9}.border-\[\#f0e0bd\]{border-color:#f0e0bd}.border-\[\#f0f4fa\]{border-color:#f0f4fa}.border-\[\#f4cdd2\]{border-color:#f4cdd2}.bg-\[\#40a02b\]{background-color:#40a02b}.bg-\[\#3158d4\]{background-color:#3158d4}.bg-\[\#3158d4\]\/70{background-color:oklab(50.9836% -.0132522 -.195449/.7)}.bg-\[\#e2e9f4\]{background-color:#e2e9f4}.bg-\[\#e4ecfb\]{background-color:#e4ecfb}.bg-\[\#e8eef7\]{background-color:#e8eef7}.bg-\[\#eaf1ff\]{background-color:#eaf1ff}.bg-\[\#eef2f8\]{background-color:#eef2f8}.bg-\[\#eef2f9\]{background-color:#eef2f9}.bg-\[\#eef3ff\]{background-color:#eef3ff}.bg-\[\#eef7ee\]{background-color:#eef7ee}.bg-\[\#f0f4fa\]{background-color:#f0f4fa}.bg-\[\#f0f9f1\]{background-color:#f0f9f1}.bg-\[\#f2f6fc\]{background-color:#f2f6fc}.bg-\[\#f2faf1\]{background-color:#f2faf1}.bg-\[\#f4f6fa\]{background-color:#f4f6fa}.bg-\[\#f4f8ff\]{background-color:#f4f8ff}.bg-\[\#f5f8fd\]{background-color:#f5f8fd}.bg-\[\#f6fbf5\]{background-color:#f6fbf5}.bg-\[\#f7f9fd\]{background-color:#f7f9fd}.bg-\[\#fbfdff\]{background-color:#fbfdff}.bg-\[\#fdeef0\]{background-color:#fdeef0}.bg-\[\#fdf6e7\]{background-color:#fdf6e7}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#3158d4\]\/60{--tw-gradient-from:oklab(50.9836% -.0132522 -.195449/.6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#c3d2ea\]{--tw-gradient-via:#c3d2ea;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[2\.5px\]{padding-block:2.5px}.py-\[9px\]{padding-block:9px}.py-\[10px\]{padding-block:10px}.py-\[17px\]{padding-block:17px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[34px\]{font-size:34px}.text-\[clamp\(20px\,2\.2vw\,30px\)\]{font-size:clamp(20px,2.2vw,30px)}.text-\[clamp\(26px\,2\.9vw\,36px\)\]{font-size:clamp(26px,2.9vw,36px)}.text-\[clamp\(40px\,5\.2vw\,76px\)\]{font-size:clamp(40px,5.2vw,76px)}.leading-3\.5{--tw-leading:calc(var(--spacing) * 3.5);line-height:calc(var(--spacing) * 3.5)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.26em\]{--tw-tracking:.26em;letter-spacing:.26em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1b2f56\]{color:#1b2f56}.text-\[\#3d7a43\]{color:#3d7a43}.text-\[\#4b5870\]{color:#4b5870}.text-\[\#4d7a44\]{color:#4d7a44}.text-\[\#5a6a85\]{color:#5a6a85}.text-\[\#7c8aa0\]{color:#7c8aa0}.text-\[\#8b9bb2\]{color:#8b9bb2}.text-\[\#8ba6d6\]{color:#8ba6d6}.text-\[\#8fb0e6\]{color:#8fb0e6}.text-\[\#9aa9bf\]{color:#9aa9bf}.text-\[\#9db4dd\]{color:#9db4dd}.text-\[\#40a02b\]{color:#40a02b}.text-\[\#3158d4\]{color:#3158d4}.text-\[\#13203a\]{color:#13203a}.text-\[\#61708a\]{color:#61708a}.text-\[\#182742\]{color:#182742}.text-\[\#a3b2c8\]{color:#a3b2c8}.text-\[\#a9c1ea\]{color:#a9c1ea}.text-\[\#b07b12\]{color:#b07b12}.text-\[\#c9434e\]{color:#c9434e}.text-\[\#cfd8e8\]{color:#cfd8e8}.text-\[\#df8e1d\]{color:#df8e1d}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-\[0_10px_26px_rgba\(76\,105\,168\,0\.08\)\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#4c69a814);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.will-change-transform{will-change:transform}@media (hover:hover){.group-hover\/link\:text-\[\#7d9ff0\]:is(:where(.group\/link):hover *){color:#7d9ff0}.group-hover\/link\:text-\[\#3158d4\]:is(:where(.group\/link):hover *){color:#3158d4}}.placeholder\:text-\[\#9fb0c8\]::placeholder{color:#9fb0c8}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[\#3158d4\]\/50:focus-within{border-color:oklab(50.9836% -.0132522 -.195449/.5)}.focus-within\:shadow-\[0_10px_26px_rgba\(49\,88\,212\,0\.14\)\]:focus-within{--tw-shadow:0 10px 26px var(--tw-shadow-color,#3158d424);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:bg-\[\#2446b5\]:hover{background-color:#2446b5}.hover\:text-\[\#3158d4\]:hover{color:#3158d4}.hover\:shadow-\[0_8px_18px_rgba\(49\,88\,212\,0\.3\)\]:hover{--tw-shadow:0 8px 18px var(--tw-shadow-color,#3158d44d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:flex{display:flex}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.sm\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.sm\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}.sm\:flex-row{flex-direction:row}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=48rem){.md\:mt-14{margin-top:calc(var(--spacing) * 14)}.md\:mt-20{margin-top:calc(var(--spacing) * 20)}.md\:mt-24{margin-top:calc(var(--spacing) * 24)}.md\:h-\[560px\]{height:560px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-14{gap:calc(var(--spacing) * 14)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (width>=64rem){.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1fr_1\.55fr\]{grid-template-columns:1fr 1.55fr}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:px-\[42px\]{padding-inline:42px}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}}@media (width>=80rem){.xl\:min-h-0{min-height:0}.xl\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.xl\:gap-20{gap:calc(var(--spacing) * 20)}.xl\:gap-24{gap:calc(var(--spacing) * 24)}.xl\:gap-x-10{column-gap:calc(var(--spacing) * 10)}}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--primary-soft:#dbeafe;--accent:#2563eb;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--bg-white:#fff;--bg-page:#f8fafc;--bg-soft:#f1f5f9;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000000f;--shadow-xl:0 20px 25px -5px #00000014;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary);font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}::selection{color:var(--text-primary);background:#2563eb1f}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.reveal-delay-3{transition-delay:.36s}.reveal-delay-4{transition-delay:.48s}.reveal-fade{opacity:0;transition:opacity .9s var(--ease-out)}.reveal-fade.visible{opacity:1}@media (prefers-reduced-motion:reduce){.reveal,.reveal-fade{opacity:1;transition:none;transform:none}.feature-card{opacity:1!important;animation:none!important;transform:none!important}.marquee-track{animation:none!important}}a:not([class*=no-underline]){text-decoration:none}:root{--primary:#3158d4;--primary-dark:#2446b5;--accent:#3158d4;--text-primary:#13203a;--text-secondary:#4b5870;--text-muted:#748098;--bg-page:#f1f5ff;--bg-soft:#eef2fa;--border-light:#d7dfed;--border-medium:#cbd5ee}body{color:#13203a;background:#f1f5ff}h1,h2,h3,h4,h5,h6{font-family:Noto Serif SC,Georgia,Songti SC,serif}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f4f8ffdb 0%,#f4f8ff8a 58%,#f4f8ff00 100%);height:72px;position:fixed;inset:0 0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;height:100%;margin:0 auto;padding:0 40px;display:flex}.site-logo{color:#13203a;letter-spacing:-.03em;flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-logo b{color:#13203a;letter-spacing:-.04em;font-family:Inter,Noto Sans SC,sans-serif;font-size:19px;font-weight:700;line-height:1;display:block}.site-logo b span{color:#3d6ed6}.site-logo small{color:#94a3bc;letter-spacing:.16em;margin-top:4px;font-size:8px;font-weight:700;display:block}.site-nav{align-items:center;gap:clamp(22px,2.5vw,40px);margin-left:auto;display:flex}.site-nav a{color:#4b5870;padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.site-nav a:after{content:"";width:0;height:2px;transition:width .3s var(--ease-out);background:#3d6ed6;border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.site-nav a:hover{color:#13203a}.site-nav a:hover:after{width:100%}.site-actions{flex:none;align-items:center;gap:15px;display:flex}.site-actions a{color:#4b5870;font-size:15px;font-weight:500;transition:color .25s}.site-actions a:hover{color:#13203a}.site-actions a:not(.site-header__cta){padding:6px 0;position:relative}.site-actions a:not(.site-header__cta):after{content:"";width:0;height:2px;transition:width .3s var(--ease-out);background:#3d6ed6;border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.site-actions a:not(.site-header__cta):hover:after{width:100%}.site-login{white-space:nowrap;font-size:15px}.site-header__cta{transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s ease;background:linear-gradient(135deg,#3d6ed6,#5f8ee8);border-radius:999px;align-items:center;padding:11px 22px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #3d6ed647;color:#fff!important}.site-header__cta:hover{background:linear-gradient(135deg,#355fc8,#5482e2);transform:translateY(-1px);box-shadow:0 12px 30px #3d6ed661}.site-user-pill{background:#fffc;border:1px solid #d7dfed;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 5px;display:inline-flex}.site-user-avatar{color:#f8faff;background:#13203a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;line-height:1;display:grid;overflow:hidden}.site-user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.site-user-name{color:#13203a;white-space:nowrap;font-size:14px;font-weight:600}.site-user-tag{color:#3158d4;white-space:nowrap;background:#e1e8fb;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.site-logout{cursor:pointer;color:#94a0b8;white-space:nowrap;background:0 0;border:0;border-left:1px solid #d7dfed;padding:0 0 0 6px;font-size:13px;font-weight:500}.site-logout:hover{color:#3158d4}@media (width<=640px){.site-header{height:64px}.site-header__inner{gap:12px;padding:0 16px}.site-actions__product,.site-logo small{display:none}.site-header__cta{padding:10px 18px}}@media (width<=1000px){.site-nav{display:none}.hero-shell__inner{grid-template-columns:1fr;max-width:720px}.hero-visual{margin-top:35px}.hero-shell{padding-top:130px}.hero-shell__footer{margin-top:45px}.section-frame{grid-template-columns:1fr;max-width:720px}.section-intro p{max-width:500px}}@media (width<=640px){.site-header{height:66px}.site-header__inner{padding:0 18px}.site-actions__product,.site-login,.site-user,.site-logout{display:none}.site-actions{gap:9px}.site-header__cta{padding:9px 12px;font-size:11px}.hero-shell{padding:113px 20px 32px}.hero-copy h1{font-size:clamp(39px,12vw,58px)}.hero-copy__lead{font-size:14px}.hero-copy__actions{gap:17px;margin-top:28px}.hero-proof{margin-top:32px}.hero-preview{transform:none}.hero-preview__content{padding:22px 15px}.hero-preview__rail{gap:16px;width:39px}.hero-preview__topbar{padding:0 13px}.hero-preview__top-actions span:not(.hero-preview__avatar){display:none}.hero-preview__grid{grid-template-columns:1fr}.preview-card--large{grid-row:auto;min-height:175px}.preview-progress{margin-top:48px}.hero-shell__footer{margin-top:35px;font-size:8px}.hero-shell__footer span:first-child{max-width:160px}.features-section{padding:80px 20px}.features-grid{grid-template-columns:1fr}.feature-tile--wide{grid-column:auto}.feature-tile{min-height:185px}.section-intro h2{font-size:43px}}.teacher-workspace,.learner-studio{border-color:#d6e2f3;box-shadow:0 24px 52px #2f4e841f}.teacher-workspace aside{background:#f6f9ff;border-right:1px solid #e0eaf8;padding:27px 17px}.teacher-workspace aside span{border-radius:7px;padding:7px 8px;transition:background .2s,color .2s}.teacher-workspace aside span:first-of-type{color:#315ebd;background:#e7efff;font-weight:700}.teacher-workspace__content article{transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border:1px solid #e1eaf6;border-radius:10px;box-shadow:0 8px 18px #35548a0b}.teacher-workspace__content article:hover{transform:translateY(-2px);box-shadow:0 14px 26px #35548a1c}.teacher-workspace__agenda{padding-top:14px}.learner-studio header{background:#fbfdff;height:59px}.learner-studio__prompt{border:1px solid #cfdffe;box-shadow:0 8px 17px #395fb413}.learner-studio__reply{background:#f9fbff;border-color:#e0e8f5}.learner-studio__options span{color:#5a6f93;transition:border-color .2s ease, background .2s ease, transform .2s var(--ease-out);padding:11px 13px}.learner-studio__options span:hover{background:#f0f5ff;border-color:#a8c0ed;transform:translateY(-1px)}@media (width<=1000px){.hero-v3__main{grid-template-columns:1fr}.hero-workflow{justify-self:start;width:min(100%,620px);transform:none}}@media (width<=640px){.hero-workflow__body{grid-template-columns:74px minmax(0,1fr);min-height:370px}.hero-workflow__rail{padding:16px 8px}.hero-workflow__rail span{padding:8px 7px;font-size:9px}.hero-workflow__canvas{padding:22px 16px 18px}.hero-workflow__heading>div:first-child strong{font-size:16px}.workflow-role{grid-template-columns:29px minmax(0,1fr) 14px;gap:9px;padding:12px}.workflow-role__icon{border-radius:8px;width:29px;height:29px}.workflow-role__icon svg{width:15px;height:15px}.workflow-role p{display:none}.workflow-role strong{font-size:11px}.hero-workflow__assistant{grid-template-columns:26px minmax(0,1fr)}.hero-workflow__assistant>span:last-child{display:none}.hero-workflow:hover{transform:none}.teacher-workspace__content{padding:27px 20px}.learner-studio__body{padding:30px 24px}}@media (prefers-reduced-motion:reduce){.hero-v2__media img,.hero-v2__image-stack-item{transition:none!important;animation:none!important}.hero-v2__primary,.hero-v2__secondary{transition:none}}.landing-shell{color:#182742;background:#f7faff;min-height:100dvh}.teacher-showcase,.learner-showcase{color:#f4f7ff;border-top:1px solid #81a0ee2b;padding:clamp(94px,11vw,156px) 42px}.teacher-showcase__inner,.learner-showcase__inner{grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);align-items:center;gap:clamp(52px,10vw,150px);max-width:1280px;margin:0 auto;display:grid}.learner-showcase__inner{grid-template-columns:minmax(520px,1.3fr) minmax(260px,.7fr)}.teacher-showcase__copy h2,.learner-showcase__copy h2{color:#f4f7ff;letter-spacing:-.045em;margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(39px,4.4vw,64px);font-weight:760;line-height:1.13}.teacher-showcase__copy p,.learner-showcase__copy p{color:#aab9d4;max-width:370px;margin:26px 0 0;font-size:16px;line-height:1.8}.showcase-link{color:#f4f7ff;border-bottom:1px solid #5572ae;align-items:center;gap:9px;margin-top:34px;padding-bottom:7px;font-size:14px;font-weight:740;transition:color .2s,border-color .2s,gap .2s;display:inline-flex}.showcase-link:hover{color:#83a2ff;border-color:#83a2ff;gap:13px}.teacher-workspace,.learner-studio{background:#081a37;border:1px solid #7399ff5c;border-radius:18px;min-height:340px;display:grid;overflow:hidden;box-shadow:0 28px 70px #00000047,inset 0 1px #ffffff0f}.teacher-workspace{grid-template-columns:122px 1fr}.teacher-workspace aside{color:#96a9ce;background:#030b1e80;align-content:start;gap:22px;padding:30px 20px;font-size:12px;display:grid}.teacher-workspace aside strong{color:#f4f7ff;margin-bottom:18px;font-size:16px}.teacher-workspace__content{padding:48px}.teacher-workspace__content>p{color:#f4f7ff;letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700}.teacher-workspace__content>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.teacher-workspace__content article{color:#eaf0ff;background:#1a3a7b80;border:1px solid #799dff24;border-radius:12px;align-content:center;gap:12px;min-height:96px;padding:18px;font-size:14px;font-weight:680;display:grid}.learner-studio{color:#203159;background:#f2f6ff;border-color:#c3d1ed;display:block;box-shadow:0 28px 70px #00000038}.learner-studio header{border-bottom:1px solid #d9e3f5;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex}.learner-studio header strong{color:#23375f;letter-spacing:-.04em;font-size:18px}.learner-studio header span{color:#7a8cab;font-size:13px}.learner-studio__body>p{color:#5870a0;margin:0;font-size:14px}.learner-studio__body h3{color:#1a2e59;letter-spacing:-.04em;margin:11px 0 0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:28px}.learner-studio__prompt{color:#3158d4;background:#dfe9ff;border-radius:12px;align-items:center;gap:9px;margin-top:30px;padding:13px 17px;font-size:14px;font-weight:680;display:inline-flex}.learner-studio__options{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.learner-studio__options span{color:#526888;background:#fff;border:1px solid #dce6f5;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:inline-flex}@media (width<=1000px){.hero-v3__main{grid-template-columns:1fr;max-width:760px;padding:64px 0 30px}.hero-v3__orbit{justify-self:start;width:min(100%,620px)}.teacher-showcase__inner,.learner-showcase__inner{grid-template-columns:1fr;max-width:760px}.learner-showcase__inner{gap:58px}}@media (width<=640px){.hero-v3{padding:66px 20px 52px}.hero-v3__main{gap:48px;min-height:0;padding:48px 0 0}.hero-v3__copy h1{font-size:clamp(44px,12vw,58px)}.hero-v3__copy>p{margin-top:24px;font-size:16px}.hero-v3__actions{gap:12px;margin-top:29px}.hero-v3__primary,.hero-v3__secondary{min-height:46px;padding:0 15px;font-size:13px}.hero-v3__orbit{width:100%;min-width:0}.hero-v3__node{border-radius:12px;min-width:0;padding:13px 14px}.hero-v3__node strong{font-size:13px}.hero-v3__node span{display:none}.hero-v3__node--teacher{right:5%}.hero-v3__node--learner{left:0}.hero-v3__node--assistant{right:0}.hero-v3__ai{border-radius:20px;width:88px;height:88px;font-size:31px}.teacher-showcase,.learner-showcase{padding:76px 20px}.teacher-showcase__inner,.learner-showcase__inner{gap:44px}.teacher-showcase__copy h2,.learner-showcase__copy h2{font-size:clamp(38px,10vw,52px)}.teacher-workspace,.learner-studio{border-radius:15px;min-height:0}.teacher-workspace{grid-template-columns:86px 1fr}.teacher-workspace aside{gap:16px;padding:23px 14px}.teacher-workspace__content{padding:30px 22px}.teacher-workspace__content>p{font-size:20px}.teacher-workspace__content>div{grid-template-columns:1fr;margin-top:22px}.teacher-workspace__content article{grid-template-columns:22px 1fr;align-items:center;gap:9px;min-height:70px;padding:14px}.learner-studio__body{padding:32px 24px}.learner-studio__body h3{font-size:24px}.landing-footer{flex-direction:column;align-items:flex-start;padding:25px 20px}}@media (prefers-reduced-motion:reduce){.hero-v3__primary,.hero-v3__secondary{transition:none}}.landing-shell .site-logo{color:#182742}.landing-shell .site-logo__mark{color:#fff;background:#3d6ed6}.landing-shell .site-logo small{color:#7b8ba7}.landing-shell .site-nav a,.landing-shell .site-actions a,.landing-shell .site-logout{color:#61708a}.landing-shell .site-nav a:hover,.landing-shell .site-actions a:hover{color:#1d3972}.landing-shell .site-header__cta{color:#fff!important}.teacher-showcase,.learner-showcase{color:#182742;border-top-color:#dbe6f8}.teacher-showcase{background:#fff}.learner-showcase{background:#eef5ff}.teacher-showcase__copy h2,.learner-showcase__copy h2{color:#182742}.teacher-showcase__copy h2 span,.learner-showcase__copy h2 span{color:#3d6ed6}.teacher-showcase__copy p,.learner-showcase__copy p{color:#61708a}.showcase-link{color:#1d3972;border-bottom-color:#8ea9da}.showcase-link:hover{color:#3d6ed6;border-color:#3d6ed6}.teacher-workspace{color:#1d3972;background:#f8fbff;border-color:#cfddf4;box-shadow:0 26px 60px #34538b1f,inset 0 1px #fffffff2}.teacher-workspace aside{color:#7184a5;background:#eef5ff}.teacher-workspace aside strong,.teacher-workspace__content>p{color:#203a6c}.teacher-workspace__content article{color:#2b4776;background:#fff;border-color:#dde8f8}.teacher-workspace__content article svg{color:#3d6ed6}.learner-studio{background:#fff;border-color:#cdddf5;box-shadow:0 26px 60px #34538b1f}.learner-studio header{border-bottom-color:#dce7f7}.learner-studio__prompt{color:#315ebd;background:#e4eeff}.learner-studio__options span{background:#f9fbff;border-color:#dbe7f7}.showcase-copy__eyebrow{color:#3d6ed6;background:#eaf1ff;border-radius:999px;margin-bottom:20px;padding:7px 12px;font-size:12px;font-weight:720;line-height:1;display:inline-flex}.showcase-copy__list{color:#51627f;gap:10px;max-width:430px;margin:24px 0 0;padding:0;font-size:14px;line-height:1.65;list-style:none;display:grid}.showcase-copy__list li{padding-left:18px;position:relative}.showcase-copy__list li:before{content:"";background:#7ea3ec;border-radius:50%;width:6px;height:6px;position:absolute;top:.63em;left:0}.teacher-workspace{min-height:438px}.teacher-workspace aside{gap:16px}.teacher-workspace aside strong{margin-bottom:12px}.teacher-workspace__content{grid-template-rows:auto 1fr auto;gap:18px;padding:38px 40px;display:grid}.teacher-workspace__welcome p{color:#203a6c;letter-spacing:-.03em;margin:0;font-size:22px;font-weight:720}.teacher-workspace__welcome span{color:#7184a5;margin-top:7px;font-size:13px;line-height:1.5;display:block}.teacher-workspace__content>div:not(.teacher-workspace__welcome):not(.teacher-workspace__agenda){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0;display:grid}.teacher-workspace__content article{grid-template-columns:22px 1fr;align-items:start;gap:10px;min-height:86px;padding:15px}.teacher-workspace__content article strong{font-size:14px;line-height:1.35;display:block}.teacher-workspace__content article span{color:#7a8ba7;margin-top:5px;font-size:11px;font-weight:500;line-height:1.35;display:block}.teacher-workspace__agenda{border-top:1px solid #dce7f7;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));align-items:center;gap:10px;padding-top:16px;display:grid}.teacher-workspace__agenda strong{color:#3e557f;font-size:12px}.teacher-workspace__agenda span{color:#627596;white-space:nowrap;font-size:11px}.learner-studio{min-height:438px}.learner-studio__body{padding:39px 42px 34px}.learner-studio__prompt{margin-top:23px}.learner-studio__reply{color:#586d91;background:#f5f8ff;border:1px solid #e0e9f8;border-radius:11px;max-width:390px;margin-top:13px;padding:12px 15px;font-size:12px;line-height:1.55}.learner-studio__options{margin-top:17px}.learner-studio__vocabulary{border-top:1px solid #dce7f7;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding-top:18px;display:flex}.learner-studio__vocabulary strong{color:#536887;margin-right:5px;font-size:12px}.learner-studio__vocabulary span{color:#6380b6;background:#eff5ff;border-radius:999px;padding:6px 10px;font-size:11px}@media (width<=640px){.hero-v3__node{min-width:0;padding:12px 13px}.hero-v3__node ul{display:none}.hero-v3__stats{gap:20px;margin-top:31px}.hero-v3__stats strong{font-size:14px}.hero-v3__stats span{font-size:10px}.showcase-copy__eyebrow{margin-bottom:16px}.showcase-copy__list{gap:8px;margin-top:19px;font-size:13px}.teacher-workspace{min-height:398px}.teacher-workspace__content{gap:15px;padding:27px 20px}.teacher-workspace__welcome p{font-size:18px}.teacher-workspace__welcome span{font-size:11px}.teacher-workspace__agenda{grid-template-columns:1fr;gap:6px}.teacher-workspace__agenda span{display:none}.learner-studio{min-height:0}.learner-studio__body{padding:30px 24px}.learner-studio__reply{font-size:11px}.learner-studio__vocabulary{margin-top:18px}}.landing-shell{color:#162b53;background:#f7faff}.landing-shell .hero-v3{background:#f7faff;padding:114px 42px 72px}.landing-shell .hero-v3:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 83% 25%,#a9c5ff6b,#0000 68%);height:470px;position:absolute;inset:0 0 auto}.landing-shell .hero-v3__main{grid-template-columns:minmax(330px,.86fr) minmax(540px,1.14fr);gap:clamp(46px,8vw,132px);max-width:1280px;min-height:610px}.landing-shell .hero-v3__copy h1{color:#162b53;letter-spacing:-.075em;max-width:680px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(49px,5.8vw,82px);font-weight:800;line-height:1.12}.landing-shell .hero-v3__copy h1 span{color:#3569d4}.landing-shell .hero-v3__copy>p{color:#5d7093;max-width:445px;margin-top:25px;font-size:16px;line-height:1.95}.landing-shell .hero-v3__actions{margin-top:34px}.landing-shell .hero-v3__primary{background:#315fc7;border-color:#315fc7;box-shadow:0 12px 22px #315fc733}.landing-shell .hero-v3__secondary{color:#284777;background:#fff;border-color:#ccd9ef}.landing-shell .hero-v3__stats{gap:0;margin-top:46px}.landing-shell .hero-v3__stats div{min-width:132px;padding-right:24px}.landing-shell .hero-v3__stats div+div{border-left:1px solid #dbe5f4;padding-left:24px}.landing-shell .hero-v3__stats strong{color:#1d3c71;font-size:20px}.landing-shell .hero-v3__stats span{color:#7184a5}.landing-shell .hero-workflow{background:#fff;border-color:#d5e1f4;border-radius:16px;box-shadow:0 30px 70px #2d4e8c2b}.landing-shell .hero-workflow__body{min-height:422px}.landing-shell .hero-workflow__canvas{padding:30px 30px 24px}.landing-shell .hero-workflow__assistant{background:#edf4ff}.landing-shell .workflow-role{box-shadow:0 8px 16px #2c4a820d}.learning-relay{color:#fff;background:#315fc7;padding:0 42px}.learning-relay__inner{justify-content:space-between;align-items:center;gap:30px;max-width:1280px;margin:auto;padding:25px 0;display:flex}.learning-relay p{margin:0;font-family:Noto Serif SC,serif;font-size:17px}.learning-relay__inner>div{align-items:center;gap:14px;font-size:12px;font-weight:700;display:flex}.learning-relay i{border-top:1px solid #ffffff8c;width:30px}.landing-shell .teacher-showcase,.landing-shell .learner-showcase{border:0;padding:clamp(90px,11vw,150px) 42px}.landing-shell .teacher-showcase{background:#fff}.landing-shell .learner-showcase{background:#eef4ff}.landing-shell .teacher-showcase__inner,.landing-shell .learner-showcase__inner{grid-template-columns:minmax(280px,.75fr) minmax(530px,1.25fr);gap:clamp(50px,10vw,140px);max-width:1280px}.landing-shell .learner-showcase__inner{grid-template-columns:minmax(530px,1.25fr) minmax(280px,.75fr)}.landing-shell .teacher-showcase__copy h2,.landing-shell .learner-showcase__copy h2{color:#162b53;letter-spacing:-.06em;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(39px,4.2vw,62px);font-weight:800;line-height:1.2}.landing-shell .teacher-showcase__copy h2 span,.landing-shell .learner-showcase__copy h2 span{color:#3569d4}.landing-shell .teacher-showcase__copy p,.landing-shell .learner-showcase__copy p{color:#607393;line-height:1.9}.landing-shell .showcase-copy__list{color:#4f6486;gap:13px}.landing-shell .showcase-copy__list li{padding-left:20px}.landing-shell .showcase-copy__list li:before{background:#5e89e6;width:7px;height:7px;top:.55em}.landing-shell .showcase-link{color:#2853aa;border-bottom-color:#9fb9e8;margin-top:35px}.landing-shell .teacher-workspace,.landing-shell .learner-studio{border:1px solid #d7e2f2;border-radius:16px;box-shadow:0 30px 62px #2b4c8421}.landing-shell .teacher-workspace{background:#fbfdff;min-height:456px}.landing-shell .teacher-workspace aside{background:#f1f6ff;border-right-color:#dce6f5}.landing-shell .teacher-workspace__content{padding:38px 39px}.landing-shell .teacher-workspace__welcome p{color:#1f3f78;font-size:23px}.landing-shell .teacher-workspace__content article{box-shadow:none;border-color:#e2ebf7;border-radius:11px}.landing-shell .teacher-workspace__content article:hover{background:#f6f9ff;box-shadow:0 12px 22px #2d4e8417}.landing-shell .teacher-workspace__agenda{border-top-color:#dce7f7}.landing-shell .learner-studio{background:#fff}.landing-shell .learner-studio header{background:#fbfdff;height:62px}.landing-shell .learner-studio__body{padding:43px 44px 39px}.landing-shell .learner-studio__body>p{color:#6d82a5}.landing-shell .learner-studio__body h3{color:#183969}.landing-shell .learner-studio__prompt{color:#315fc7;background:#e9f1ff;border:1px solid #ccdcfb}.landing-shell .learner-studio__reply{color:#627896;background:#f8fbff;border-color:#e0e9f7}.landing-shell .learner-studio__options span{background:#fff;border-color:#dce7f7}.landing-shell .learner-studio__vocabulary{border-top-color:#dce7f7}@media (width<=1000px){.landing-shell .hero-v3{padding:96px 30px 64px}.landing-shell .hero-v3__main,.landing-shell .teacher-showcase__inner,.landing-shell .learner-showcase__inner{grid-template-columns:1fr;max-width:760px}.landing-shell .hero-workflow{justify-self:start}.landing-shell .teacher-showcase,.landing-shell .learner-showcase{padding-left:30px;padding-right:30px}.landing-shell .learner-showcase__inner{gap:58px}}@media (width<=640px){.landing-shell .hero-v3{padding:90px 20px 54px}.landing-shell .hero-v3__copy h1{font-size:clamp(45px,12vw,61px)}.landing-shell .hero-v3__copy>p br{display:none}.landing-shell .hero-v3__stats div{min-width:0;padding-right:15px}.landing-shell .hero-v3__stats div+div{padding-left:15px}.learning-relay{padding:0 20px}.learning-relay__inner{flex-direction:column;align-items:flex-start;gap:14px}.landing-shell .teacher-showcase,.landing-shell .learner-showcase{padding:76px 20px}.landing-shell .teacher-showcase__copy h2,.landing-shell .learner-showcase__copy h2{font-size:clamp(38px,10vw,51px)}.landing-shell .teacher-workspace__content,.landing-shell .learner-studio__body{padding:29px 22px}}:root{--hanai-hero-surface:linear-gradient(180deg,#fbfcff 0%,#f7faff 54%,#f1f6ff 100%)}.hanai-hero{background:var(--hanai-hero-surface);justify-content:center;align-items:center;min-height:100vh;padding:128px 42px 88px;display:flex;position:relative;overflow:hidden}.hanai-home-section{background:var(--hanai-hero-surface)}.hanai-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#3d6ed60f 1px,#0000 1px),linear-gradient(90deg,#3d6ed60f 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(840px 560px at 50% 34%,#000 0%,#0000 76%);mask-image:radial-gradient(840px 560px at 50% 34%,#000 0%,#0000 76%)}.hanai-hero__ring{pointer-events:none;border:1px solid #3d6ed617;border-radius:50%;width:min(78vw,760px);height:min(78vw,760px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hanai-hero__ring:before,.hanai-hero__ring:after{content:"";border:1px solid #3d6ed612;border-radius:50%;position:absolute}.hanai-hero__ring:before{inset:82px}.hanai-hero__ring:after{inset:176px}.hanai-hero__directions{text-align:center;--hanai-half:33.334%;--hanai-gap:6px;justify-content:center;width:100%;max-width:1200px;margin:88px 0 0;padding:0;list-style:none;display:flex;position:relative}.hanai-direction-conn{--hanai-halo:radial-gradient(ellipse 12% 50% at 50% 50%,#507ad22e,#668fdc12 48%,transparent 78%);z-index:1;width:var(--hanai-half);pointer-events:none;height:12px;margin:0;padding:0;list-style:none;animation:none;display:block;position:absolute;top:0}.hanai-direction-conn__line,.hanai-direction-conn__glow{display:block;position:absolute}.hanai-direction-conn--left{left:16.666%}.hanai-direction-conn--right{left:50%}.hanai-direction-conn__line{background:#bccce9;width:100%;height:1px;top:5px;left:0}.hanai-direction-conn--left .hanai-direction-conn__line{background:linear-gradient(90deg,#bccce94d,#8ba7dceb)}.hanai-direction-conn--right .hanai-direction-conn__line{background:linear-gradient(90deg,#8ba7dceb,#bccce94d)}.hanai-direction-conn__glow{background:var(--hanai-halo) no-repeat center/100% 18px;width:100%;height:18px;top:50%;left:0;transform:translateY(-50%)}.hanai-direction-conn--left .hanai-direction-conn__glow{background:var(--hanai-halo) no-repeat 100% 50%/60% 18px}.hanai-direction-conn--right .hanai-direction-conn__glow{background:var(--hanai-halo) no-repeat 0 50%/60% 18px}.hanai-direction-conn__glow:before,.hanai-direction-conn__glow:after{content:"";border-radius:50%;animation-duration:3.6s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;position:absolute;top:50%}.hanai-direction-conn__glow:before{filter:blur(3px);background:linear-gradient(90deg,#5884d400,#78a6ec8c 55%,#e8f2ffe6);width:88px;height:14px;margin-top:-7px}.hanai-direction-conn__glow:after{filter:blur(2px);background:radial-gradient(circle,#fffffff2,#aaccff8c 45%,#78a6ec00 75%);width:14px;height:16px;margin-top:-8px}.hanai-direction-conn--left .hanai-direction-conn__glow:before{animation-name:hanai-ink-tail-left;right:0}.hanai-direction-conn--left .hanai-direction-conn__glow:after{animation-name:hanai-ink-head-left;right:0}.hanai-direction-conn--right .hanai-direction-conn__glow:before{background:linear-gradient(90deg,#e8f2ffe6,#78a6ec8c 45%,#5884d400);animation-name:hanai-ink-tail-right;animation-delay:-.3s;left:0}.hanai-direction-conn--right .hanai-direction-conn__glow:after{animation-name:hanai-ink-head-right;animation-delay:-.3s;left:0}.hanai-direction{--hanai-intro-x:0px;z-index:1;flex-direction:column;flex:1 1 0;align-items:center;min-width:0;padding:0 clamp(18px,4vw,60px);display:flex;position:relative}.hanai-direction--teacher{--hanai-intro-x:-14px;animation-delay:.5s}.hanai-direction--student{--hanai-intro-x:14px;animation-delay:.76s}.hanai-direction__node{z-index:1;background:#f7faff;border:1.5px solid #91a8d1;border-radius:50%;width:12px;height:12px;margin-bottom:14px;position:relative}.hanai-direction__body{flex-direction:column;align-items:center;display:flex}.hanai-direction__role{color:#1b2f56;letter-spacing:.03em;margin:0 0 10px;font-family:Noto Sans SC,Inter,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:800}.hanai-direction__note{color:#34445e;text-wrap:balance;max-width:330px;margin:0 0 14px;font-size:14px;font-weight:500;line-height:1.65}.hanai-direction__tags{color:#4b5e7a;letter-spacing:.015em;max-width:340px;margin:0;font-size:13px;font-weight:500;line-height:1.65}.hanai-direction--ai{animation-delay:.63s}.hanai-direction--ai .hanai-direction__node{background:#4b7ee1;border-color:#4b7ee1;width:12px;height:12px;margin-bottom:14px}.hanai-direction--ai .hanai-direction__role{color:#4869ad}.hanai-hero__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:1200px;display:flex;position:relative}.hanai-hero__badge{color:#4f6798;letter-spacing:.22em;text-indent:.22em;align-items:center;gap:11px;font-size:12px;font-weight:700;display:inline-flex}.hanai-hero__badge:before{content:"";background:linear-gradient(135deg,#3d6ed6,#7fb0ff);border-radius:50%;flex:none;width:6px;height:6px}.hanai-hero__title{color:#182742;letter-spacing:-.04em;text-wrap:balance;margin:26px 0 20px;font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:clamp(52px,6.4vw,92px);font-weight:800;line-height:1.08}.hanai-hero__title-line{display:block}.hanai-hero__title-line--accent{color:#3d6ed6}.hanai-hero__lead{color:#61708a;max-width:560px;margin:0;font-size:17px;line-height:1.9}.hanai-hero__actions{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:36px;display:flex}.hanai-hero__actions a,.hanai-hero__actions button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 26px;font-family:inherit;font-size:14px;font-weight:740;line-height:1;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex}.hanai-hero__primary{color:#fff;background:#3d6ed6;border:1px solid #2b57b8}.hanai-hero__primary svg{transition:transform .18s cubic-bezier(.16,1,.3,1)}.hanai-hero__primary:hover{color:#fff;background:#305dbd;border-color:#2446b5;transform:translateY(-2px)}.hanai-hero__primary:hover svg{transform:translate(3px)}.hanai-hero__ghost{color:#3158d4;background:#fff;border:1px solid #3158d4}.hanai-hero__ghost:hover{color:#2446b5;background:#eef4ff;border-color:#2446b5;transform:translateY(-2px)}@media (width<=900px){.hanai-hero__directions{flex-direction:column;gap:42px;max-width:430px;margin-top:60px}.hanai-hero__directions:before{width:12px;height:var(--hanai-half);background:radial-gradient(ellipse 100% 12% at 50% 50%,#507ad22e,#668fdc12 48%,transparent 78%) center/12px 100% no-repeat,linear-gradient(180deg,transparent,#a6bee894 9%,#bccce9 32%,#8ba7dc 50%,#bccce9 68%,#a6bee894 91%,transparent) 50% 100%/1px var(--hanai-half) no-repeat;inset:7px auto auto 50%}.hanai-hero__directions:after{width:12px;height:var(--hanai-half);background:radial-gradient(ellipse 100% 12% at 50% 50%,#507ad22e,#668fdc12 48%,transparent 78%) center/12px 100% no-repeat,linear-gradient(180deg,transparent,#a6bee894 9%,#bccce9 32%,#8ba7dc 50%,#bccce9 68%,#a6bee894 91%,transparent) 50% 0/1px var(--hanai-half) no-repeat;top:auto;bottom:calc(50% - 1px);left:calc(50% - 6px)}.hanai-direction-conn{top:calc(50% + var(--hanai-gap));width:12px;height:auto;bottom:7px;left:calc(50% - 6px)}.hanai-direction-conn--right{top:7px;bottom:calc(50% + var(--hanai-gap))}.hanai-direction-conn__line{width:1px;height:100%;top:0;left:5.5px}.hanai-direction-conn--left .hanai-direction-conn__line{background:linear-gradient(#bccce94d,#8ba7dceb)}.hanai-direction-conn--right .hanai-direction-conn__line{background:linear-gradient(#8ba7dceb,#bccce94d)}.hanai-direction-conn__glow{width:12px;height:100%;top:0;left:0;transform:none}.hanai-direction-conn--left .hanai-direction-conn__glow{background:var(--hanai-halo) no-repeat 50% 100%/12px 60%}.hanai-direction-conn--right .hanai-direction-conn__glow{background:var(--hanai-halo) no-repeat 50% 0/12px 60%}.hanai-direction-conn .hanai-direction-conn__glow:before{background:linear-gradient(#e8f2ffe6,#78a6ec8c 45%,#5884d400);width:12px;height:88px;margin-top:0}.hanai-direction-conn .hanai-direction-conn__glow:after{background:linear-gradient(#e8f2ffe6,#78a6ec8c 45%,#5884d400);width:12px;height:88px;margin-top:0;inset-inline:auto}.hanai-direction-conn--left .hanai-direction-conn__glow:before{animation-name:hanai-ink-tail-up;inset:auto auto 0 0}.hanai-direction-conn--left .hanai-direction-conn__glow:after{background:radial-gradient(circle,#fffffff2,#aaccff8c 45%,#78a6ec00 75%);width:14px;height:14px;animation-name:hanai-ink-head-up;top:auto;bottom:0;left:calc(50% - 7px)}.hanai-direction-conn--right .hanai-direction-conn__glow:before{background:linear-gradient(#5884d400,#78a6ec8c 55%,#e8f2ffe6);animation-name:hanai-ink-tail-down;animation-delay:-.3s;inset:0 auto auto 0}.hanai-direction-conn--right .hanai-direction-conn__glow:after{background:radial-gradient(circle,#fffffff2,#aaccff8c 45%,#78a6ec00 75%);width:14px;height:14px;animation-name:hanai-ink-head-down;animation-delay:-.3s;top:0;bottom:auto;left:calc(50% - 7px)}.hanai-direction{width:100%;padding:0 18px}.hanai-direction__node{background-color:#f7faff}.hanai-direction--ai .hanai-direction__node{background-color:#4b7ee1}.hanai-direction__note,.hanai-direction__tags{max-width:none}}@media (width<=640px){.hanai-hero{padding:116px 22px 66px}.hanai-hero__title{font-size:clamp(39px,11.5vw,58px)}.hanai-hero__lead{font-size:15px}.hanai-hero__actions{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.hanai-hero__actions a,.hanai-hero__actions button{justify-content:center}.hanai-hero__ring{width:88vw;height:88vw}}@media (prefers-reduced-motion:reduce){.hanai-hero__actions a,.hanai-hero__actions button,.hanai-hero__primary svg{transition:none}}@keyframes hanai-rise{0%{opacity:0;filter:blur(8px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hanai-direction-in{0%{transform:translate3d(var(--hanai-intro-x,0),26px,0)}to{transform:translate(0)}}@keyframes hanai-fade{0%{opacity:0}to{opacity:1}}@keyframes hanai-ring-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.035)}}@keyframes hanai-ink-tail-right{0%{opacity:0;transform:translate(-60%)}12%{opacity:.85}70%{opacity:.6}to{opacity:0;transform:translate(352%)}}@keyframes hanai-ink-tail-left{0%{opacity:0;transform:translate(60%)}12%{opacity:.85}70%{opacity:.6}to{opacity:0;transform:translate(-352%)}}@keyframes hanai-ink-head-right{0%{opacity:0;transform:translate(0)}12%{opacity:1}72%{opacity:.85}to{opacity:0;transform:translate(1100%)}}@keyframes hanai-ink-head-left{0%{opacity:0;transform:translate(0)}12%{opacity:1}72%{opacity:.85}to{opacity:0;transform:translate(-1100%)}}@keyframes hanai-ink-tail-down{0%{opacity:0;transform:translateY(-110%)}12%{opacity:.85}70%{opacity:.6}to{opacity:0;transform:translateY(415%)}}@keyframes hanai-ink-tail-up{0%{opacity:0;transform:translateY(110%)}12%{opacity:.85}70%{opacity:.6}to{opacity:0;transform:translateY(-415%)}}@keyframes hanai-ink-head-down{0%{opacity:0;transform:translateY(0)}12%{opacity:1}72%{opacity:.85}to{opacity:0;transform:translateY(340%)}}@keyframes hanai-ink-head-up{0%{opacity:0;transform:translateY(0)}12%{opacity:1}72%{opacity:.85}to{opacity:0;transform:translateY(-340%)}}.hanai-hero__badge{animation:hanai-rise .7s var(--ease-out) 50ms both}.hanai-hero__title-line{animation:hanai-rise .9s var(--ease-out) both}.hanai-hero__title-line:first-child{animation-delay:.1s}.hanai-hero__title-line--accent{animation-delay:.19s}.hanai-hero__lead{animation:hanai-rise .85s var(--ease-out) .3s both}.hanai-hero__actions{animation:hanai-rise .8s var(--ease-out) .4s both}.hanai-direction{animation:hanai-direction-in .9s var(--ease-out) both}.hanai-hero__ring{animation:12s ease-in-out infinite hanai-ring-breathe}@media (prefers-reduced-motion:reduce){.hanai-hero__badge,.hanai-hero__title-line,.hanai-hero__lead,.hanai-hero__actions,.hanai-direction,.hanai-hero__ring{animation:none!important}.hanai-direction-conn__glow:after{display:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}