*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{margin:0;background:#fff;color:#000;min-height:100vh}@supports (height: 100dvh){body{min-height:100dvh}}:root{--bg:#ffffff;--ink:#0b0b0b;--ink-2:#666;--line:#eee;--brand:#000;--primary:#000;--pill:#f5f5f5;--pill-active:#111;--pill-active-ink:#fff;--shadow:0 4px 24px rgba(0,0,0,.06);--radius:16px}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--bg);color:var(--ink)}button{font:inherit}.dash-shell{display:grid;grid-template-columns:1fr;min-height:100vh}.dash-side{border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:16px;background:#fff;order:2}.dash-main{position:relative;padding:12px 12px 120px;order:1}@media (min-width: 1024px){.dash-shell{grid-template-columns:1fr 320px}.dash-side{order:unset;position:sticky;top:0;height:100vh;overflow:auto}.dash-main{padding:12px 24px 160px}}.side-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.btn{height:44px;border-radius:999px;border:1px solid var(--primary);background:#fff;cursor:pointer}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.icon-gear{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.side-list-title{font-size:13px;color:var(--ink-2);margin-top:8px}.side-list{display:grid;gap:10px}.pill{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--pill);cursor:pointer}.pill.active{background:var(--pill-active);color:var(--pill-active-ink);border-color:var(--pill-active)}.side-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow)}.user-name{font-size:13px}.user-badge{width:24px;height:24px;display:grid;place-items:center;background:#60a5fa;color:#fff;border-radius:50%;font-weight:700;font-size:12px}.link-logout{background:transparent;border:none;color:#d00;cursor:pointer}.brand{font-weight:600;padding:6px 8px}.welcome{margin:14vh auto 0;max-width:720px;text-align:center;padding:0 12px}.welcome-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#000;color:#fff;margin:0 auto 14px}.welcome-title{font-size:22px;margin:0 0 8px}.welcome-sub{color:var(--ink-2);margin:0}.rename-wrap{margin:28px auto 0;max-width:420px;text-align:left}.rename-label{font-size:12px;color:var(--ink-2)}.rename-input{width:100%;height:40px;margin-top:6px;padding:0 12px;border-radius:10px;border:1px solid var(--line)}.composer{position:fixed;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;background:#000;border-radius:999px;padding:0 10px 0 6px;height:56px;box-shadow:var(--shadow)}@media (min-width: 1024px){.composer{left:36px;right:380px;height:60px}}.composer-left{width:44px;height:44px;display:grid;place-items:center;background:#fff;color:#000;border-radius:999px;font-weight:700}.composer-input{background:transparent;border:none;outline:none;color:#fff;height:100%;font-size:15px}.composer-input::placeholder{color:#ffffffe6}.composer-send{width:44px;height:44px;border-radius:999px;background:#fff;border:none;cursor:pointer;font-weight:900}:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}