.st{background:var(--bg);min-height:100dvh}.st-bar{z-index:20;padding:max(10px,env(safe-area-inset-top))clamp(12px,3vw,24px)10px;align-items:center;gap:10px;display:flex;position:sticky;top:0}.st-bar-inner{border-radius:var(--r-pill);align-items:center;gap:8px;width:100%;max-width:1120px;margin:0 auto;padding:6px 8px 6px 6px;display:flex}.st-bar h1{font-family:var(--font-display);letter-spacing:-.015em;font-size:19px;font-weight:500}.st-back{border-radius:var(--r-pill);min-height:44px;font:500 14.5px/1 var(--font-text);color:var(--accent);transition:background-color var(--dur-fast)ease;align-items:center;gap:2px;padding:0 12px 0 6px;text-decoration:none;display:inline-flex}.st-back:hover{background:color-mix(in oklch,var(--accent)10%,transparent)}.st-back .material-symbols-outlined{font-size:24px}.st-bar .st-me{color:var(--text-2);align-items:center;gap:10px;margin-left:auto;font-size:13.5px;display:flex}.st-avatar{width:36px;height:36px;color:var(--on-me);background:var(--me);border-radius:50%;place-items:center;font-weight:600;display:grid;position:relative;overflow:hidden}.st-body{grid-template-columns:1fr;gap:28px;width:100%;max-width:1120px;margin:0 auto;padding:12px clamp(12px,3vw,24px) 80px;display:grid}@media (min-width:900px){.st-body{grid-template-columns:260px 1fr;align-items:start}}.st-nav{flex-direction:column;gap:2px;display:flex}@media (min-width:900px){.st-nav{position:sticky;top:84px}}.st-nav a{border-radius:var(--r-md);min-height:44px;color:var(--text);transition:background-color var(--dur-fast)ease;align-items:center;gap:12px;padding:6px 12px 6px 8px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.st-nav a:hover{background:color-mix(in oklch,var(--text)5%,transparent)}.st-nav a[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-card)}.st-nav-icon{color:#fcfcfc;color:lab(98.84% .0000298023 -.0000119209);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.st-nav-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:18px}.st-nav hr{background:var(--line);border:0;height:1px;margin:10px 8px}.st-nav .st-signout{color:var(--danger)}@media (max-width:899px){.st[data-level=index] .st-content,.st[data-level=section] .st-nav{display:none}}.st-content{min-width:0;animation:sx-rise .36s var(--ease-out)both}.st-head{margin:4px 4px 22px}.st-head h2{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:-.025em;font-weight:500;line-height:1.05}.st-head p{max-width:60ch;color:var(--text-2);margin-top:8px;font-size:15px;line-height:1.5}.st-hello{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.st-hello .st-avatar{width:52px;height:52px;font-size:20px}.st-hello b{font-size:16px;display:block}.st-hello span{color:var(--text-2);font-size:13.5px}.st-status{white-space:nowrap;color:var(--text-3);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.st-status[data-s=saved]{color:var(--here)}.st-status[data-s=error]{color:var(--danger)}.st-status .material-symbols-outlined{font-size:16px}.st-pad{padding:16px}.st-pad+.st-pad{border-top:1px solid var(--line)}.st-stack{flex-direction:column;gap:14px;display:flex}.st-inline{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.st-inline>.ui-field{flex:200px}.st-note{font-size:var(--fs-meta);color:var(--text-2);line-height:1.45}.st-banner{border-radius:var(--r-md);background:color-mix(in oklch,var(--here)10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--here)30%,transparent);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.st-banner[data-tone=error]{background:color-mix(in oklch,var(--danger)9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--danger)30%,transparent)}.st-banner .material-symbols-outlined{color:var(--here);font-size:20px}.st-banner[data-tone=error] .material-symbols-outlined{color:var(--danger)}.st-usage{padding:18px 16px 16px}.st-usage-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.st-usage-big{font-family:var(--font-display);letter-spacing:-.02em;font-size:34px;font-weight:600}.st-usage-big small{font-family:var(--font-text);color:var(--text-2);font-size:14px;font-weight:500}.st-meter{border-radius:var(--r-pill);background:color-mix(in oklch,var(--text)8%,transparent);height:10px;margin-top:12px;overflow:hidden}.st-meter>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .9s var(--ease-out);display:block}.st-meter[data-level=high]>span{background:var(--warning)}.st-breakdown{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:14px;display:grid}.st-breakdown div{border-radius:var(--r-md);background:var(--surface-2);padding:10px 12px}.st-breakdown dt{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.st-breakdown dt .material-symbols-outlined{font-size:16px}.st-breakdown dd{margin-top:4px;font-size:15px;font-weight:600}.st-breakdown dd small{color:var(--text-3);font-weight:400}.st-plans{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.st-plan{border-radius:var(--r-lg);text-align:left;font:inherit;color:var(--text);background:var(--surface);box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow var(--dur-fast)ease,transform var(--dur-fast)var(--ease-out);border:0;flex-direction:column;gap:4px;padding:16px;display:flex}.st-plan:hover{transform:translateY(-2px)}.st-plan[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent),0 12px 28px -16px var(--accent)}.st-plan-name{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:8px;font-size:19px;font-weight:500;display:flex}.st-plan-price{letter-spacing:-.02em;font-size:24px;font-weight:600}.st-plan-price small{color:var(--text-2);font-size:13px;font-weight:400}.st-plan ul{flex-direction:column;gap:6px;margin-top:10px;font-size:13.5px;list-style:none;display:flex}.st-plan li{color:var(--text-2);align-items:center;gap:7px;display:flex}.st-plan li .material-symbols-outlined{color:var(--here);font-size:17px}.st-plan li[data-off=true],.st-plan li[data-off=true] .material-symbols-outlined{color:var(--text-3)}.st-profile-top{align-items:center;gap:16px;padding:16px;display:flex}.st-photo{width:84px;height:84px;font-family:var(--font-display);color:#fcfcfc;color:lab(98.84% .0000298023 -.0000119209);background:linear-gradient(145deg,var(--accent),color-mix(in oklch,var(--accent)50%,var(--here)));border-radius:50%;flex-shrink:0;place-items:center;font-size:30px;font-weight:500;display:grid;position:relative;overflow:hidden}.st-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.st-traits{flex-direction:column;gap:14px;padding:16px;display:flex}.st-trait-top{align-items:center;gap:8px;font-size:14.5px;font-weight:500;display:flex}.st-trait-top .material-symbols-outlined{color:var(--accent);font-size:18px}.st-trait-top b{font-variant-numeric:tabular-nums;margin-left:auto}.st-trait p{color:var(--text-2);margin-top:4px;font-size:13px}.st-kv{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.st-kv div{border-radius:var(--r-md);background:var(--surface-2);padding:10px 12px}.st-kv dt{color:var(--text-3);font-size:12px}.st-kv dd{margin-top:3px;font-size:14px;font-weight:500}.st-code{border-radius:var(--r-md);background:color-mix(in oklch,var(--here)9%,var(--surface));justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.st-code b{letter-spacing:.2em;font-variant-numeric:tabular-nums;font-size:26px}.st-personas{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:12px;display:grid}.st-persona{border-radius:var(--r-md);text-align:left;min-height:64px;font:inherit;color:var(--text);background:var(--surface-2);cursor:pointer;transition:box-shadow var(--dur-fast)ease,background-color var(--dur-fast)ease;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.st-persona b{font-size:15px}.st-persona span{color:var(--text-2);font-size:13px}.st-persona[aria-checked=true]{background:color-mix(in oklch,var(--accent)10%,var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}.st-persona:disabled{opacity:.5;cursor:not-allowed}.st-file{border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:12px;padding:12px 14px;display:flex}.st-file .material-symbols-outlined{color:var(--accent);font-size:26px}.st-drop{border-radius:var(--r-md);text-align:center;color:var(--text-2);box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--text)18%,transparent);cursor:pointer;transition:box-shadow var(--dur-fast)ease,background-color var(--dur-fast)ease;background-image:none;flex-direction:column;align-items:center;gap:6px;padding:22px;font-size:14px;display:flex;position:relative}.st-drop:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.st-drop:hover{background:color-mix(in oklch,var(--accent)5%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.st-drop .material-symbols-outlined{color:var(--accent);font-size:28px}.st-diary{flex-direction:column;gap:12px;display:flex}.st-page{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:18px 20px}.st-page-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.st-page-top b{font-family:var(--font-display);font-size:17px;font-weight:500}.st-page-top span{color:var(--text-2);font-size:13px;font-style:italic}.st-page p{white-space:pre-line;font-size:15.5px;line-height:1.65}@media (min-width:900px){.st-back-list{display:none}.st-bar h1{padding-left:12px}}@media (max-width:599px){.st-me-email{display:none}}