:root{--navy:#036;--ink:#1b2533;--muted:#5d6b7c;--line:#dfe4ea;--bg:#f6f7f9;--surface:#fff;--danger-bg:#fdecea;--danger-ink:#8c2a20;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);margin:0}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.logo{width:auto;height:32px;display:block}.topbar-right{align-items:center;gap:10px;display:flex}.blank{flex:1}.lang-toggle{min-height:36px;font:inherit;color:var(--navy);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.lang-toggle:hover{background:var(--bg)}.user-menu{position:relative}.avatar{cursor:pointer;width:36px;height:36px;font:inherit;color:#fff;background:var(--navy);border:0;border-radius:50%;font-weight:600}.menu{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:240px;max-width:calc(100vw - 32px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.menu-who{border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.menu-who span{color:var(--muted);font-size:13px}.menu button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:12px 14px}.menu button:hover:not(:disabled){background:var(--bg)}.center{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex;position:relative}.corner{position:absolute;top:12px;right:16px}.card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:380px;padding:32px 28px}.card h1{margin:20px 0 4px;font-size:20px}.card p{color:var(--muted);margin:0 0 16px}.card code{overflow-wrap:anywhere;margin-bottom:16px;font-size:12px;display:block}.logo-large{width:220px;max-width:100%;height:auto}.primary{width:100%;font:inherit;color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-weight:600;text-decoration:none;display:inline-block}.primary:hover{background:#00264d}.card p.error{color:var(--danger-ink);background:var(--danger-bg);border-radius:8px;padding:10px 12px}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 48px}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-head h1{margin:0;font-size:20px;font-weight:600}.app-list,.rows{margin:0;padding:0;list-style:none}.app-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 16px}.app-row{align-items:center;gap:12px;padding:10px 0;display:flex}.app-row+.app-row{border-top:1px solid var(--line)}.app-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.app-link:hover .app-name{text-decoration:underline}.app-name{font-weight:600}.tile{border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who-name{align-items:center;gap:6px;min-width:0;display:flex}.clip,.who-sub{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.who-sub{color:var(--muted);font-size:13px}.dot{flex:none}.icon-btn{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:36px;color:var(--muted);border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg);color:var(--navy)}.icon-btn.plain{border-color:#0000}.icon-btn.accent{color:var(--navy);border-color:var(--navy)}.icon-btn:disabled{opacity:.5;cursor:default}.icon-btn:focus-visible,.pill:focus-visible,.switch:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.pill{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--surface);border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.pill:hover{background:var(--bg)}.dialog{width:min(440px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:16px 20px 18px;box-shadow:0 12px 40px #0000002e}.dialog::backdrop{background:#0f172a66}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dialog-head h2{margin:0;font-size:17px}.everyone{background:var(--bg);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.everyone>span{flex:1;font-size:14px;font-weight:600}.search{width:100%;min-height:38px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:14px}.rows .row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.rows .row:first-child{border-top:0}.rows{margin-top:6px}.row.off .who-name{color:var(--muted)}.initial{width:30px;height:30px;color:var(--navy);background:#e6eef7;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.muted-initial{color:var(--muted);background:var(--bg)}.role-select{min-width:124px;min-height:34px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:none;padding:4px 8px;font-size:14px}.fixed-role{min-width:124px;color:var(--muted);text-align:right;flex:none;font-size:13px}.dot{background:#2f74c0;border-radius:50%;width:7px;height:7px;display:inline-block}.hint{color:var(--muted);margin:10px 0 0;font-size:12px}.add-row{gap:8px;margin-bottom:4px;display:flex}.inline-error{color:var(--danger-ink);background:var(--danger-bg);border-radius:8px;margin:8px 0;padding:8px 10px;font-size:14px}.switch{all:unset;box-sizing:border-box;cursor:pointer;background:#c9d1db;border-radius:11px;flex:none;width:38px;height:22px;position:relative}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--navy)}.switch[aria-checked=true] span{transform:translate(16px)}.switch:disabled{opacity:.45;cursor:default}@media (width<=480px){.role-select,.fixed-role{min-width:104px}}.page-head .grow{flex:1;min-width:0}.back{width:36px;height:36px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.back:hover{background:var(--line)}.app-help{margin:0 0 12px;font-size:14px}.item-text{overflow-wrap:anywhere}.page .add-row{margin-bottom:12px}.pill:disabled{opacity:.5;cursor:default}.logo-link{display:inline-flex}.logo-button{all:unset;cursor:default;margin:0 auto;display:block}.logo-button:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:6px}.stack{flex-direction:column;gap:10px;margin-top:4px;display:flex}.stack .primary{text-align:center}.primary:disabled{opacity:.6;cursor:default}