.app{min-height:100vh;min-height:100dvh}:root{--nav-bottom: 0px;--nav-left: 0px}@media(max-width:899px){:root{--nav-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom))}}@media(max-width:899px)and (max-height:520px)and (orientation:landscape){:root{--nav-bottom: 0px;--nav-left: calc(var(--sp-7) + env(safe-area-inset-left))}}body:has(.app.bare){--nav-bottom: 0px;--nav-left: 0px}.side{position:fixed;inset-block:0;inset-inline-start:0;width:var(--nav-w);z-index:20;display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-5) var(--sp-3) var(--sp-4);background:var(--bg);border-inline-end:1px solid var(--border)}.brand{display:flex;align-items:center;justify-content:center;padding:0 var(--sp-2);border-radius:var(--r)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wordmark{display:inline-block;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--text);white-space:nowrap}.wordmark .wm-9{color:var(--accent)}.brand{min-height:var(--h-md)}.brand .wordmark{font-size:30px}.nav{display:flex;flex-direction:column;gap:var(--sp-1)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);height:var(--h-md);padding:0 var(--sp-3);border-radius:var(--r);color:var(--text-2);font-size:var(--fs-14);font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item:hover{background:var(--s1);color:var(--text)}.nav-item .ico,.tab .ico{width:var(--ico-lg);height:var(--ico-lg)}.nav-item[aria-current=page]{background:var(--s2);color:var(--text)}.nav-item[aria-current=page] .ico{color:var(--accent)}.side-soc{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border)}.side-soc .soc{flex:1}.soc-guest{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-top:auto;padding:var(--sp-4) var(--sp-3);border-radius:var(--r);background:var(--s1);text-align:center;font-size:var(--fs-13);color:var(--text-3)}.soc-guest b{color:var(--text-2);font-size:var(--fs-14);font-weight:600}.soc-guest p{margin:0 0 var(--sp-1);line-height:1.45}.topbar{display:flex;align-items:center;gap:var(--sp-1);height:calc(var(--h-md) + var(--sp-4));padding:var(--sp-3) var(--sp-5) 0;margin-inline-start:var(--nav-w)}.top-sp{flex:1}.top-brand{display:none}.top-brand .wordmark{font-size:22px}.topbar .lang-btn.v-chip,.topbar .who,.top-ib{height:var(--h-sm);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:var(--fs-13);font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.topbar .lang-btn.v-chip:hover,.topbar .who:hover,.top-ib:hover{background:var(--s2);color:var(--text)}.topbar .lang-btn.v-chip{padding:0 var(--sp-2)}.topbar .who{min-width:0;max-width:240px;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-2) 0 var(--sp-1)}.topbar .who .avatar.sm{--sz: 26px}.topbar .who .chev{width:var(--ico-sm);height:var(--ico-sm);flex:none;color:var(--text-3)}.topbar .who[aria-current=page]{background:var(--s2);color:var(--text)}.topbar .who-login{margin-inline-start:var(--sp-1)}.topbar .srv{width:var(--sp-5);position:relative}.topbar .srv:after{content:"";position:absolute;inset-inline-end:0;top:50%;width:1px;height:var(--sp-4);margin-top:calc(var(--sp-4) / -2);background:var(--border-2)}.top-ib{position:relative;display:none;place-items:center;width:var(--h-sm)}.top-ib .ico{width:var(--ico-lg);height:var(--ico-lg)}.top-dot{position:absolute;top:2px;inset-inline-end:0;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-xs);background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center}.top-dot[hidden]{display:none}.soc-sheet .soc{min-height:50vh}.soc-sheet .soc-h{display:none}.srv{display:grid;place-items:center;width:var(--ico-lg);height:var(--ico-lg);flex:none}.main{margin-inline-start:var(--nav-w);min-height:100vh;outline:none}.tabbar{display:none}@media(max-width:899px){.side{display:none}.main{margin-inline-start:0;padding-bottom:var(--nav-bottom)}.topbar{margin-inline-start:0;padding:calc(var(--sp-2) + env(safe-area-inset-top)) var(--sp-4) 0;height:auto;min-height:calc(var(--h-sm) + var(--sp-2))}.top-brand,.top-ib{display:grid}.topbar .lang-btn.v-chip{width:var(--h-sm);padding:0;justify-content:center}.topbar .lang-btn.v-chip>span{display:none}.topbar .who{padding:0;width:var(--h-sm);justify-content:center}.topbar .who .ell,.topbar .who .chev{display:none}.topbar .srv{width:var(--sp-4)}.topbar .srv:after{display:none}.topbar .who-login>span{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-top:1px solid var(--border)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);font-size:var(--fs-12);font-weight:500;line-height:1;color:var(--text-3);-webkit-tap-highlight-color:transparent;transition:color var(--dur) var(--ease)}.tab .ti{display:grid;place-items:center;width:var(--h-lg);height:var(--fs-26);border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}.tab[aria-current=page]{color:var(--text)}.tab[aria-current=page] .ti{background:var(--s2)}.tab[aria-current=page] .ico{color:var(--accent)}}@media(max-width:899px)and (max-height:520px)and (orientation:landscape){.topbar{margin-inline-start:var(--nav-left)}.main{margin-inline-start:var(--nav-left);padding-bottom:env(safe-area-inset-bottom)}.tabbar{top:0;inset-inline-end:auto;width:var(--nav-left);height:auto;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,var(--tabbar-h)));align-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:0;border-inline-end:1px solid var(--border)}}.app.bare .side,.app.bare .tabbar,.app.bare .topbar{display:none}.app.bare .main{margin-inline-start:0;padding-bottom:0}.page{max-width:880px;margin:0 auto;padding:var(--sp-5) var(--sp-6) var(--sp-7)}.page.narrow{max-width:640px}@media(max-width:899px){.page{padding:var(--sp-4) var(--sp-4) var(--sp-6)}}.page-h{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);min-height:var(--h-md)}.page-h h1{flex:1;min-width:0}.page-h .sub{color:var(--text-2);margin-top:var(--sp-1);font-size:var(--fs-14)}.sec-h{display:flex;align-items:baseline;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3)}.sec-h h2{flex:1;font-size:var(--fs-16);font-weight:600}.actionbar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-top:1px solid var(--border)}.fatal{padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--danger)}.soc{display:flex;flex-direction:column;gap:var(--sp-2);min-height:0}.soc-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-2)}.soc-t{font-size:var(--fs-13);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.soc-q{display:flex;align-items:center;gap:var(--sp-2);height:var(--h-sm);padding:0 var(--sp-3);border-radius:var(--r-sm);background:var(--s1);border:1px solid var(--border);color:var(--text-3)}.soc-q:focus-within{border-color:var(--accent-line)}.soc-q .ico{width:var(--ico-sm);height:var(--ico-sm);flex:none}.soc-q input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--text);font:inherit;font-size:var(--fs-13);outline:none}.soc-q input::-webkit-search-cancel-button{filter:invert(.6)}.soc-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 calc(var(--sp-1) * -1);padding:0 var(--sp-1);scrollbar-width:thin}.soc-sec{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-1);font-size:var(--fs-12);font-weight:600;color:var(--text-3)}.soc-row,.soc-req{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--h-md);padding:var(--sp-1) var(--sp-2);border-radius:var(--r);color:var(--text-2);text-align:start;width:100%}.soc-row{cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.soc-row:hover,.soc-row:focus-visible{background:var(--s1);color:var(--text);outline:none}.soc-row.unread .soc-n{color:var(--text);font-weight:600}.soc-row.unread .soc-s{color:var(--text-2)}.soc-b{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.soc-n{font-size:var(--fs-14);font-weight:500}.soc-req .soc-n{flex:1;min-width:0}.soc-s{font-size:var(--fs-12);color:var(--text-3)}.soc-at{flex:none;font-size:var(--fs-12)}.soc-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-size:var(--fs-12);font-weight:650;line-height:20px;text-align:center}.soc-ib{flex:none;display:grid;place-items:center;width:var(--h-sm);height:var(--h-sm);border-radius:var(--r-sm);color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.soc-ib:hover{background:var(--s2);color:var(--text)}.soc-ib:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.soc-ib .ico{width:var(--ico);height:var(--ico)}.soc-ib.ok{color:var(--accent)}.soc-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);text-align:center;color:var(--text-3);font-size:var(--fs-13)}.soc-empty b{color:var(--text-2);font-weight:600;font-size:var(--fs-14)}.soc-empty p{margin:0;line-height:1.45}.soc-eico{display:grid;place-items:center;width:var(--h-md);height:var(--h-md);border-radius:var(--r-full);background:var(--s2);color:var(--text-2)}.soc-skel{height:var(--h-md);border-radius:var(--r);background:linear-gradient(90deg,var(--s1),var(--s2),var(--s1));background-size:200% 100%;animation:soc-sk 1.2s linear infinite}@keyframes soc-sk{to{background-position:-200% 0}}.chatw{position:fixed;z-index:70;inset-inline-end:var(--sp-5);bottom:calc(var(--sp-4) + var(--nav-bottom));width:min(377px,calc(100vw - var(--sp-4) * 2));height:min(520px,calc(100dvh - 120px));display:flex;flex-direction:column;overflow:hidden;background:var(--s-float, var(--s1));border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-float, 0 16px 48px rgba(0, 0, 0, .5));opacity:0;transform:translateY(13px);transition:opacity .18s var(--ease),transform .18s var(--ease)}.chatw.open{opacity:1;transform:none}.chat-h{flex:none;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2);border-bottom:1px solid var(--border)}.chat-who{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);color:var(--text)}.chat-who:hover{background:var(--s2)}.chat-back{display:none}.chat-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3);overscroll-behavior:contain}.chat-msgs{display:flex;flex-direction:column;gap:3px}.chat-time{align-self:center;margin:var(--sp-2) 0 var(--sp-1);font-size:var(--fs-12);color:var(--text-3)}.chat-m{display:flex;max-width:80%}.chat-m>span{padding:var(--sp-2) var(--sp-3);border-radius:17px;background:var(--s2);color:var(--text);font-size:var(--fs-14);line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.chat-m.me{align-self:flex-end}.chat-m.me>span{background:var(--accent);color:var(--on-accent)}.chat-empty{margin:auto;padding:var(--sp-6) var(--sp-3);text-align:center;color:var(--text-3);font-size:var(--fs-14)}.chat-in{flex:none;display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2);border-top:1px solid var(--border)}.chat-in textarea{flex:1;min-width:0;min-height:var(--h-sm);max-height:120px;resize:none;padding:7px var(--sp-3);border-radius:17px;border:1px solid var(--border);background:var(--s1);color:var(--text);font:inherit;font-size:var(--fs-14);line-height:1.4;outline:none}.chat-in textarea:focus{border-color:var(--accent-line)}.chat-in textarea:disabled{opacity:.6}.chat-need{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border);text-align:center}.chat-need[hidden],.chat-in[hidden]{display:none}.chat-need p{margin:0;font-size:var(--fs-13);color:var(--text-2)}.chat-need-b:empty{display:none}.soc-send{flex:none;display:grid;place-items:center;width:var(--h-sm);height:var(--h-sm);border-radius:var(--r-full);background:var(--accent);color:var(--on-accent)}.soc-send:disabled{opacity:.4}.soc-send .ico{width:var(--ico);height:var(--ico)}@media(max-width:899px){.chatw{inset:0;width:auto;height:auto;border-radius:0;border:0;z-index:90;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--bg)}.chat-back{display:grid}.chat-x{display:none}.chat-in textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.chatw{transition:none}.soc-skel{animation:none}}