:root{--bg:#f6f7f9;--panel:#fff;--ink:#1c1c1a;--ink-2:#5f5e5a;--ink-3:#9a988f;--line:#e7e8ec;--purple:#534ab7;--purple-soft:#eeedfe;--purple-mid:#afa9ec;--teal:#1d9e75;--amber:#ef9f27;--coral:#d85a30;--amber-soft:#faeeda;--shadow-sm:0 1px 2px #1416220d, 0 1px 3px #1416220a;--shadow-md:0 2px 6px #1416220f, 0 6px 16px #1416220f;--shadow-lg:0 8px 28px #1416221a, 0 2px 8px #1416220f}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}h1{font-size:20px;font-weight:600}h2{font-size:15px;font-weight:600}.avatar{color:var(--av,var(--purple));background:color-mix(in srgb, var(--av,var(--purple)) 9%, transparent);border:1.5px solid color-mix(in srgb, var(--av,var(--purple)) 45%, transparent);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px color-mix(in srgb, var(--av,var(--purple)) 25%, transparent), 0 3px 7px #14162233;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar.has-photo .init{background:color-mix(in srgb, var(--panel) 82%, transparent);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.avatar.has-photo:hover .init{opacity:1}.avatar.online{border-color:var(--av,var(--purple));animation:2.6s ease-in-out infinite avatar-glow}@keyframes avatar-glow{0%,to{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--av,var(--purple)), 0 3px 7px #14162233, 0 0 11px 3px color-mix(in srgb, var(--av,var(--purple)) 48%, transparent)}50%{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--av,var(--purple)), 0 3px 7px #14162233, 0 0 20px 5px color-mix(in srgb, var(--av,var(--purple)) 72%, transparent)}}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px}.field-label{color:var(--ink-2);margin:16px 0 6px;font-size:12px;font-weight:600;display:block}input[type=text],input[type=email],textarea{border:1px solid var(--line);background:var(--panel);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus{border-color:var(--purple-mid)}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink);border-radius:10px;padding:9px 16px;font-family:inherit;font-size:14px}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff;font-weight:500}.btn.primary:hover{background:#453d9e}.btn.primary:disabled{opacity:.5;cursor:default}.btn.small{border-radius:8px;padding:5px 10px;font-size:12px}.chip{background:var(--purple-soft);color:#26215c;border-radius:14px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.chip button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.muted{color:var(--ink-3);font-size:12.5px}.cell-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width>=900px){.cell-layout{grid-template-columns:minmax(0,1fr) auto}}.ticker-track{animation:36s linear infinite ticker-scroll}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mode-banner{background:var(--amber-soft);color:#633806;text-align:center;padding:8px 16px;font-size:12.5px;line-height:1.4}.wheel-column{scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;text-align:center;z-index:1;border-radius:7px;position:relative;overflow-y:auto}.wheel-column::-webkit-scrollbar{display:none}.wheel-column:focus-visible{outline:2px solid var(--purple);outline-offset:1px}