:root{--bg: #f4f2eb;--surface: #fbfaf6;--surface2: #efebe1;--fg: #373435;--muted: #6b6566;--line: #d7c6a9;--line2: #e7e0d1;--side: #373435;--side-fg: #f4f2eb;--side-muted: #b9b1a6;--side-hover: #454142;--side-active: #dfcf93;--accent: #ad926e;--accent-strong: #7e6446;--btn: #373435;--btn-fg: #f4f2eb;--hover: #f1ece0;--ok: #4f6e3f;--warn: #946812;--danger: #a24b2b;--shadow: 0 14px 36px rgba(55, 52, 53, .18);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Montserrat", Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1f1d1e;--surface: #2a2728;--surface2: #332f30;--fg: #f1eee6;--muted: #b2aaa0;--line: #4d4748;--line2: #3a3637;--side: #151314;--side-hover: #2a2728;--side-muted: #9f978d;--accent: #dfcf93;--accent-strong: #dfcf93;--btn: #dfcf93;--btn-fg: #1f1d1e;--hover: #312d2e;--ok: #93b67c;--warn: #e2b65a;--danger: #e4906d;--shadow: 0 14px 36px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #1f1d1e;--surface: #2a2728;--surface2: #332f30;--fg: #f1eee6;--muted: #b2aaa0;--line: #4d4748;--line2: #3a3637;--side: #151314;--side-hover: #2a2728;--side-muted: #9f978d;--accent: #dfcf93;--accent-strong: #dfcf93;--btn: #dfcf93;--btn-fg: #1f1d1e;--hover: #312d2e;--ok: #93b67c;--warn: #e2b65a;--danger: #e4906d;--shadow: 0 14px 36px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);padding:9px 16px;border-radius:8px;font-weight:500}.btn:hover{background:var(--hover)}.btn.pri{background:var(--btn);color:var(--btn-fg);border-color:var(--btn)}.btn.pri:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.ib{border:1px solid transparent;background:none;border-radius:8px;padding:8px;display:flex;color:var(--fg);position:relative}.ib:hover{background:var(--hover);border-color:var(--line2)}.gate{min-height:100%;display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));background:var(--side)}.gate-card{width:min(420px,100%);background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:36px 32px 28px;display:flex;flex-direction:column;gap:18px;text-align:center}.gate-brand{display:flex;justify-content:center;min-height:56px;align-items:center}.gate-brand img{max-height:64px;max-width:240px;object-fit:contain}.gate-brand .nm{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1}.gate h1{font-family:var(--serif);font-size:26px;font-weight:600;margin:0;text-wrap:balance}.gate p{margin:0;color:var(--muted)}.gate .google{width:100%;padding:12px 16px}.gate .foot{font-size:12px;color:var(--muted);letter-spacing:.6px}.gate .err{color:var(--danger);font-size:13px}.status-pill{align-self:center;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:20px;border:1.5px solid currentColor}.app{display:grid;grid-template-columns:236px minmax(0,1fr);height:100%}.side{background:var(--side);color:var(--side-fg);display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:20px;min-height:76px;border:0;background:none;text-align:left;color:inherit}.brand img{max-height:40px;max-width:180px;object-fit:contain}.brand .nm{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.05}.nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px;flex:1}.nav button{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--side-muted);padding:10px 12px;border-radius:8px;text-align:left;font-weight:500}.nav button:hover{background:var(--side-hover);color:var(--side-fg)}.nav button[aria-current=page]{background:var(--side-hover);color:var(--side-active)}.side-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-top:1px solid rgba(244,242,235,.12)}.ver{border:0;background:none;color:var(--side-muted);font-size:12px;letter-spacing:.6px;padding:6px 8px;border-radius:6px}.ver:hover{color:var(--side-fg);background:var(--side-hover)}.gear{border:0;background:none;color:var(--side-muted);padding:6px;border-radius:6px;display:flex}.gear:hover{color:var(--side-active);background:var(--side-hover)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.top{display:flex;align-items:center;gap:8px;padding:12px max(16px,env(safe-area-inset-right,0px)) 12px 24px;border-bottom:1px solid var(--line2);background:var(--surface)}.top h1{font-family:var(--serif);font-size:28px;font-weight:600;margin:0;line-height:1.1}.top .sp{flex:1}.hamb{display:none}.av{width:34px;height:34px;border-radius:50%;background:var(--accent-strong);color:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;overflow:hidden;flex:none}.av img{width:100%;height:100%;object-fit:cover}.avbtn{border:0;background:none;padding:2px;border-radius:50%;margin-left:4px}.content{flex:1;min-height:0;overflow:auto;padding:24px}.empty-stage{max-width:560px;margin:48px auto;text-align:center;display:flex;flex-direction:column;gap:10px;color:var(--muted)}.empty-stage h2{font-family:var(--serif);font-size:28px;font-weight:600;margin:0;color:var(--fg)}.empty-stage .tag{align-self:center;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-strong);border:1px solid var(--line);padding:3px 10px;border-radius:20px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1d1e6b;z-index:40}.scrim.clear{background:transparent}.modal{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:calc(100% - 48px);background:var(--surface);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line2)}.m-head{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--line2)}.m-head h2{margin:0;font-family:var(--serif);font-size:28px;font-weight:600;flex:1}.m-body{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.box{border:1px solid var(--line2);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.box h4{margin:0;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.box ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.pop{position:fixed;z-index:41;background:var(--surface);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow);width:min(300px,calc(100% - 24px));overflow:hidden}.pop .who{padding:14px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line2)}.pop .who div{min-width:0}.pop .who strong,.pop .who span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop .menu button{display:flex;gap:10px;align-items:center;width:100%;border:0;background:none;padding:11px 14px;text-align:left}.pop .menu button:hover{background:var(--hover)}.note{font-size:12.5px;color:var(--muted);margin:0}@media (max-width: 760px){.app{grid-template-columns:minmax(0,1fr)}.side{position:fixed;inset:0 auto 0 0;width:260px;z-index:45;transform:translate(-100%);transition:transform .2s;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.side.open{transform:none}.hamb{display:flex}.top{padding-left:max(12px,env(safe-area-inset-left,0px))}.top h1{font-size:22px}.content{padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion: reduce){.side{transition:none}}
