:root{--su-cream:#FFFDF8;--su-paper:#FFFFFF;--su-side:#FFFFFF;--su-side-active:#E8F2FF;--su-ink:#243451;--su-body:#61708A;--su-muted:#5B6B86;--su-line:#D8E3F1;--su-line-dark:#B7C6DB;--su-blue:#315FAE;--su-blue-dark:#2A4F8F;--su-blue-fill:#3F6FC7;--su-blue-fill-dark:#315FAE;--su-blue-line:#2F5CA6;--su-primary:#3F6FC7;--su-primary-dark:#315FAE;--su-sky:#E8F2FF;--su-sky-line:#D7E4F5;--su-sun:#FFF3BF;--su-sun-line:#EADB9A;--su-sun-ink:#8A5A0B;--su-yellow:#FFE6A6;--su-yellow-dark:#EADB9A;--su-yellow-ink:#645B3E;--su-orange:#B86A00;--su-chip:#EEF2F8;--su-good:#2F7A4F;--su-good-dark:#24603D;--su-good-bg:#EEF6EA;--su-good-line:#BFDCCB;--su-good-ink:#2F7A4F;--su-bad:#A82C2C;--su-bad-dark:#86211F;--su-bad-bg:#F8E6E3;--su-bad-line:#EBC4BE;--su-bad-ink:#A82C2C;--su-red:#A82C2C;--su-red-dark:#86211F;--su-lav:#F7F5FF;--su-lav-line:#DED9F4;--su-sage:#F0F7EF;--su-sage-line:#D8E8D6;--su-peach:#FFF8EA;--su-peach-line:#F0E3C6;--su-radius:20px;--su-radius-card:22px;--su-radius-sm:12px;--su-radius-btn:14px;--su-radius-chip:10px;--su-edge:3px;--su-sh:0 7px 20px rgba(66,91,128,.08);--su-sh2:0 18px 44px rgba(69,101,146,.14);--su-shadow:var(--su-sh);--su-shadow-pop:var(--su-sh2);--su-shadow-lift:0 3px 0 rgba(216,227,241,.9);--su-shadow-lift-hover:0 3px 0 var(--su-line-dark);--su-img-outline:rgba(36,52,81,.08);--su-chem:#98481F;--su-chem-dark:#7A3917;--su-chem-bg:#FBEFE6;--su-chem-line:#F0D6C3;--su-phsi:#1E5AA8;--su-phsi-dark:#174A8C;--su-phsi-bg:#E6EEF9;--su-phsi-line:#C7D8F1;--su-cels:#0F6E82;--su-cels-dark:#0B5668;--su-cels-bg:#E4F2F3;--su-cels-line:#BFDEE2;--su-hubs:#9B3A70;--su-hubs-dark:#7E2E5B;--su-hubs-bg:#FAE9F0;--su-hubs-line:#EECBDB;--su-top-h:64px;--su-side-w:0px;--su-dock-h:66px;--su-font-display:var(--font-bricolage,"Bricolage Grotesque"),Inter,"Helvetica Neue",Arial,sans-serif;--su-font-brand:var(--su-font-display);--su-font-body:var(--font-inter,"Inter"),"Helvetica Neue",Arial,sans-serif;--su-font-pen:var(--font-kalam,"Kalam"),"Comic Sans MS",cursive;--su-ease:cubic-bezier(.22,1,.36,1);--su-ease-out:cubic-bezier(.2,0,0,1);--su-ease-bounce:cubic-bezier(.34,1.56,.64,1)}.su-menu,.su-page,.su-sheet-wrap,.su-toast{--cream:var(--su-cream);--white:var(--su-paper);--ink:var(--su-ink);--body:var(--su-body);--muted:var(--su-muted);--blue:var(--su-blue-fill);--blue-dk:var(--su-blue-fill-dark);--blue-line:var(--su-blue-line);--sky:var(--su-sky);--sky-line:var(--su-sky-line);--line:var(--su-line);--yellow:var(--su-sun);--yellow-line:var(--su-sun-line);--yellow-ink:var(--su-yellow-ink);--note:var(--su-sun-ink);--yellow2:var(--su-yellow);--chem:var(--su-chem);--chem-t:var(--su-chem-bg);--chem-l:var(--su-chem-line);--cels:var(--su-cels);--cels-t:var(--su-cels-bg);--cels-l:var(--su-cels-line);--hubs:var(--su-hubs);--hubs-t:var(--su-hubs-bg);--hubs-l:var(--su-hubs-line);--phsi:var(--su-phsi);--phsi-t:var(--su-phsi-bg);--phsi-l:var(--su-phsi-line);--ok:var(--su-good);--ok-t:var(--su-good-bg);--ok-l:var(--su-good-line);--bad:var(--su-bad);--bad-t:var(--su-bad-bg);--bad-l:var(--su-bad-line);--lav:var(--su-lav);--lav-l:var(--su-lav-line);--sage:var(--su-sage);--sage-l:var(--su-sage-line);--peach:var(--su-peach);--peach-l:var(--su-peach-line);--sh:var(--su-sh);--sh2:var(--su-sh2);--display:var(--su-font-display);--text:var(--su-font-body);--pen:var(--su-font-pen)}html[data-su-theme=dark]{--su-cream:#131F24;--su-paper:#202F36;--su-side:#131F24;--su-side-active:#203F4F;--su-ink:#F1F7FB;--su-body:#AFC1CB;--su-muted:#AFC1CB;--su-line:#37464F;--su-line-dark:#52656D;--su-blue:#8FB4F0;--su-blue-dark:#B4CDF5;--su-blue-fill:#3F6FC7;--su-blue-fill-dark:#315FAE;--su-primary:#3F6FC7;--su-primary-dark:#315FAE;--su-sky:#203F4F;--su-sky-line:#3F85A7;--su-sun:#3D3418;--su-sun-ink:#FFE6A6;--su-yellow:#FFE6A6;--su-yellow-dark:#EADB9A;--su-orange:#FFB454;--su-chip:#2B3D46;--su-good:#7CC79A;--su-good-dark:#2F7A4F;--su-good-bg:#203A2A;--su-good-ink:#9BE0B5;--su-bad:#F08A8A;--su-bad-dark:#A82C2C;--su-bad-bg:#3A2224;--su-bad-ink:#F08A8A;--su-red:#F08A8A;--su-red-dark:#A82C2C;--su-shadow:none;--su-shadow-pop:0 18px 44px rgba(0,0,0,.5);--su-shadow-lift:0 3px 0 var(--su-line);--su-shadow-lift-hover:0 3px 0 var(--su-line-dark);--su-img-outline:rgba(255,255,255,.08);--su-phsi-bg:#1E3A4B;--su-phsi:#8FB4F0;--su-phsi-dark:#1E5AA8;--su-chem-bg:#3D2E1C;--su-chem:#E89A6A;--su-chem-dark:#98481F;--su-cels-bg:#1B3A40;--su-cels:#7CC7D4;--su-cels-dark:#0F6E82;--su-hubs-bg:#3A2232;--su-hubs:#E59BC4;--su-hubs-dark:#9B3A70}html{background:var(--su-cream);color-scheme:light}@view-transition{navigation:auto}.su-top{view-transition-name:su-top}.su-tabs-nav{view-transition-name:su-dock}::view-transition-old(root){animation:.14s var(--su-ease-out) both su-vt-out}::view-transition-new(root){animation:.22s var(--su-ease-out) both su-vt-in}::view-transition-new(su-dock),::view-transition-new(su-top),::view-transition-old(su-dock),::view-transition-old(su-top){animation:none}@keyframes su-vt-out{to{opacity:0}}@keyframes su-vt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation-duration:1ms}}html[data-motion-tier=minimal] ::view-transition-new(root),html[data-motion-tier=minimal] ::view-transition-old(root){animation-duration:1ms}html:not([data-su-lang=zh]) .su-zh{display:none!important}.su-page{position:relative;margin:0;min-height:100dvh;background:var(--su-cream);color:var(--su-ink);font-family:var(--su-font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:has(>.su-page),body:has(main>.su-page){background:var(--su-cream)}.su-page *,.su-page :after,.su-page :before{box-sizing:border-box}.su-page h1,.su-page h2,.su-page h3,.su-page h4{font-family:var(--su-font-display);font-weight:760;letter-spacing:-.04em;line-height:1.1;margin:0;color:var(--su-ink);text-wrap:balance}.su-page h1{font-size:32px;letter-spacing:-.045em}.su-page h2{font-size:24px}.su-page h3{font-size:18px;letter-spacing:-.03em}.su-page h4{font-size:16px;letter-spacing:-.02em}:where(.su-page p){margin:0;text-wrap:pretty}:where(.su-page li){text-wrap:pretty}:where(.su-page a){color:inherit}:where(.su-page button){font:inherit;color:inherit}:where(.su-page img){max-width:100%;height:auto}.su-menu :focus-visible,.su-page :focus-visible,.su-sheet-wrap :focus-visible{outline:2px solid var(--su-blue-fill);outline-offset:3px;border-radius:8px}.su-num{font-variant-numeric:tabular-nums}.su-pen{font-family:var(--su-font-pen)}.su-sr{position:absolute;padding:0;margin:-1px;clip:rect(0 0 0 0);white-space:nowrap;border:0}.su-skip,.su-sr{width:1px;height:1px;overflow:hidden}.su-skip{position:fixed;top:10px;left:10px;z-index:90;clip-path:inset(50%);padding:12px 16px;border-radius:12px;background:var(--su-paper);box-shadow:var(--su-shadow-pop);font-weight:700;text-decoration:none}.su-skip:focus{width:auto;height:auto;clip-path:none}.su-wrap{max-width:1180px;margin:0 auto;padding:28px 24px 72px}.su-main,.su-wrap{width:100%}.su-top{position:sticky;top:0;z-index:40;background:rgba(255,253,248,.96);border-bottom:1px solid var(--su-line);font-family:var(--su-font-body)}@media (min-width:1024px){.su-top{background:rgba(255,253,248,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.su-top-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:var(--su-top-h);padding:0 24px}.su-brand{display:inline-flex;align-items:center;gap:9px;justify-self:start;min-height:44px;padding:0 6px 0 0;border-radius:var(--su-radius-sm);text-decoration:none;font-family:var(--su-font-brand);font-weight:780;font-size:20px;letter-spacing:-.04em;line-height:1;color:var(--su-ink);white-space:nowrap}.su-brand img{width:30px;height:30px;object-fit:contain;flex:none}.su-brand .su-brand-word{color:var(--su-ink)}.su-brand .su-brand-summer{color:var(--su-blue-fill)}.su-tabs-nav{justify-self:center;min-width:0}.su-tabs{display:flex;align-items:stretch;gap:4px;margin:0;padding:0;list-style:none}.su-tab{position:relative;display:flex;align-items:center;gap:8px;height:var(--su-top-h);padding:0 14px;color:var(--su-body);text-decoration:none;font-size:14.5px;font-weight:600;white-space:nowrap;transition-property:color,background-color;transition-duration:.15s;transition-timing-function:var(--su-ease-out)}.su-tab:hover{color:var(--su-blue-fill-dark)}.su-tab:hover .su-tab-icon{transform:translateY(-1px) scale(1.06)}.su-tab[aria-current=page]{color:var(--su-ink);font-weight:650}.su-tab:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--su-blue-fill);transform:scaleX(0);transition:transform .18s var(--su-ease-out)}.su-tab[aria-current=page]:after{transform:none}.su-tab-icon{width:28px;height:28px;display:block;flex:none;object-fit:contain;transition:transform .18s var(--su-ease-bounce)}.su-tab-label{font-size:inherit;font-weight:inherit;line-height:1;letter-spacing:-.01em}.su-side-help,.su-top-actions>a.su-icon-btn{display:none!important}.su-top-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:10px;min-width:0}.su-page[data-bare=true] .su-top{border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.su-page[data-bare=true] .su-top-row{grid-template-columns:minmax(0,1fr) auto;max-width:1180px;margin:0 auto}.su-page:not([data-bare=true]) .su-top-actions .su-lang{display:none}@media (max-width:1023.98px){:root{--su-top-h:58px}.su-page:not([data-bare=true]){padding-bottom:calc(var(--su-dock-h) + env(safe-area-inset-bottom, 0px))}.su-top{top:env(safe-area-inset-top,0)}.su-top-row{grid-template-columns:minmax(0,1fr) auto;padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.su-brand{font-size:19px}.su-brand img{width:28px;height:28px}.su-tabs-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;justify-self:stretch;width:100%;padding:6px max(8px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom, 0px));background:rgba(255,253,248,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--su-line)}.su-tabs{display:flex;gap:4px;max-width:560px;margin:0 auto;padding:0}.su-tabs li{flex:1;display:flex;min-width:0}.su-tab{flex:1;flex-direction:column;justify-content:center;gap:3px;height:calc(var(--su-dock-h) - 12px);min-width:0;padding:4px 0 2px;border-radius:14px;color:var(--su-muted);font-size:11px;font-weight:700}.su-tab:after{display:none}.su-tab:hover,.su-tab[aria-current=page]{color:var(--su-blue-fill-dark)}.su-tab[aria-current=page]{background:var(--su-sky);font-weight:700}.su-tab[aria-current=page] .su-tab-icon{transform:translateY(-2px) scale(1.08)}.su-tab .su-tab-icon{width:28px;height:28px}.su-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.su-page[data-bare=true] .su-top{border-bottom:0;background:transparent}.su-wrap{padding:18px 16px 110px}}.su-lang{flex:none}.su-lang button{min-width:44px;height:34px;padding:0 10px;font-size:13px}.su-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--su-line);border-radius:12px;background:var(--su-paper);color:var(--su-body);cursor:pointer;text-decoration:none;transition-property:background-color,color,transform;transition-duration:.12s;transition-timing-function:var(--su-ease-out)}.su-icon-btn svg{width:20px;height:20px;display:block}.su-icon-btn img{width:26px;height:26px;display:block;object-fit:contain}.su-icon-btn:hover{background:var(--su-sky);color:var(--su-blue-fill-dark)}.su-icon-btn:active{transform:translateY(1px)}.su-avatar{width:40px;height:40px;border-radius:14px;border:1px solid var(--su-line);font-family:var(--su-font-display);font-weight:760;font-size:17px;line-height:1;letter-spacing:-.02em}.su-avatar,.su-avatar:hover{background:var(--su-sky);color:var(--su-blue-fill-dark)}.su-avatar:hover,.su-avatar[aria-expanded=true]{border-color:var(--su-blue-fill)}.su-avatar[aria-expanded=true]{box-shadow:0 0 0 3px var(--su-sky)}.su-avatar .su-avatar-icon{display:none}.su-avatar[data-empty=true]{background:var(--su-paper);color:var(--su-body)}.su-avatar[data-empty=true] .su-avatar-initial{display:none}.su-avatar[data-empty=true] .su-avatar-icon{display:block}.su-menu{position:fixed;z-index:60;width:320px;max-width:calc(100vw - 32px);padding:10px;margin:0;border:1px solid var(--su-line);border-radius:22px;background:var(--su-paper);color:var(--su-ink);box-shadow:var(--su-sh2);font-family:var(--su-font-body);font-size:15px;transform-origin:top right;animation:su-pop .18s var(--su-ease)}.su-menu[hidden]{display:none}.su-menu-profile{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px 12px}.su-menu-profile b{display:block;font-family:var(--su-font-display);font-weight:760;font-size:18px;letter-spacing:-.03em;line-height:1.15}.su-menu-profile .su-menu-sub{display:block;font-size:13px;color:var(--su-muted)}.su-menu-profile .su-avatar{display:grid;place-items:center;flex:none;pointer-events:none}.su-menu-list{display:flex;flex-direction:column}.su-menu-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 8px;border:0;border-radius:14px;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer;font-weight:650;font-size:15px}.su-menu-item i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--su-sky);color:var(--su-blue-fill-dark)}.su-menu-item svg{width:20px;height:20px;flex:none}.su-menu-item i img{width:28px;height:28px}.su-menu-item>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-menu-item:focus-visible,.su-menu-item:hover{background:var(--su-sky)}.su-menu-item[aria-disabled=true]{opacity:.55;cursor:default}.su-menu-sep{height:1px;margin:6px 10px;background:var(--su-line)}.su-menu-lang{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:6px 8px}.su-menu-lang i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--su-sky);color:var(--su-blue-fill-dark)}.su-menu-lang svg{width:20px;height:20px;flex:none}.su-menu-lang>span{font-weight:650}.su-menu-lang .su-seg{flex:none}.su-seg{display:inline-flex;gap:4px;padding:3px;border-radius:12px;background:var(--su-chip)}.su-seg button{min-width:44px;height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--su-body);font-family:var(--su-font-body);font-size:13.5px;font-weight:650;white-space:nowrap;cursor:pointer}.su-seg button[aria-pressed=true]{background:var(--su-paper);color:var(--su-ink);box-shadow:0 1px 0 var(--su-line),0 2px 6px rgba(66,91,128,.1)}.su-sheet-wrap{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:rgba(36,52,81,.34);animation:su-fade .2s var(--su-ease)}.su-sheet-wrap[hidden]{display:none}.su-sheet-wrap>.su-sheet{width:100%;max-width:560px;max-height:88dvh;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px;padding:10px max(20px,env(safe-area-inset-left,0px)) calc(24px + env(safe-area-inset-bottom, 0px));border-radius:28px 28px 0 0;background:var(--su-cream);color:var(--su-ink);font-family:var(--su-font-body);animation:su-slideup .32s cubic-bezier(.2,.9,.2,1)}.su-sheet-wrap>.su-sheet:focus{outline:none}.su-sheet-grab{width:44px;height:5px;border-radius:9px;background:#D7DFEA;margin:4px auto;flex:none}.su-sheet h2{font-size:26px}.su-sheet-head{display:flex;align-items:center;gap:14px}.su-sheet-head img{width:56px;height:56px}@media (min-width:1024px){.su-sheet-wrap{align-items:center;padding:24px}.su-sheet-wrap>.su-sheet{max-width:520px;max-height:calc(100dvh - 48px);padding:24px;border-radius:24px;border:1px solid var(--su-line);box-shadow:var(--su-sh2);animation:su-pop .22s var(--su-ease)}.su-sheet-wrap .su-sheet-grab{display:none}}.su-sheet .su-btn,.su-sheet .su-btn-quiet{width:100%;min-height:52px}.su-tip{position:fixed;z-index:70;padding:7px 11px;border-radius:10px;background:var(--su-ink);color:#fff;font-family:var(--su-font-body);font-size:13px;font-weight:650;line-height:1.2;white-space:nowrap;pointer-events:none;animation:su-fade .12s var(--su-ease)}.su-tip[hidden]{display:none}.su-toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:14px;background:var(--su-ink);color:#fff;font-family:var(--su-font-body);font-size:14px;font-weight:650;box-shadow:var(--su-sh2);pointer-events:none;animation:su-rise .25s var(--su-ease)}.su-toast svg{width:18px;height:18px;color:#8EE0A8}.su-toast[hidden]{display:none}@media (max-width:1023.98px){.su-toast{bottom:calc(var(--su-dock-h) + 18px + env(safe-area-inset-bottom, 0px))}}.su-btn,.su-btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--su-radius-btn);font-family:var(--su-font-body);font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.2;text-decoration:none;cursor:pointer;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition-property:transform,box-shadow,background-color,color;transition-duration:.12s;transition-timing-function:var(--su-ease-out)}.su-btn{--btn-bg:var(--su-primary);--btn-hover:var(--su-primary-dark);--btn-edge:var(--su-blue-line);--btn-ink:#fff;--btn-glow:rgba(61,105,182,.2);background:var(--btn-bg);border-color:var(--btn-edge);color:var(--btn-ink);box-shadow:0 var(--su-edge) 0 var(--btn-edge),0 12px 22px var(--btn-glow)}.su-btn:hover{background:var(--btn-hover)}.su-btn:active{transform:translateY(var(--su-edge));box-shadow:0 0 0 var(--btn-edge),0 6px 12px var(--btn-glow)}.su-btn:disabled,.su-btn[aria-disabled=true]{background:var(--su-chip);border-color:#D8E0EC;color:#8B97AB;box-shadow:0 var(--su-edge) 0 #D8E0EC;transform:none;cursor:default}.su-btn svg{width:18px;height:18px;flex:none}.su-btn:has(>svg:last-child){padding-right:16px}.su-btn:has(>svg:first-child){padding-left:16px}.su-btn-ink{--btn-bg:var(--su-ink);--btn-hover:#1B2940;--btn-edge:#16223A;--btn-glow:rgba(36,52,81,.18)}.su-btn-blue{--btn-bg:var(--su-blue-fill);--btn-hover:var(--su-blue-fill-dark);--btn-edge:var(--su-blue-line)}.su-btn-good{--btn-bg:var(--su-good);--btn-hover:var(--su-good-dark);--btn-edge:var(--su-good-dark);--btn-glow:rgba(47,122,79,.2)}.su-btn-bad{--btn-bg:var(--su-bad);--btn-hover:var(--su-bad-dark);--btn-edge:var(--su-bad-dark);--btn-glow:rgba(168,44,44,.18)}.su-btn-white{--btn-bg:#fff;--btn-hover:var(--su-sky);--btn-edge:var(--su-line);--btn-ink:var(--paper-ink,var(--su-blue));--btn-glow:rgba(66,91,128,.08)}.su-btn-sun{--btn-bg:#fff;--btn-hover:#FFFBEC;--btn-edge:#E7C96F;--btn-ink:var(--su-sun-ink);--btn-glow:rgba(217,191,97,.18)}.su-btn-phsi{--btn-bg:var(--su-phsi);--btn-hover:var(--su-phsi-dark);--btn-edge:var(--su-phsi-dark);--btn-glow:rgba(30,90,168,.2)}.su-btn-chem{--btn-bg:var(--su-chem);--btn-hover:var(--su-chem-dark);--btn-edge:var(--su-chem-dark);--btn-glow:rgba(152,72,31,.2)}.su-btn-cels{--btn-bg:var(--su-cels);--btn-hover:var(--su-cels-dark);--btn-edge:var(--su-cels-dark);--btn-glow:rgba(15,110,130,.2)}.su-btn-hubs{--btn-bg:var(--su-hubs);--btn-hover:var(--su-hubs-dark);--btn-edge:var(--su-hubs-dark);--btn-glow:rgba(155,58,112,.2)}.su-btn-quiet{border-color:var(--su-line);background:var(--su-paper);color:var(--su-ink);font-weight:650;font-size:14.5px;padding:0 16px;box-shadow:var(--su-shadow-lift)}.su-btn-quiet:hover{background:var(--su-sky);color:var(--su-blue-fill-dark)}.su-btn-quiet:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(216,227,241,.9)}.su-btn-quiet:disabled{opacity:.55;cursor:default;transform:none}.su-btn-quiet svg{width:18px;height:18px;flex:none}.su-btn-quiet:has(>svg:last-child){padding-right:14px}.su-btn-quiet:has(>svg:first-child){padding-left:14px}.su-btn-big,.su-btn-quiet.su-btn-big{min-height:54px;font-size:16px;border-radius:16px}.su-btn-quiet.su-btn-sm,.su-btn-sm{min-height:40px;padding:0 14px;font-size:13.5px;border-radius:12px}.su-btn-block{width:100%}@media (max-width:760px){.su-btn-primary-phone{width:100%;min-height:52px}}.su-link-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--su-blue);font-family:var(--su-font-body);font-size:14.5px;font-weight:700;cursor:pointer;text-decoration:none}.su-link-btn:hover{text-decoration:underline;text-underline-offset:3px}.su-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--su-line);border-radius:var(--su-radius-chip);background:var(--su-paper);color:var(--su-ink);font-family:var(--su-font-body);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition-property:background-color,border-color,color,transform;transition-duration:.12s;transition-timing-function:var(--su-ease-out)}.su-chip img,.su-chip svg{width:22px;height:22px;flex:none}.su-chip:hover{background:var(--su-sky)}.su-chip:active{transform:translateY(1px)}.su-chip.is-active,.su-chip[aria-current],.su-chip[aria-pressed=true]{background:var(--su-chip-active,var(--su-sky));border-color:var(--su-chip-active-line,var(--su-sky-line));color:var(--su-chip-active-ink,var(--su-ink));font-weight:600}.su-chip-phsi{--su-chip-active:var(--su-phsi-bg);--su-chip-active-ink:var(--su-phsi);--su-chip-active-line:var(--su-phsi-line)}.su-chip-chem{--su-chip-active:var(--su-chem-bg);--su-chip-active-ink:var(--su-chem);--su-chip-active-line:var(--su-chem-line)}.su-chip-cels{--su-chip-active:var(--su-cels-bg);--su-chip-active-ink:var(--su-cels);--su-chip-active-line:var(--su-cels-line)}.su-chip-hubs{--su-chip-active:var(--su-hubs-bg);--su-chip-active-ink:var(--su-hubs);--su-chip-active-line:var(--su-hubs-line)}.su-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap;background:var(--paper-bg,var(--su-sky));color:var(--paper-ink,var(--su-blue))}.su-pill img{width:18px;height:18px}.su-card{background:var(--su-paper);border:1px solid var(--su-line);border-radius:var(--su-radius-card);box-shadow:var(--su-shadow);padding:20px}.su-tap{cursor:pointer;transition-property:transform,box-shadow,background-color,border-color;transition-duration:.14s;transition-timing-function:var(--su-ease-out)}.su-tap:hover{background:var(--su-sky);border-color:var(--su-sky-line)}.su-tap:active{transform:translateY(1px);box-shadow:none}.su-card-sun{background:var(--su-sun);border-color:var(--su-sun-line);box-shadow:0 3px 0 rgba(217,191,97,.25)}.su-card-phsi{background:var(--su-phsi-bg);border-color:var(--su-phsi-line)}.su-card-chem{background:var(--su-chem-bg);border-color:var(--su-chem-line)}.su-card-cels{background:var(--su-cels-bg);border-color:var(--su-cels-line)}.su-card-hubs{background:var(--su-hubs-bg);border-color:var(--su-hubs-line)}.su-paper-phsi{--paper:var(--su-phsi);--paper-dark:var(--su-phsi-dark);--paper-bg:var(--su-phsi-bg);--paper-line:var(--su-phsi-line);--paper-ink:var(--su-phsi)}.su-paper-chem{--paper:var(--su-chem);--paper-dark:var(--su-chem-dark);--paper-bg:var(--su-chem-bg);--paper-line:var(--su-chem-line);--paper-ink:var(--su-chem)}.su-paper-cels{--paper:var(--su-cels);--paper-dark:var(--su-cels-dark);--paper-bg:var(--su-cels-bg);--paper-line:var(--su-cels-line);--paper-ink:var(--su-cels)}.su-paper-hubs{--paper:var(--su-hubs);--paper-dark:var(--su-hubs-dark);--paper-bg:var(--su-hubs-bg);--paper-line:var(--su-hubs-line);--paper-ink:var(--su-hubs)}.su-muted{color:var(--su-muted)}.su-body{color:var(--su-body)}.su-input{display:block;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--su-line);border-radius:var(--su-radius-sm);background:var(--su-paper);color:var(--su-ink);font:inherit;font-weight:500;transition-property:border-color,box-shadow;transition-duration:.15s;transition-timing-function:var(--su-ease-out)}.su-input::placeholder{color:var(--su-muted);font-weight:500}.su-input:focus-visible{border-color:var(--su-blue-fill);outline:none;box-shadow:0 0 0 3px var(--su-sky)}picture.su-roro{display:block;flex:none;line-height:0}.su-roro-img{display:block;width:100%;height:100%;object-fit:contain}.su-page .learn-diagram img,.su-page .practice-diagram img,.su-page .sf-anki img,.su-page .su-photo{outline:1px solid var(--su-img-outline);outline-offset:-1px}.su-bar{position:relative;height:8px;border-radius:999px;background:var(--su-chip);overflow:hidden}.su-bar-fill{position:absolute;inset:0 auto 0 0;width:0;min-width:8px;border-radius:999px;background:var(--su-bar-ink,var(--paper,var(--su-primary)));transition:width .6s cubic-bezier(.2,.8,.2,1)}.su-bubble{position:relative;padding:14px 18px;border:1px solid var(--su-line);border-radius:16px;background:var(--su-paper);box-shadow:var(--su-sh);font-size:16px;font-weight:600;line-height:1.4}.su-bubble:after,.su-bubble:before{content:"";position:absolute;left:-11px;top:50%;width:0;height:0;border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:0;border-right:10px solid transparent;border-right-color:var(--su-line);transform:translateY(-50%)}.su-bubble:after{left:-10px;border-right-color:var(--su-paper)}.su-note{padding:16px 18px 14px;border:1px solid var(--su-line);border-radius:18px;background:#fff;background-image:repeating-linear-gradient(#fff 0 31px,#E8EEF8 31px 32px);font-family:var(--su-font-pen);font-size:19px;line-height:32px;color:#1B1B1B}.su-sticky{padding:14px 16px;border:1px solid var(--su-sun-line);border-radius:14px;background:var(--su-sun);color:var(--su-yellow-ink);font-weight:600;font-size:14.5px}.su-skel{position:relative;overflow:hidden;border-radius:12px;background:var(--su-chip);color:transparent;opacity:0;animation:su-skel-show 1ms linear .15s both}.su-skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:su-shimmer 1.4s ease-in-out .15s infinite}@keyframes su-skel-show{to{opacity:1}}@keyframes su-shimmer{to{transform:translateX(100%)}}.su-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:440px;margin:48px auto;padding:28px 20px 24px}.su-state img{width:128px;height:128px;object-fit:contain}.su-state h2{font-size:24px;text-wrap:balance}.su-state p{color:var(--su-body);font-weight:500}.su-state .su-btn,.su-state .su-btn-quiet{margin-top:6px;min-width:220px}.su-state-compact{margin:0 auto;padding:8px 0 4px;gap:10px}.su-state-compact img{width:96px;height:96px}.su-state-compact h2{font-size:20px}@keyframes su-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@keyframes su-fade{0%{opacity:0}to{opacity:1}}@keyframes su-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes su-slideup{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes su-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes su-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:no-preference){html:not([data-motion-tier=minimal]) .su-enter{animation:su-enter .4s var(--su-ease-out) both}.su-enter-2{animation-delay:90ms}.su-enter-3{animation-delay:.18s}.su-enter-4{animation-delay:.27s}.su-enter-5{animation-delay:.36s}}@media (prefers-reduced-motion:reduce){.su-menu,.su-sheet-wrap,.su-sheet-wrap>.su-sheet,.su-skel:after,.su-tip,.su-toast{animation:none}.su-bar-fill,.su-btn,.su-btn-quiet,.su-chip,.su-icon-btn,.su-tab,.su-tab-icon,.su-tab:after,.su-tap{transition:none}}html[data-motion-tier=minimal] .su-menu,html[data-motion-tier=minimal] .su-sheet-wrap,html[data-motion-tier=minimal] .su-sheet-wrap>.su-sheet,html[data-motion-tier=minimal] .su-tip,html[data-motion-tier=minimal] .su-toast{animation:none}.delta-neg{color:#3F6FC7;font-weight:750}.delta-pos{color:#C2453A;font-weight:750}.delta-mid{color:var(--pc,#2D5BD7);font-weight:750}