:root{--figma-bg:#f8fafd;--figma-workspace-bg:#0b111b;--figma-workspace-panel:#101b2b;--figma-text-primary:#13223a;--figma-text-muted:#8290a7;--figma-text-on-dark:#f7f9fc;--figma-brand-teal:#059e9d;--figma-brand-green:#00a879;--figma-border:#dfe6f0;--figma-border-dark:#334967;--figma-surface:#fff;--figma-surface-muted:#f1f5fa;--figma-directory-sidebar:366px;--figma-profile-sidebar:288px;--figma-workspace-rail:88px;--figma-radius-card:20px;--figma-radius-dialog:24px;--figma-shadow-card:0 18px 48px #081a261f;--figma-shadow-dialog:0 24px 48px #03121f47;--responsive-wide-min:1200px;--responsive-medium-min:900px;--responsive-low-height:500px;--responsive-touch-min:44px;--responsive-experiment-sidebar:366px;--responsive-profile-sidebar:288px;--responsive-topbar-height:56px;--responsive-page-inline:clamp(16px, 4vw, 64px);--responsive-page-block:clamp(14px, 3.2vh, 48px);--responsive-safe-top:env(safe-area-inset-top,0px);--responsive-safe-right:env(safe-area-inset-right,0px);--responsive-safe-bottom:env(safe-area-inset-bottom,0px);--responsive-safe-left:env(safe-area-inset-left,0px)}[data-layout-mode=compact]{--responsive-page-inline:clamp(12px, 3vw, 20px);--responsive-page-block:14px}:root{--design-width:1672px;--design-height:941px;--welcome-width:920px;--form-width:752px;--card-width:604px;--card-height:793px;color:#10212e;font-synthesis:none;background:#e9eff7;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{touch-action:manipulation}.viewport{background:linear-gradient(135deg,#edf3fb 0%,#e6edf6 100%);width:100vw;height:100dvh;position:relative;overflow:hidden}.auth-shell{grid-template-columns:var(--welcome-width) var(--form-width);width:var(--design-width);height:var(--design-height);transform-origin:50%;background:#f5f9fc;border-radius:40px;min-height:0;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #18374714}.welcome-panel{color:#f8fbff;background:linear-gradient(138deg,#071c2d 0%,#073f41 100%);min-height:100%;position:relative;overflow:hidden}.brand{z-index:4;letter-spacing:-.03em;font-size:44px;line-height:1;position:absolute;top:54px;left:72px}.welcome-copy{z-index:4;position:absolute;inset:0}.welcome-copy h1{letter-spacing:-.045em;margin:0;font-size:56px;line-height:1.18;position:absolute;top:150px;left:72px}.welcome-copy p{color:#a9c2ca;margin:0;font-size:22px;line-height:1;position:absolute;top:300px;left:76px}.orbit{z-index:1;border:2px solid #1c969373;border-radius:50%;position:absolute}.orbit-small{width:104px;height:104px;top:114px;left:744px}.orbit-small i{background:#ffb63f;border-radius:50%;width:18px;height:18px;position:absolute;top:41px;left:41px}.orbit-large{width:570px;height:570px;top:250px;left:175px}.speech-bubble{z-index:5;color:#123f4a;background:#f4f8fb;border-radius:24px;width:294px;height:104px;padding:22px 26px;font-size:19px;font-weight:700;line-height:1.45;position:absolute;top:352px;left:534px}.boba-character{z-index:3;object-fit:contain;object-position:center bottom;width:620px;height:465px;position:absolute;top:430px;left:115px}.form-panel{background:linear-gradient(140deg,#f8fbfd 0%,#f0f5f8 100%);min-width:0;padding:0;position:relative}.login-card{width:var(--card-width);height:var(--card-height);background:#fff;border-radius:34px;min-height:0;padding:0;position:absolute;top:74px;left:74px;box-shadow:0 24px 55px #2c53641c}.identity-row{color:#117679;width:496px;height:46px;position:absolute;top:52px;left:54px}.identity-row strong{font-size:18px;line-height:22px;position:absolute;top:9px;left:60px}.identity-badge,.loading-mark{color:#fff;background:#12b7a5;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font-size:22px;font-weight:800;display:inline-grid}.identity-row .identity-badge{width:46px;height:46px;font-size:25px}.form-heading{margin:0;position:absolute;inset:0}.form-heading h2{color:#101b2b;letter-spacing:-.04em;margin:0;font-size:40px;line-height:48px;position:absolute;top:136px;left:54px}.form-heading p{color:#66788e;margin:0;font-size:18px;line-height:22px;position:absolute;top:194px;left:54px}.divider{background:#dce5eb;width:496px;height:1px;position:absolute;top:248px;left:54px}.session-notice{z-index:2;color:#87531e;width:496px;margin:0;font-size:14px;line-height:20px;position:absolute;top:258px;left:54px}.field-block{width:496px;height:122px;position:absolute;left:54px}.phone-field{top:284px}.code-field{top:416px}.field-block label{color:#26394a;height:20px;margin:0;font-size:16px;font-weight:700;line-height:20px;display:block}.phone-control,.code-control{background:#f7fafc;border:1px solid #c7d8e3;border-radius:18px;align-items:center;width:496px;height:70px;transition:border-color .16s,box-shadow .16s;display:flex;position:absolute;top:34px;left:0}.phone-control:focus-within,.code-control:focus-within{border-color:#138f91;box-shadow:0 0 0 3px #138f9124}.phone-control.invalid,.code-control.invalid{border-color:#b23b43}.phone-control>span{color:#174654;border-right:1px solid #d7e2e9;padding:0 18px;font-size:17px;font-weight:700}.phone-control input,.code-control input{color:#162d3b;background:0 0;border:0;outline:0;flex:1;min-width:0;height:68px;padding:0 18px;font-size:17px}input::placeholder{color:#5f7086;opacity:1}.code-control button{color:#08787a;white-space:nowrap;cursor:pointer;background:#d9f5f1;border:0;border-radius:14px;flex:none;min-width:126px;min-height:46px;margin-right:8px;padding:0 16px;font-size:15px;font-weight:700}.code-control button:disabled{cursor:not-allowed;opacity:.68}.field-error{color:#a72e3b;min-height:16px;margin:0;font-size:13px;line-height:16px;position:absolute;top:106px;left:2px}.agreement-block{width:496px;height:46px;position:absolute;top:558px;left:54px}.agreement-row{color:#66788e;cursor:pointer;width:100%;height:44px;font-size:14px;display:block;position:relative}.agreement-row input{accent-color:#0a9f96;width:20px;height:20px;margin:0;position:absolute;top:0;left:0}.agreement-row span{line-height:20px;position:absolute;top:0;left:30px}.agreement-block .field-error{top:24px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#067589 0%,#087f75 100%);border:0;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:496px;height:68px;margin:0;font-size:19px;font-weight:800;display:flex;position:absolute;top:610px;left:54px;box-shadow:0 14px 28px #079fb833}.login-arrow{position:absolute;top:23px;left:274px}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{cursor:not-allowed;opacity:.72}.security-note{color:#277b7d;background:#edf9f8;border-radius:18px;align-items:center;gap:12px;width:496px;height:58px;margin:0;padding:0 24px;font-size:14px;display:flex;position:absolute;top:710px;left:54px}.security-lock{position:absolute;top:19px;left:22px}.security-note span{margin-left:30px}.loading-panel,.authenticated-panel{min-height:inherit;text-align:center;background:linear-gradient(145deg,#f8fbfd,#edf5f6);grid-column:1/-1;place-content:center;justify-items:center;display:grid}.loading-panel p{color:#466777;font-weight:700}.authenticated-panel{padding:48px}.authenticated-kicker{color:#15787a;margin:18px 0 30px;font-weight:700}.authenticated-panel h1{color:#0d3038;margin:0;font-size:70px}.masked-user{color:#1d5861;letter-spacing:.08em;margin:24px 0 0;font-size:30px;font-weight:700}.authenticated-hint{color:#70858e;margin:16px 0 0}[data-layout-mode=wide] .auth-shell{width:min(100vw, var(--design-width));height:min(100dvh, var(--design-height));grid-template-columns:minmax(420px,calc(55% + .4px)) minmax(520px,1fr)}[data-layout-mode=wide] .login-card{top:max(24px, calc((100dvh - var(--card-height)) / 2));left:max(24px, calc((100% - var(--card-width)) / 2));width:min(var(--card-width), calc(100% - 48px));height:min(var(--card-height), calc(100dvh - 48px));grid-template-rows:minmax(44px,46fr) minmax(8px,38fr) minmax(80px,80fr) minmax(8px,32fr) 1fr minmax(clamp(4px,17.1px - 1.82vh,8px),9fr) 20fr minmax(clamp(4px,43.28px - 5.455vh,16px),6fr) minmax(96px,122fr) minmax(4px,10fr) minmax(96px,122fr) minmax(8px,20fr) minmax(46px,46fr) minmax(4px,6fr) minmax(52px,68fr) minmax(8px,32fr) minmax(44px,58fr);min-height:540px;padding:clamp(16px,100dvh - 889px,52px) 54px clamp(16px,100dvh - 916px,25px);display:grid}[data-layout-mode=wide] .form-panel{min-width:0;overflow:hidden auto}[data-layout-mode=wide] .identity-row,[data-layout-mode=wide] .form-heading,[data-layout-mode=wide] .divider,[data-layout-mode=wide] .session-notice,[data-layout-mode=wide] .field-block,[data-layout-mode=wide] .agreement-block,[data-layout-mode=wide] .login-button,[data-layout-mode=wide] .security-note{width:100%;position:relative;inset:auto}[data-layout-mode=wide] .identity-row{grid-row:1;height:100%}[data-layout-mode=wide] .form-heading{grid-row:3;height:100%}[data-layout-mode=wide] .form-heading h2{top:0;left:0}[data-layout-mode=wide] .form-heading p{top:58px;left:0}[data-layout-mode=wide] .divider{grid-row:5}[data-layout-mode=wide] .session-notice{overflow-wrap:anywhere;grid-row:7;min-height:0}[data-layout-mode=wide] .phone-field{grid-row:9}[data-layout-mode=wide] .code-field{grid-row:11}[data-layout-mode=wide] .agreement-block{grid-row:13}[data-layout-mode=wide] .login-button{grid-row:15}[data-layout-mode=wide] .security-note{grid-row:17}[data-layout-mode=wide] .field-block{height:100%}[data-layout-mode=wide] .phone-control,[data-layout-mode=wide] .code-control{width:100%;height:max(48px,100% - 52px);top:max(22px,100% - 88px)}[data-layout-mode=wide] .phone-control input,[data-layout-mode=wide] .code-control input{height:calc(100% - 2px)}[data-layout-mode=wide] .field-error{top:calc(100% - 16px)}[data-layout-mode=medium] .auth-shell{border-radius:0;grid-template-columns:minmax(0,48%) minmax(0,52%);width:100%;height:100dvh;position:relative;top:0;left:0;transform:none}[data-layout-mode=compact]{overflow:hidden auto}html:has(.viewport[data-layout-mode=compact]){height:auto;min-height:100%;overflow:hidden auto}body:has(.viewport[data-layout-mode=compact]){height:auto;min-height:100%;overflow:hidden auto}#app:has(.viewport[data-layout-mode=compact]){height:auto;min-height:100%;overflow:hidden auto}[data-layout-mode=compact] .auth-shell{border-radius:0;grid-template-columns:minmax(0,34%) minmax(0,66%);width:100%;height:auto;min-height:540px;position:relative;top:0;left:0;transform:none}[data-layout-mode=medium] .form-panel,[data-layout-mode=compact] .form-panel{min-width:0;padding:max(12px, var(--responsive-safe-top)) max(12px, var(--responsive-safe-right)) max(12px, var(--responsive-safe-bottom)) max(12px, var(--responsive-safe-left))}[data-layout-mode=medium] .form-panel{overflow:hidden auto}[data-layout-mode=medium] .login-card,[data-layout-mode=compact] .login-card{border-radius:24px;grid-template-rows:44px 64px 1px 20px 96px 96px 64px 52px 44px;align-content:space-between;width:100%;min-width:0;height:100%;min-height:0;padding:16px;display:grid;position:relative;top:auto;left:auto}[data-layout-mode=compact] .login-card{height:auto}[data-layout-mode=medium] .identity-row,[data-layout-mode=medium] .form-heading,[data-layout-mode=medium] .divider,[data-layout-mode=medium] .session-notice,[data-layout-mode=medium] .field-block,[data-layout-mode=medium] .agreement-block,[data-layout-mode=medium] .login-button,[data-layout-mode=medium] .security-note,[data-layout-mode=compact] .identity-row,[data-layout-mode=compact] .form-heading,[data-layout-mode=compact] .divider,[data-layout-mode=compact] .session-notice,[data-layout-mode=compact] .field-block,[data-layout-mode=compact] .agreement-block,[data-layout-mode=compact] .login-button,[data-layout-mode=compact] .security-note{width:100%;position:relative;inset:auto}[data-layout-mode=medium] .identity-row,[data-layout-mode=compact] .identity-row{grid-row:1;height:44px}[data-layout-mode=medium] .identity-row .identity-badge,[data-layout-mode=compact] .identity-row .identity-badge{width:44px;height:44px;font-size:22px}[data-layout-mode=medium] .identity-row strong,[data-layout-mode=compact] .identity-row strong{font-size:16px;line-height:20px;top:10px;left:56px}[data-layout-mode=medium] .form-heading,[data-layout-mode=compact] .form-heading{grid-row:2;height:64px}[data-layout-mode=medium] .form-heading h2,[data-layout-mode=compact] .form-heading h2{font-size:30px;line-height:34px;top:0;left:0}[data-layout-mode=medium] .form-heading p,[data-layout-mode=compact] .form-heading p{font-size:15px;line-height:20px;top:38px;left:0}[data-layout-mode=medium] .divider,[data-layout-mode=compact] .divider{grid-row:3;height:1px}[data-layout-mode=medium] .session-notice,[data-layout-mode=compact] .session-notice{grid-row:4;height:20px;font-size:11px;line-height:14px}[data-layout-mode=medium] .phone-field,[data-layout-mode=compact] .phone-field{grid-row:5}[data-layout-mode=medium] .code-field,[data-layout-mode=compact] .code-field{grid-row:6}[data-layout-mode=medium] .field-block,[data-layout-mode=compact] .field-block{height:96px}[data-layout-mode=medium] .field-block label,[data-layout-mode=compact] .field-block label{height:18px;font-size:14px;line-height:18px}[data-layout-mode=medium] .phone-control,[data-layout-mode=medium] .code-control,[data-layout-mode=compact] .phone-control,[data-layout-mode=compact] .code-control{border-radius:14px;width:100%;height:48px;top:22px}[data-layout-mode=medium] .phone-control input,[data-layout-mode=medium] .code-control input,[data-layout-mode=compact] .phone-control input,[data-layout-mode=compact] .code-control input{height:46px;padding:0 12px}[data-layout-mode=medium] .phone-control>span,[data-layout-mode=compact] .phone-control>span{padding:0 12px}[data-layout-mode=medium] .code-control button,[data-layout-mode=compact] .code-control button{border-radius:12px;min-width:112px;height:44px;min-height:44px;margin-right:2px;padding:0 10px}[data-layout-mode=medium] .field-error,[data-layout-mode=compact] .field-error{font-size:11px;line-height:14px;top:80px}[data-layout-mode=medium] .agreement-block,[data-layout-mode=compact] .agreement-block{grid-row:7;height:64px}[data-layout-mode=medium] .agreement-row,[data-layout-mode=compact] .agreement-row{height:44px;font-size:12px}[data-layout-mode=medium] .agreement-block .field-error,[data-layout-mode=compact] .agreement-block .field-error{top:44px}[data-layout-mode=medium] .login-button,[data-layout-mode=compact] .login-button{border-radius:16px;grid-row:8;height:52px;min-height:52px;font-size:17px}[data-layout-mode=medium] .login-arrow,[data-layout-mode=compact] .login-arrow{top:15px;left:calc(50% + 34px)}[data-layout-mode=medium] .security-note,[data-layout-mode=compact] .security-note{border-radius:14px;grid-row:9;height:44px;min-height:44px;padding:0 16px;font-size:12px}[data-layout-mode=medium] .security-lock,[data-layout-mode=compact] .security-lock{top:12px;left:16px}[data-layout-mode=medium] .security-note span,[data-layout-mode=compact] .security-note span{margin-left:28px}[data-layout-mode=medium] .brand{font-size:32px;top:5.7%;left:7.8%}[data-layout-mode=medium] .welcome-copy h1{font-size:40px;top:16%;left:7.8%}[data-layout-mode=medium] .welcome-copy p{font-size:18px;top:calc(16% + 104px);left:8.2%}[data-layout-mode=medium] .orbit-small{width:82px;height:82px;top:12%;left:auto;right:8%}[data-layout-mode=medium] .orbit-small i{width:14px;height:14px;top:32px;left:32px}[data-layout-mode=medium] .orbit-large{aspect-ratio:1;width:min(62%,430px);height:auto;top:28%;left:18%}[data-layout-mode=medium] .speech-bubble{width:220px;height:88px;padding:20px 22px;font-size:16px;top:36%;left:auto;right:8%}[data-layout-mode=medium] .boba-character{width:68%;height:55%;top:auto;bottom:0;left:10%}[data-layout-mode=compact].viewport{height:auto;min-height:540px;overflow:visible}[data-layout-mode=compact] .welcome-panel{min-width:0;min-height:540px}[data-layout-mode=compact] .brand{font-size:28px;top:24px;left:20px}[data-layout-mode=compact] .welcome-copy h1{font-size:26px;line-height:1.2;top:82px;left:20px}[data-layout-mode=compact] .welcome-copy p{font-size:14px;line-height:1.35;top:152px;left:20px}[data-layout-mode=compact] .orbit-small{width:52px;height:52px;top:206px;left:auto;right:18px}[data-layout-mode=compact] .orbit-small i{width:12px;height:12px;top:18px;left:18px}[data-layout-mode=compact] .orbit-large{aspect-ratio:1;width:calc(100% - 36px);height:auto;top:262px;left:18px}[data-layout-mode=compact] .speech-bubble{width:auto;height:76px;padding:14px 16px;font-size:13px;line-height:1.35;top:216px;left:12px;right:12px}[data-layout-mode=compact] .boba-character{width:100%;height:42%;inset:auto 0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.landscape-guard[data-v-e3414156]{display:none}.landscape-content{display:contents}@media (orientation:portrait) and (pointer:coarse){.landscape-guard[data-v-e3414156]{z-index:1000;color:#f5fcff;text-align:center;background:linear-gradient(138deg,#071c2d,#073f41);place-content:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.landscape-guard span[data-v-e3414156]{font-size:48px;line-height:1}.landscape-content{visibility:hidden}}.android-stage-host{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;position:relative}.android-stage-background{z-index:0;pointer-events:none;position:absolute;inset:0}.android-fixed-stage{z-index:1;transform-origin:0 0;position:absolute;top:0;left:0}.platform-runtime-shell[data-v-8ca3c1b3]{width:100%;min-width:0;height:100%;min-height:0}.platform-runtime-blocked[data-v-8ca3c1b3]{text-align:center;place-content:center;min-height:100%;display:grid}.platform-runtime-blocked p[data-v-8ca3c1b3]{margin:.5rem}.responsive-page[data-v-4b3e5c3d]{min-width:0;min-height:100%;padding:var(--responsive-page-block) calc(var(--responsive-page-inline) + var(--responsive-safe-right)) calc(var(--responsive-page-block) + var(--responsive-safe-bottom)) calc(var(--responsive-page-inline) + var(--responsive-safe-left))}:root{--profile-sidebar-width:var(--responsive-profile-sidebar);--profile-topbar-height:var(--responsive-topbar-height);--profile-bg:#f8fafd;--profile-text:#13223a;--profile-muted:#627087;--profile-teal:#057f80;--profile-border:#dfe6f0;--profile-shadow:0 14px 34px #0a1f2e12}.profile-shell{width:100%;height:100dvh;min-height:100%;color:var(--profile-text);background:var(--profile-bg);position:relative;overflow:hidden}.viewport[data-layout-mode=compact]:has(.profile-shell){height:100dvh;min-height:0;overflow:hidden}html:has(.viewport[data-layout-mode=compact] .profile-shell){height:100dvh;min-height:0;overflow:hidden}body:has(.viewport[data-layout-mode=compact] .profile-shell){height:100dvh;min-height:0;overflow:hidden}#app:has(.viewport[data-layout-mode=compact] .profile-shell){height:100dvh;min-height:0;overflow:hidden}.profile-shell a,.profile-shell button{font:inherit}.profile-shell a:focus-visible,.profile-shell button:focus-visible,.coming-soon-card h2:focus-visible{outline-offset:3px;outline:3px solid #005f60}.profile-sidebar a:focus-visible,.profile-drawer a:focus-visible,.profile-drawer button:focus-visible{outline-color:#00e0c1;box-shadow:0 0 0 2px #073638}.profile-shell__page{grid-template-columns:var(--profile-sidebar-width) minmax(0, 1fr);width:100%;height:100%;display:grid}.profile-sidebar{width:var(--profile-sidebar-width);color:#f5fcff;background:linear-gradient(97deg,#061a26 0%,#053333 100%);flex-direction:column;height:100%;padding:44px 36px 36px;display:flex;overflow:hidden}.profile-brand{align-items:center;gap:14px;height:52px;display:flex}.profile-brand__mark{color:#fff;background:#05ab91;border-radius:16px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid}.profile-brand strong,.profile-brand small,.profile-sidebar__student strong,.profile-sidebar__student small{display:block}.profile-brand strong{font-size:24px}.profile-brand small{color:#8cb2c2;margin-top:2px;font-size:12px}.profile-sidebar__divider{background:#477d8761;width:216px;height:1px;margin-top:18px}.profile-sidebar__home{color:#dff7f4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;place-items:center;min-height:48px;margin-top:24px;font-size:13px;font-weight:700;text-decoration:none;display:grid}.profile-sidebar__student{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;width:216px;min-height:68px;margin-top:auto;padding:0 14px;display:flex}.profile-avatar{color:#262e38;background:linear-gradient(135deg,#ffc757,#fa8f3d);border-radius:50%;place-items:center;font-weight:800;display:grid}.profile-avatar--small{flex:0 0 38px;width:38px;height:38px;font-size:16px}.profile-sidebar__student strong{color:#f2fcff;text-overflow:ellipsis;white-space:nowrap;max-width:142px;font-size:15px;overflow:hidden}.profile-sidebar__student small{color:#87b8c4;margin-top:3px;font-size:11px}.profile-compact-header{display:none}.profile-main{min-width:0;height:100%;min-height:0;scroll-padding-top:24px;overflow:hidden auto}.profile-main>.profile-page{min-height:100%;padding:48px 64px 40px}.profile-main__header{justify-content:space-between;align-items:center;min-height:76px;margin-bottom:24px;display:flex}.profile-main__header h1{letter-spacing:-.035em;margin:0;font-size:34px;line-height:1.2}.profile-main__header p{color:var(--profile-muted);margin:7px 0 0;font-size:15px}.profile-return{border:1px solid var(--profile-border);color:#21384f;background:#fff;border-radius:24px;place-items:center;width:168px;min-height:48px;font-size:14px;font-weight:700;text-decoration:none;display:grid;box-shadow:0 6px 16px #0d1f330d}.profile-drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0912205c;justify-items:start;display:grid;position:fixed;inset:0}.profile-drawer{color:#f5fcff;background:linear-gradient(97deg,#061a26,#053333);width:min(352px,86vw);height:100dvh;padding:20px;overflow-y:auto;box-shadow:16px 0 40px #05141e47}.profile-drawer>header{justify-content:space-between;align-items:center;min-height:48px;display:flex}.profile-drawer h2{margin:0;font-size:24px}.profile-drawer button{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;min-width:52px;min-height:44px}.profile-drawer>p{color:#9cc4cc;font-size:13px}.profile-drawer__home{color:#dff7f4;border:1px solid #ffffff1f;border-radius:12px;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.profile-drawer nav{gap:6px;margin-top:20px;display:grid}.profile-drawer nav a{color:#ecfbff;border-radius:12px;align-items:center;min-height:48px;padding:0 14px;text-decoration:none;display:flex}.profile-drawer nav a:hover{background:#ffffff14}.profile-drawer nav a[aria-current=page]{color:#fff;background:#05ab9142;font-weight:800}[data-layout-mode=medium] .profile-shell__page,[data-layout-mode=compact] .profile-shell__page{display:block}[data-layout-mode=medium] .profile-sidebar,[data-layout-mode=compact] .profile-sidebar{display:none}[data-layout-mode=medium] .profile-compact-header,[data-layout-mode=compact] .profile-compact-header{z-index:10;height:calc(var(--profile-topbar-height) + var(--responsive-safe-top));padding:var(--responsive-safe-top) max(14px, var(--responsive-safe-right)) 0 max(14px, var(--responsive-safe-left));border-bottom:1px solid var(--profile-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafdf5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:fixed;inset:0 0 auto}[data-layout-mode=medium] .profile-compact-header button,[data-layout-mode=compact] .profile-compact-header button,[data-layout-mode=medium] .profile-compact-header>a,[data-layout-mode=compact] .profile-compact-header>a{min-width:var(--responsive-touch-min);min-height:var(--responsive-touch-min);border:1px solid var(--profile-border);color:var(--profile-text);background:#fff;border-radius:14px;place-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:grid}[data-layout-mode=medium] .profile-compact-header>span,[data-layout-mode=compact] .profile-compact-header>span{text-align:center;min-width:0}[data-layout-mode=medium] .profile-compact-header small,[data-layout-mode=medium] .profile-compact-header strong,[data-layout-mode=compact] .profile-compact-header small,[data-layout-mode=compact] .profile-compact-header strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}[data-layout-mode=medium] .profile-compact-header small,[data-layout-mode=compact] .profile-compact-header small{color:var(--profile-muted);font-size:10px}[data-layout-mode=medium] .profile-compact-header>span>strong,[data-layout-mode=compact] .profile-compact-header>span>strong{margin-top:2px;font-size:16px}[data-layout-mode=medium] .profile-compact-header>a.profile-compact-header__account,[data-layout-mode=compact] .profile-compact-header>a.profile-compact-header__account{justify-content:center;gap:7px;max-width:138px;display:flex}.profile-avatar--compact{flex:0 0 28px;width:28px;height:28px;font-size:12px}.profile-compact-header__account strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}[data-layout-mode=medium] .profile-main,[data-layout-mode=compact] .profile-main{height:100dvh}[data-layout-mode=medium] .profile-main{container:profile-main/inline-size}[data-layout-mode=medium] .profile-main>.profile-page,[data-layout-mode=compact] .profile-main>.profile-page{min-height:100%;padding:calc(var(--profile-topbar-height) + var(--responsive-safe-top) + 18px) max(var(--responsive-page-inline), var(--responsive-safe-right)) calc(52px + var(--responsive-safe-bottom)) max(var(--responsive-page-inline), var(--responsive-safe-left))}[data-layout-mode=medium] .profile-main__header,[data-layout-mode=compact] .profile-main__header{min-height:58px;margin-bottom:18px}[data-layout-mode=medium] .profile-main__header h1,[data-layout-mode=compact] .profile-main__header h1{font-size:27px}[data-layout-mode=medium] .profile-main__header p,[data-layout-mode=compact] .profile-main__header p{font-size:13px}[data-layout-mode=medium] .profile-return,[data-layout-mode=compact] .profile-return{display:none}@container profile-main (width<=959px){[data-layout-mode=medium] .profile-main>.profile-page{--responsive-page-inline:12px}}@media (prefers-reduced-motion:reduce){.profile-shell *,.profile-shell :before,.profile-shell :after{transition:none!important}}:root{--experiment-sidebar-width:var(--responsive-experiment-sidebar);--experiment-topbar-height:var(--responsive-topbar-height);--experiment-page-inline:min(20px, var(--responsive-page-inline));--experiment-surface:#ffffffc2;--experiment-surface-strong:#fff;--experiment-border:#ffffffeb;--experiment-text:#13223a;--experiment-muted:#5f6c7e;--experiment-teal:#057f80;--experiment-green:#007f5a;--experiment-purple:#6957a1;--experiment-shadow:0 9px 26px #29337a1f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experiment-shell{width:100%;height:100dvh;min-height:100%;color:var(--experiment-text);background:radial-gradient(circle at 78% 4%,#9d8ee961,#0000 34%),radial-gradient(circle at 8% 92%,#3cc9bc3d,#0000 34%),linear-gradient(112deg,#f7fcff 0%,#dee8ff 55%,#c4cfff 100%);position:relative;overflow:hidden}.viewport[data-layout-mode=compact]:has(.experiment-shell){height:100dvh;min-height:0;overflow:hidden}html:has(.viewport[data-layout-mode=compact] .experiment-shell){height:100dvh;min-height:0;overflow:hidden}body:has(.viewport[data-layout-mode=compact] .experiment-shell){height:100dvh;min-height:0;overflow:hidden}#app:has(.viewport[data-layout-mode=compact] .experiment-shell){height:100dvh;min-height:0;overflow:hidden}.experiment-shell button,.experiment-shell select,.experiment-shell input{font:inherit}.experiment-shell button:focus-visible,.experiment-shell select:focus-visible,.experiment-shell input:focus-visible,.experiment-dialog h2:focus-visible{outline-offset:3px;outline:3px solid #005f60}.experiment-shell__page{grid-template-columns:var(--experiment-sidebar-width) minmax(0, 1fr);width:100%;height:100%;display:grid}.experiment-sidebar{z-index:3;width:var(--experiment-sidebar-width);border-right:1px solid var(--experiment-border);height:100%;box-shadow:var(--experiment-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;flex-direction:column;padding:24px 29px 28px;display:flex;position:relative}.experiment-brand{align-items:center;gap:14px;min-height:66px;display:flex}.experiment-brand__boba{color:#0000;letter-spacing:-.08em;background:linear-gradient(110deg,#3e8f93,#657eab 55%,#7567a4);-webkit-background-clip:text;background-clip:text;border:1px solid #ffffffc7;border-radius:18px;place-items:center;width:64px;height:54px;font-size:24px;font-weight:800;display:grid;box-shadow:0 6px 14px #3149631a}.experiment-brand strong,.experiment-brand small{display:block}.experiment-brand strong{font-size:24px}.experiment-brand small{color:var(--experiment-muted);letter-spacing:.08em;margin-top:4px;font-size:11px}.experiment-edition{border:1px solid var(--experiment-border);min-height:68px;box-shadow:var(--experiment-shadow);background:#ffffffb8;border-radius:18px;grid-template-rows:20px 44px;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;column-gap:10px;margin-top:25px;padding:2px 14px;display:grid;position:relative}.experiment-edition>img:first-child{grid-row:1/3;place-self:center}.experiment-edition>img:last-child{grid-area:1/3/3}.experiment-edition span{color:var(--experiment-muted);grid-column:2;font-size:12px}.experiment-edition select{width:100%;min-height:44px;color:var(--experiment-text);appearance:none;background:0 0;border:0;grid-column:2;padding:0 2px;font-size:15px;font-weight:700}.experiment-sidebar__label{color:var(--experiment-muted);margin:31px 0 13px;font-size:14px}.experiment-directory-item,.experiment-account-entry{width:100%;min-height:48px;color:var(--experiment-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:22px 1fr 18px;align-items:center;gap:8px;padding:0 14px;display:grid}.experiment-chapters{gap:4px;margin-top:12px;display:grid;overflow-y:auto}.experiment-chapters strong{color:#58677c;margin:12px 12px 4px;font-size:13px}.experiment-chapters button{color:#3e4f65;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:44px;padding:0 18px 0 32px}.experiment-chapters button[aria-current=true]{color:var(--experiment-teal);background:#059e9d1a;font-weight:700}.experiment-directory-item.is-current{color:var(--experiment-teal);background:linear-gradient(90deg,#d1f5f0db,#e5deffd1);border-color:#fffffff2;font-weight:700;box-shadow:0 6px 9px #1f576b1f}.experiment-account-entry{border-color:var(--experiment-border);color:var(--experiment-teal);box-shadow:var(--experiment-shadow);background:#ffffffb8;grid-template-columns:22px 1fr;margin-top:auto;font-weight:700}.experiment-compact-header{display:none}.experiment-main{min-width:0;height:100%;min-height:0;padding:29px 188px 64px 28px;scroll-padding-top:24px;overflow:hidden auto;container:experiment-main/inline-size}.experiment-main__header{justify-content:space-between;align-items:flex-end;min-height:95px;display:flex}.experiment-main__actions{align-items:center;gap:12px;display:flex}.experiment-main__actions button{border:1px solid var(--experiment-border);min-height:46px;color:var(--experiment-text);box-shadow:var(--experiment-shadow);cursor:pointer;background:#fffc;border-radius:23px;padding:0 20px;font-weight:700}.experiment-main__actions button:first-child{color:#fff;background:linear-gradient(90deg, var(--figma-brand-teal), var(--figma-brand-green));border:0}.experiment-main__eyebrow{color:var(--experiment-teal);letter-spacing:.12em;font-size:12px;font-weight:700}.experiment-main h1{letter-spacing:-.035em;margin:5px 0 4px;font-size:clamp(31px,2.5vw,42px);line-height:1.15}.experiment-main__entitlement{color:var(--experiment-muted);margin:0;font-size:14px}.experiment-toolbar{grid-template-columns:minmax(280px,470px) auto;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 24px;display:grid}.experiment-search{border:1px solid var(--experiment-border);background:#ffffffbf;border-radius:26px;align-items:center;min-width:0;height:52px;padding:0 12px 0 18px;display:flex;box-shadow:0 9px 13px #29337a1a}.experiment-search input{min-width:0;height:44px;color:var(--experiment-text);background:0 0;border:0;outline:0;flex:1}.experiment-search input::placeholder{color:#65758b}.experiment-search button{min-width:48px;min-height:44px;color:var(--experiment-teal);cursor:pointer;background:0 0;border:0;font-size:13px}.experiment-access-filter{border:1px solid var(--experiment-border);height:52px;color:var(--experiment-muted);background:#ffffffb3;border-radius:16px;align-items:center;gap:9px;padding:0 11px 0 16px;display:flex}.experiment-access-filter select{min-width:98px;min-height:44px;color:var(--experiment-text);background:0 0;border:0}.experiment-grid{padding-bottom:20px}.catalog-load-more{border:1px solid var(--experiment-teal);min-width:140px;min-height:44px;color:var(--experiment-teal);cursor:pointer;background:#fff;border-radius:8px;margin:4px auto 24px;font-weight:700;display:block}.catalog-load-more:disabled{cursor:wait;opacity:.62}.experiment-card{border:1px solid var(--experiment-border);min-width:0;min-height:314px;color:var(--experiment-text);text-align:left;background:var(--experiment-surface);box-shadow:var(--experiment-shadow);cursor:pointer;border-radius:14px;flex-direction:column;padding:0;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.experiment-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #29337a2b}.experiment-card__image-wrap{aspect-ratio:348/191;background:#d9e2ee;width:100%;display:block;overflow:hidden}.experiment-card__body{flex-direction:column;flex:1;gap:8px;padding:15px;display:flex}.experiment-card__recommended{z-index:1;color:#075d52;background:#dff6ec;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.experiment-card__body>strong{font-size:17px;line-height:1.35}.experiment-card__summary{color:var(--experiment-muted);font-size:13px;line-height:1.55}.experiment-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.experiment-card__status{color:#5f6c7e;background:#edf0f4;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.experiment-card__status.is-free{color:#006e4f;background:#dff6ec}.experiment-card__status.is-unlocked{color:#116f70;background:#d9f1f2}.experiment-state-panel,.experiment-empty{border:1px solid var(--experiment-border);text-align:center;min-height:330px;box-shadow:var(--experiment-shadow);background:#ffffffa6;border-radius:22px;align-content:center;place-items:center;padding:32px;display:grid}.experiment-state-panel h2,.experiment-empty h2{margin:12px 0 5px}.experiment-state-panel p,.experiment-empty p{color:var(--experiment-muted);margin:0}.experiment-state-panel__mark{color:#fff;background:linear-gradient(135deg, var(--experiment-teal), var(--experiment-purple));border-radius:17px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:grid}.experiment-state-panel button{color:#fff;background:var(--experiment-teal);cursor:pointer;border:0;border-radius:22px;min-width:132px;min-height:44px;margin-top:20px;font-weight:700}.boba-helper{z-index:5;pointer-events:none;width:150px;height:280px;position:fixed;bottom:20px;right:18px}.boba-helper__speech{width:136px;min-height:72px;color:var(--experiment-text);text-align:center;background:url(/shell-assets/boba-speech-bubble.svg) 50%/100% 100% no-repeat;padding:17px 12px;font-size:13px;line-height:1.45;position:absolute;top:0;left:5px}.boba-helper__character{object-fit:contain;width:178px;height:154px;position:absolute;top:62px;left:-13px}.boba-helper__toggle{border:1px solid var(--experiment-border);width:134px;min-height:49px;color:var(--experiment-teal);box-shadow:var(--experiment-shadow);cursor:pointer;pointer-events:auto;background:#ffffffd6;border-radius:15px;font-weight:700;position:absolute;bottom:0;left:8px}.boba-helper__menu{border:1px solid var(--experiment-border);width:148px;box-shadow:var(--experiment-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#ffffffeb;border-radius:16px;padding:8px;display:grid;position:absolute;bottom:54px;right:0}.boba-helper__menu button{min-height:44px;color:var(--experiment-text);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:0 10px;display:flex}.boba-helper__menu button:hover{background:#d9f0f5d1}.experiment-drawer-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09122047;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.experiment-dialog-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09122047}.experiment-dialog{background:#fff;border:1px solid #dfe6f0;border-radius:26px;width:min(960px,100vw - 32px);min-height:min(620px,100dvh - 48px);max-height:calc(100dvh - 32px);padding:32px 40px 26px;overflow-y:auto;box-shadow:0 22px 44px #29385c33;container:experiment-dialog/inline-size}.experiment-dialog__header{grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:16px;min-height:60px;display:grid}.experiment-dialog__header span:first-child{color:var(--experiment-teal);font-size:13px;font-weight:700}.experiment-dialog__header h2{margin:3px 0 0;font-size:27px;line-height:1.3}.experiment-dialog__badge{color:#fff;background:var(--experiment-green);border-radius:20px;padding:8px 17px;font-size:13px;font-weight:700}.experiment-dialog__badge.is-locked{color:#5f6c7e;background:#edf0f4}.experiment-dialog__close{cursor:pointer;background:#fff;border:1px solid #dfe6f0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.experiment-dialog__body{grid-template-columns:minmax(0,520px) minmax(270px,1fr);gap:28px;margin-top:20px;display:grid}.experiment-dialog__body.is-locked{grid-template-columns:minmax(0,520px) minmax(270px,1fr)}.experiment-dialog__preview>img{object-fit:cover;border:1px solid #dfe6f0;border-radius:18px;width:100%;height:278px;display:block}.experiment-dialog__preview p{color:var(--experiment-muted);margin:16px 0 0;font-size:14px;line-height:1.65}.experiment-dialog__actions{gap:12px;display:grid}.experiment-detail-copy{grid-template-columns:1fr 1fr;gap:10px;display:grid}.experiment-detail-copy>div{background:#f8fafc;border:1px solid #dfe6f0;border-radius:8px;padding:10px}.experiment-detail-copy p{color:var(--experiment-muted);margin:5px 0 0;font-size:12px;line-height:1.45}.experiment-detail-media{background:#111827;border-radius:8px;width:100%;max-height:150px}.experiment-detail-media-error,.experiment-detail-state{color:var(--experiment-muted);background:#f8fafc;border:1px solid #dfe6f0;border-radius:8px;margin:0;padding:16px}.experiment-detail-state button{color:#fff;background:var(--experiment-teal);border:0;border-radius:8px;min-height:44px;margin-top:10px}.experiment-detail-steps{gap:7px;max-height:126px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.experiment-detail-steps li{border-left:3px solid var(--experiment-teal);background:#f8fafc;gap:2px;padding:8px 10px;display:grid}.experiment-detail-steps span{color:var(--experiment-muted);font-size:12px}.experiment-dialog__action-heading{gap:3px;display:grid}.experiment-dialog__action-heading strong{font-size:17px}.experiment-dialog__action-heading span{color:var(--experiment-muted);font-size:12px}.experiment-dialog__action{border:1px solid var(--experiment-teal);min-height:86px;color:var(--experiment-text);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:10px 14px;display:grid}.experiment-dialog__action-icon{background:var(--experiment-teal);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.experiment-dialog__action strong,.experiment-dialog__action small{display:block}.experiment-dialog__action small{color:var(--experiment-muted);margin-top:3px;font-size:12px}.experiment-dialog__locked{text-align:center;background:#f3f6fa;border-radius:18px;align-content:center;place-items:center;min-height:278px;padding:28px;display:grid}.experiment-dialog__locked p{color:var(--experiment-muted);line-height:1.7}.experiment-dialog__locked button{color:#fff;background:var(--experiment-teal);cursor:pointer;border:0;border-radius:22px;min-width:128px;min-height:44px;font-weight:700}.experiment-dialog__footer{min-height:30px;color:var(--experiment-green);align-items:center;gap:9px;margin-top:18px;font-size:13px;font-weight:700;display:flex}.experiment-drawer-backdrop{place-items:stretch start;padding:0;display:none}.experiment-drawer{border-right:1px solid var(--experiment-border);background:#f7fbfffa;width:min(360px,88vw);height:100%;padding:14px 18px 28px;overflow-y:auto;box-shadow:16px 0 42px #19274e38}.experiment-drawer header{justify-content:space-between;align-items:center;min-height:56px;display:flex}.experiment-drawer h2{margin:0;font-size:22px}.experiment-drawer header button{background:#fff;border:1px solid #dfe6f0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.experiment-drawer__edition{color:var(--experiment-muted);gap:7px;margin:22px 0;font-size:13px;display:grid}.experiment-drawer__edition select{width:100%;min-height:46px;color:var(--experiment-text);background:#fff;border:1px solid #dfe6f0;border-radius:12px;padding:0 12px}.experiment-drawer nav{gap:6px;display:grid}.experiment-drawer nav button{min-height:48px;color:var(--experiment-text);text-align:left;background:0 0;border:0;border-radius:12px;padding:0 14px}.experiment-drawer nav button[aria-current=page]{color:var(--experiment-teal);background:#d9f1ef;font-weight:700}[data-layout-mode=medium] .experiment-shell__page,[data-layout-mode=compact] .experiment-shell__page{display:block}[data-layout-mode=medium] .experiment-sidebar,[data-layout-mode=compact] .experiment-sidebar,[data-layout-mode=medium] .boba-helper,[data-layout-mode=compact] .boba-helper{display:none}[data-layout-mode=medium] .experiment-compact-header,[data-layout-mode=compact] .experiment-compact-header{z-index:10;height:calc(var(--experiment-topbar-height) + var(--responsive-safe-top));padding:var(--responsive-safe-top) max(14px, var(--responsive-safe-right)) 0 max(14px, var(--responsive-safe-left));border-bottom:1px solid var(--experiment-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 6px 18px #29337a1a}[data-layout-mode=medium] .experiment-compact-header__identity,[data-layout-mode=compact] .experiment-compact-header__identity{min-width:0;line-height:1.1;display:grid}[data-layout-mode=medium] .experiment-compact-header__identity small,[data-layout-mode=compact] .experiment-compact-header__identity small{color:var(--experiment-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}[data-layout-mode=medium] .experiment-compact-header__identity strong,[data-layout-mode=compact] .experiment-compact-header__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}[data-layout-mode=medium] .experiment-compact-header button,[data-layout-mode=compact] .experiment-compact-header button{min-width:var(--responsive-touch-min);min-height:var(--responsive-touch-min);color:var(--experiment-teal);background:0 0;border:0;border-radius:12px;padding:0 12px}[data-layout-mode=medium] .experiment-main,[data-layout-mode=compact] .experiment-main{height:100dvh;padding:calc(var(--experiment-topbar-height) + var(--responsive-safe-top) + 18px) max(var(--experiment-page-inline), var(--responsive-safe-right)) calc(52px + var(--responsive-safe-bottom)) max(var(--experiment-page-inline), var(--responsive-safe-left))}[data-layout-mode=medium] .experiment-main__header,[data-layout-mode=compact] .experiment-main__header{min-height:74px}[data-layout-mode=medium] .experiment-main__actions,[data-layout-mode=compact] .experiment-main__actions{display:none}[data-layout-mode=medium] .experiment-main h1,[data-layout-mode=compact] .experiment-main h1{font-size:30px}[data-layout-mode=medium] .experiment-toolbar,[data-layout-mode=compact] .experiment-toolbar{grid-template-columns:minmax(260px,1fr) auto;margin-top:8px}[data-layout-mode=compact] .responsive-grid.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-layout-mode=medium] .experiment-drawer-backdrop,[data-layout-mode=compact] .experiment-drawer-backdrop{display:grid}[data-layout-mode=medium] .experiment-dialog{padding:22px}[data-layout-mode=compact] .experiment-dialog{padding:16px}@container experiment-main (width<=730px){.experiment-main .experiment-toolbar{grid-template-columns:1fr}.experiment-main .experiment-access-filter{justify-content:space-between}.experiment-main .responsive-grid.experiment-grid{grid-template-columns:1fr}}@container experiment-dialog (width<=840px){.experiment-dialog__header{grid-template-columns:minmax(0,1fr) 44px}.experiment-dialog__header>.experiment-dialog__badge{grid-row:2;justify-self:start}.experiment-dialog__header h2{font-size:22px}.experiment-dialog__body,.experiment-dialog__body.is-locked{grid-template-columns:1fr}.experiment-dialog__preview>img{height:min(240px,35vh)}}@media (prefers-reduced-motion:reduce){.experiment-card{transition:none}}.coming-soon-page{min-height:100%}.coming-soon-card{border:1px solid var(--profile-border,#dfe6f0);text-align:center;background:#ffffffdb;border-radius:24px;align-content:center;place-items:center;min-height:min(620px,100dvh - 188px);padding:48px 28px;display:grid;box-shadow:0 14px 34px #0a1f2e12}.coming-soon-card__mark{color:#fff;background:linear-gradient(135deg,#05ab91,#087878);border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto;font-size:27px;font-weight:800;display:grid}.coming-soon-card [aria-live]>p:first-of-type{color:#057f80;letter-spacing:.08em;margin:20px 0 5px;font-size:13px;font-weight:700}.coming-soon-card h2{color:#13223a;margin:0;font-size:clamp(30px,4vw,46px)}.coming-soon-card [data-testid=coming-soon-description]{color:#627087;max-width:520px;margin:14px auto 0;line-height:1.7}.coming-soon-card nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.coming-soon-card nav a{color:#21384f;background:#fff;border:1px solid #dfe6f0;border-radius:24px;place-items:center;min-width:148px;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;display:grid}.coming-soon-card nav a:first-child{color:#fff;background:#057f80;border-color:#057f80}[data-layout-mode=medium] .coming-soon-card,[data-layout-mode=compact] .coming-soon-card{min-height:calc(100dvh - 156px)}.responsive-media[data-v-8ae1a6dd]{display:block;position:relative;overflow:hidden}.responsive-media>img[data-v-8ae1a6dd]{width:100%;height:100%;display:block}[data-media-fallback][data-v-8ae1a6dd]{color:#627087;background:#edf2f6;place-items:center;width:100%;height:100%;display:grid}.adaptive-dialog__backdrop[data-v-6d4e990e]{z-index:50;background:#0912206b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.adaptive-dialog__surface[data-v-6d4e990e]{width:min(1040px,100%);max-height:min(820px,100dvh - 48px);overflow:auto}[data-layout-mode=medium] .adaptive-dialog__surface[data-v-6d4e990e]{max-height:calc(100dvh - 24px)}[data-layout-mode=compact] .adaptive-dialog__backdrop[data-v-6d4e990e]{padding:max(8px, var(--responsive-safe-top)) max(8px, var(--responsive-safe-right)) max(8px, var(--responsive-safe-bottom)) max(8px, var(--responsive-safe-left))}[data-layout-mode=compact] .adaptive-dialog__surface[data-v-6d4e990e]{width:100%;max-height:100%}.responsive-grid[data-v-58567058]{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--responsive-grid-min)), 1fr));gap:var(--responsive-grid-gap);display:grid;container-type:inline-size}.profile-identity-card{box-sizing:border-box;border:1px solid var(--profile-border);height:220px;min-height:220px;box-shadow:var(--profile-shadow);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:26px 28px 26px 34px;display:flex}.profile-identity-card__copy{flex:auto;align-items:center;gap:22px;min-width:0;display:flex}.profile-identity-card__copy>div,.profile-identity-card__copy p,.profile-identity-card__copy p strong{min-width:0}.profile-identity-card__copy p strong{overflow-wrap:anywhere}.profile-avatar--large{flex:0 0 86px;width:86px;height:86px;font-size:28px}.profile-identity-card__copy p{align-items:center;gap:10px;margin:0;display:flex}.profile-identity-card__copy p strong{font-size:26px}.profile-identity-card__copy p span{color:#037878;background:#059e9d1a;border-radius:14px;padding:6px 12px;font-size:13px;font-weight:700}.profile-identity-card__copy small{color:var(--profile-muted);margin-top:10px;font-size:14px;display:block}.profile-identity-card__copy em{color:#616e80;background:#edf0f4;border-radius:16px;margin-top:10px;padding:8px 14px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.profile-identity-card__copy em.is-unlocked{color:#007a5c;background:#00a8791a}.profile-identity-card__boba{background:#e5faf78c;border-radius:24px;flex:0 0 244px;width:244px}.profile-groups{margin-top:24px;grid-template-columns:486px minmax(0,1fr)!important}.profile-group{box-sizing:border-box;border:1px solid var(--profile-border);background:#fff;border-radius:18px;min-width:0;height:344px;padding:24px 24px 18px;overflow:hidden}.profile-group>header{height:60px}.profile-group h2{margin:0;font-size:19px}.profile-group header p{color:var(--profile-muted);margin:6px 0 0;font-size:13px}.profile-entry{color:#1a2b40;border-bottom:1px solid #edf2f7;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:110px;text-decoration:none;display:grid}.profile-entry:last-child{border-bottom:0}.profile-entry--compact{grid-template-columns:38px minmax(0,1fr) auto;min-height:60px}.profile-entry__icon{background:#edf6fa;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.profile-entry--compact .profile-entry__icon{border-radius:12px;width:38px;height:38px}.profile-entry__icon img{object-fit:cover;border-radius:8px;width:22px;height:22px;display:block}.profile-entry>span:nth-child(2){min-width:0}.profile-entry strong,.profile-entry small{display:block}.profile-entry strong{font-size:15px}.profile-entry small{color:var(--profile-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;overflow:hidden}.profile-entry>span:last-child{color:var(--profile-muted);font-size:18px}.profile-actions{flex-direction:row-reverse;justify-content:space-between;align-items:center;min-height:56px;margin-top:109px;display:flex}.profile-action{min-width:96px;min-height:44px;color:var(--profile-muted);border-radius:22px;place-items:center;font-size:13px;font-weight:600;text-decoration:none;display:grid}.profile-action.is-danger{color:#c82733;border:1px solid #ed4d54;width:142px;min-height:48px;font-size:14px}.profile-state{border:1px solid var(--profile-border);min-height:500px;box-shadow:var(--profile-shadow);background:#fff;border-radius:20px;align-content:center;place-items:center;display:grid}.profile-state strong{font-size:22px}.profile-state p{color:var(--profile-muted)}.profile-state button{color:#fff;background:var(--profile-teal);border:0;border-radius:22px;min-width:132px;min-height:44px;font-weight:700}[data-layout-mode=medium] .profile-identity-card{min-height:174px;padding:22px}[data-layout-mode=medium] .profile-identity-card__boba{flex-basis:210px;width:210px}[data-layout-mode=medium] .profile-groups{gap:16px;margin-top:16px}[data-layout-mode=medium] .profile-group{height:auto;min-height:312px}[data-layout-mode=medium] .profile-entry{min-height:86px}[data-layout-mode=medium] .profile-entry--compact{min-height:58px}[data-layout-mode=medium] .profile-actions{margin-top:16px}[data-layout-mode=compact] .profile-identity-card{gap:12px;min-height:0;padding:14px}[data-layout-mode=compact] .profile-identity-card__copy{gap:12px}[data-layout-mode=compact] .profile-avatar--large{flex-basis:58px;width:58px;height:58px;font-size:20px}[data-layout-mode=compact] .profile-identity-card__copy p strong{font-size:20px}[data-layout-mode=compact] .profile-identity-card__copy small{margin-top:6px;font-size:12px}[data-layout-mode=compact] .profile-identity-card__copy em{margin-top:6px;padding:6px 10px;font-size:11px}[data-layout-mode=compact] .profile-identity-card__boba{border-radius:18px;flex-basis:clamp(132px,24vw,184px);width:clamp(132px,24vw,184px)}[data-layout-mode=compact] .profile-groups{gap:16px;margin-top:16px;--responsive-grid-min:100%!important;grid-template-columns:1fr!important}[data-layout-mode=compact] .profile-group{height:auto;min-height:0}[data-layout-mode=compact] .profile-entry,[data-layout-mode=compact] .profile-entry--compact{min-height:64px}[data-layout-mode=compact] .profile-actions{margin-top:16px}