*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-background);color:var(--c-text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--c-primary)}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:6px}.muted{color:var(--c-text-muted)}.small{font-size:.875rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ctx-personal{--ctx:var(--c-personal);--ctx-soft:var(--c-personal-soft);--ctx-on-soft:var(--c-on-personal-soft)}.ctx-group{--ctx:var(--c-group);--ctx-soft:var(--c-group-soft);--ctx-on-soft:var(--c-on-group-soft)}.shell{grid-template-columns:264px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);flex-direction:column;gap:18px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--c-text);align-items:center;gap:10px;padding:0 8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--c-primary);width:32px;height:32px;color:var(--c-on-primary);border-radius:10px;place-items:center;font-weight:800;display:grid}.nav-title{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);margin:6px 0 4px;padding:0 10px;font-size:.75rem}.nav{flex-direction:column;gap:2px;display:flex}.nav a,.nav .nav-disabled{color:var(--c-text);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.95rem;text-decoration:none;display:flex}.nav a:hover{background:var(--c-surface-muted)}.nav a[aria-current=page]{background:var(--ctx-soft,var(--c-personal-soft));color:var(--ctx-on-soft,var(--c-on-personal-soft));font-weight:600}.nav .nav-disabled{color:var(--c-text-muted);cursor:default}.nav .tag{white-space:nowrap;border:1px solid var(--c-border);color:var(--c-text-muted);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.7rem}.main{flex-direction:column;min-width:0;display:flex}.content{width:100%;max-width:1180px;padding:24px 32px 96px}.ctxbar{background:var(--ctx-soft);color:var(--ctx-on-soft);border-bottom:3px solid var(--ctx);z-index:10;align-items:center;gap:12px;padding:12px 32px;display:flex;position:sticky;top:0}.ctxbar strong{font-weight:700}.ctxbar .ctx-icon{background:var(--ctx);width:34px;height:34px;color:var(--c-on-group);border-radius:50%;flex:none;place-items:center;display:grid}.ctx-personal .ctxbar .ctx-icon,.ctxbar.ctx-personal .ctx-icon{color:var(--c-on-primary)}.ctxbar .spacer{flex:1}.ctx-switch{flex-direction:column;gap:4px;display:flex}.ctx-switch a{color:var(--c-text);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:.95rem;text-decoration:none;display:flex}.ctx-switch a:hover{background:var(--c-surface-muted)}.ctx-switch a[aria-current=true]{border-color:var(--ctx);background:var(--ctx-soft);color:var(--ctx-on-soft);font-weight:600}.ctx-dot{background:var(--ctx-soft);width:26px;height:26px;color:var(--ctx-on-soft);border-radius:8px;flex:none;place-items:center;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:18px 20px}.card.ctx-personal,.card.ctx-group{border-top:4px solid var(--ctx)}.card h2,.card h3{margin-bottom:6px}.card-link{color:inherit;text-decoration:none;transition:transform .1s;display:block}.card-link:hover{border-color:var(--ctx,var(--c-primary));transform:translateY(-1px)}.badge{white-space:nowrap;background:var(--ctx-soft);color:var(--ctx-on-soft);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge.neutral{background:var(--c-surface-muted);color:var(--c-text-muted);border:1px solid var(--c-border)}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--c-border);padding:12px 0}.list>li:last-child{border-bottom:0}.avatar{background:var(--c-personal-soft);width:34px;height:34px;color:var(--c-on-personal-soft);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.btn{cursor:pointer;font:inherit;background:var(--c-primary);color:var(--c-on-primary);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ctx{background:var(--ctx);color:var(--c-on-primary)}.ctx-group .btn.ctx,.btn.ctx.ctx-group{color:var(--c-on-group)}.btn.secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border)}.btn.ghost{color:var(--c-text);background:0 0}.btn.danger{background:var(--c-danger);color:#fff}.btn.small{border-radius:10px;padding:6px 10px;font-size:.85rem}.btn.block{width:100%}label{margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.field{flex-direction:column;gap:4px;display:flex}.hint{color:var(--c-text-muted);font-size:.82rem;font-weight:400}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:80px}.check{border:1px solid var(--c-border);cursor:pointer;background:var(--c-surface);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-weight:500;display:flex}.check input{accent-color:var(--c-primary);margin-top:4px}.check:has(input:checked){border-color:var(--ctx,var(--c-primary));background:var(--ctx-soft,var(--c-personal-soft))}.options{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.alert{border:1px solid var(--c-border);background:var(--c-surface-muted);border-radius:12px;padding:10px 14px;font-size:.92rem}.alert.error{background:var(--c-danger-soft);border-color:var(--c-danger);color:var(--c-text)}.alert.ok{background:var(--c-group-soft);border-color:var(--c-group);color:var(--c-on-group-soft)}.danger-zone{border-color:var(--c-danger)}.code{word-break:break-all;background:var(--c-surface-muted);border:1px dashed var(--c-border);border-radius:10px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--c-border);vertical-align:middle;padding:8px 6px;font-size:.92rem}.auth-wrap{background:linear-gradient(160deg, var(--c-personal-soft), var(--c-background) 55%, var(--c-group-soft));place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{width:100%;max-width:420px}.divider{color:var(--c-text-muted);align-items:center;gap:10px;margin:6px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--c-border);flex:1;height:1px}.bottom-nav{display:none}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px 16px 96px}.ctxbar{padding:10px 16px}.bottom-nav{z-index:20;background:var(--c-surface);border-top:1px solid var(--c-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--c-text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.72rem;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{color:var(--ctx-on-soft,var(--c-on-personal-soft));background:var(--ctx-soft,var(--c-personal-soft));font-weight:600}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--c-border);padding:8px 0}td{border:0;padding:4px 0}}