*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-hanken), -apple-system, "Segoe UI", sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg{max-width:100%;display:block}button{font:inherit}a{color:inherit}
:root{--bg:#f5f5f7;--surface:#fff;--surface-raised:#fff;--ink:#17181c;--ink-2:#5b5e66;--ink-3:#9a9da6;--hairline:#e4e4e9;--accent:#e0532a;--accent-soft:#fdeee8;--accent-ember:#e0532a;--good:#2ebd59;--bad:#ff6b57;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px #17181c0d, 0 8px 24px #17181c0f;--text-xxl:2rem;--text-xl:1.35rem;--text-lg:1.1rem;--text-md:1rem;--text-sm:.875rem;--space-1:6px;--space-2:12px;--space-3:20px;--space-4:32px;--space-5:52px;--ease:cubic-bezier(.25, .1, .25, 1);--dur:.2s}
.shell-page{max-width:980px;padding:var(--space-4) var(--space-3) var(--space-5);margin:0 auto}.shell-title{font-size:var(--text-xxl);letter-spacing:-.01em;margin:0 0 var(--space-1);font-weight:300}.shell-subtitle{color:var(--ink-2);font-size:var(--text-md);margin:0 0 var(--space-4);font-weight:400}.shell-section-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:var(--space-4) 0 var(--space-2);font-weight:600}.shell-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3)}.tile-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.app-tile{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3);gap:var(--space-2);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;min-height:150px;text-decoration:none;display:flex}.app-tile:active{transform:scale(.98)}.app-tile__icon{color:#fff;background:var(--accent);border-radius:14px;place-items:center;width:52px;height:52px;font-size:1.5rem;display:grid}.app-tile__name{font-size:var(--text-lg);margin:0;font-weight:600}.app-tile__tagline{color:var(--ink-2);font-size:var(--text-sm);margin:0}.app-tile--soon{opacity:.5;pointer-events:none}.shell-btn{appearance:none;text-align:center;border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;background:var(--accent);color:#fff;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);border:0;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.shell-btn:active{transform:scale(.98)}.shell-btn--quiet{background:var(--bg);color:var(--ink)}.shell-btn:disabled{opacity:.45;cursor:default}.shell-input{border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;font-size:var(--text-md);background:var(--surface);color:var(--ink);transition:border-color var(--dur) var(--ease);outline:none;padding:12px 14px;font-family:inherit}.shell-input:focus{border-color:var(--accent)}.grouped-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none;overflow:hidden}.grouped-list__row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:14px var(--space-3);border-bottom:1px solid var(--hairline);font-size:var(--text-md);display:flex}.grouped-list__row:last-child{border-bottom:0}.grouped-list__value{color:var(--ink-2)}.shell-bar{padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.shell-bar__brand{font-weight:600;font-size:var(--text-md);letter-spacing:-.01em;text-decoration:none}.shell-bar__brand em{color:var(--accent);font-style:normal}