.sns-dash{color-scheme:light;--ooju-terracotta: #c97b4a;--ooju-cream: #ede6d8;--ooju-greige: #7a6650;--ooju-paper: #f5f1e8;--ooju-ink: #2b2622;--ooju-graphite: #3a3a3a;--ooju-stone: #8a7f72;--ooju-mist: #b8afa0;--ooju-white: #ffffff;--ooju-ok: #3b6d2e;--color-bg: var(--ooju-paper);--surface-card: var(--ooju-white);--surface-sunken: var(--ooju-cream);--surface-inverse: var(--ooju-ink);--text-heading: var(--ooju-ink);--text-body: var(--ooju-graphite);--text-muted: var(--ooju-stone);--text-on-accent: var(--ooju-paper);--text-on-inverse: var(--ooju-paper);--accent: var(--ooju-terracotta);--accent-hover: #bd6d3c;--positive: var(--ooju-ok);--dir-up: #3b6d2e;--dir-down: #a32f38;--dir-up-inv: #8fbf7f;--dir-down-inv: #e79098;--border-hairline: rgba(43, 38, 34, .1);--border-soft: rgba(43, 38, 34, .16);--border-strong: rgba(43, 38, 34, .28);--font-gothic: "Zen Kaku Gothic New", "Noto Sans JP", -apple-system, "Hiragino Kaku Gothic ProN", sans-serif;--font-mincho: "Zen Old Mincho", "Noto Serif JP", "Hiragino Mincho ProN", serif;--fs-title: 28px;--fs-heading: 22px;--fs-subheading: 18px;--fs-body-l: 17px;--fs-body: 15px;--fs-caption: 13px;--fs-micro: 11px;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--ls-tight: -.01em;--ls-normal: .02em;--ls-wide: .12em;--ls-xwide: .28em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(43, 38, 34, .05);--shadow-sm: 0 2px 8px rgba(43, 38, 34, .06);--bw-hair: 1px;--container-max: 1200px;--chart-1: #c9713a;--chart-2: #3f6bb5;--chart-3: #4f8a4f;--chart-1-wash: rgba(201, 113, 58, .1);--chart-grid: rgba(43, 38, 34, .08);--chart-baseline: rgba(43, 38, 34, .22);--spark-line: var(--ooju-stone);--spark-wash: rgba(138, 127, 114, .12);--spark-dot: var(--accent);--spark-surface: var(--surface-card)}.sns-dash *{box-sizing:border-box}.sns-dash{margin:0;background:var(--color-bg);color:var(--text-body);font-family:var(--font-gothic);font-size:var(--fs-body);line-height:1.7;letter-spacing:var(--ls-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sns-dash h1,.sns-dash h2,.sns-dash h3{color:var(--text-heading);font-weight:var(--fw-bold);line-height:1.2;letter-spacing:var(--ls-tight);margin:0}.sns-dash p{margin:0}.sns-dash a{color:var(--accent);text-decoration:none}.sns-dash a:hover{color:var(--accent-hover)}.sns-dash .ooju-eyebrow{font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:var(--text-muted)}.sns-dash .dash-wrap{max-width:var(--container-max);margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-8)}.sns-dash .dash-header{display:flex;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-6)}.sns-dash .dash-header .logo{height:34px;display:block}.sns-dash .dash-header .title-block{flex:1}.sns-dash .dash-title{font-family:var(--font-mincho);font-size:var(--fs-title);font-weight:var(--fw-medium);letter-spacing:.04em;margin-top:2px}.sns-dash .dash-meta{text-align:right;font-size:var(--fs-caption);color:var(--text-muted);line-height:1.4}.sns-dash .dash-meta a{font-weight:var(--fw-medium)}.sns-dash .seg{display:inline-flex;background:var(--surface-sunken);border-radius:var(--radius-pill);padding:3px;margin-bottom:var(--sp-5)}.sns-dash .seg button{font-family:var(--font-gothic);font-size:var(--fs-caption);letter-spacing:var(--ls-normal);border:none;background:transparent;color:var(--text-muted);padding:6px 20px;border-radius:var(--radius-pill);cursor:pointer}.sns-dash .seg button.active{background:var(--accent);color:var(--text-on-accent);font-weight:var(--fw-medium);box-shadow:var(--shadow-xs)}.sns-dash .sec{margin:var(--sp-6) 0 var(--sp-4);display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.sns-dash .sec h2{font-size:var(--fs-subheading)}.sns-dash .sec .sub{font-size:var(--fs-micro);color:var(--text-muted)}.sns-dash .summary{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-5);margin-bottom:var(--sp-5);border-left:3px solid var(--accent)}.sns-dash .summary .s-eyebrow{font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--text-muted)}.sns-dash .summary .s-head{font-size:var(--fs-subheading);font-weight:var(--fw-bold);color:var(--text-heading);line-height:1.4;margin:2px 0 var(--sp-3);letter-spacing:var(--ls-tight)}.sns-dash .summary ul{margin:0;padding-left:1.15em;display:flex;flex-direction:column;gap:3px}.sns-dash .summary li{font-size:var(--fs-caption);color:var(--text-body)}.sns-dash .summary li b{color:var(--text-heading);font-weight:var(--fw-medium)}.sns-dash .summary li .up{color:var(--dir-up);font-weight:var(--fw-medium)}.sns-dash .summary li .down{color:var(--dir-down);font-weight:var(--fw-medium)}.sns-dash .summary .s-foot{font-size:var(--fs-micro);color:var(--text-muted);margin-top:var(--sp-3)}.sns-dash .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.sns-dash .tile{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5) var(--sp-3);display:flex;flex-direction:column}.sns-dash .tile .k-label{font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--text-muted)}.sns-dash .tile .k-value{font-size:30px;font-weight:var(--fw-medium);color:var(--text-heading);line-height:1.3;display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.sns-dash .tile .k-value small{font-size:15px;font-weight:var(--fw-regular);color:var(--text-muted);margin-left:1px}.sns-dash .tile .k-sub{font-size:var(--fs-micro);color:var(--text-muted)}.sns-dash .tile .k-sub b{color:var(--text-body);font-weight:var(--fw-medium)}.sns-dash .tile .k-sub .pos{color:var(--positive);font-weight:var(--fw-medium)}.sns-dash .tile.hero{background:var(--surface-inverse);--spark-line: var(--ooju-mist);--spark-wash: rgba(184, 175, 160, .16);--spark-dot: #e0a882;--spark-surface: var(--ooju-ink)}.sns-dash .tile.hero .k-label{color:var(--ooju-mist)}.sns-dash .tile.hero .k-value{color:var(--text-on-inverse);font-size:48px}.sns-dash .tile.hero .k-value small,.sns-dash .tile.hero .k-sub{color:var(--ooju-mist)}.sns-dash .tile.hero .k-sub .pos{color:var(--dir-up-inv)}.sns-dash .delta{font-size:var(--fs-micro);font-weight:var(--fw-medium);white-space:nowrap;letter-spacing:0;font-variant-numeric:tabular-nums}.sns-dash .delta .g{font-size:9px;margin-right:1px}.sns-dash .delta.up{color:var(--dir-up)}.sns-dash .delta.down{color:var(--dir-down)}.sns-dash .delta.flat{color:var(--text-muted)}.sns-dash .tile.hero .delta.up{color:var(--dir-up-inv)}.sns-dash .tile.hero .delta.down{color:var(--dir-down-inv)}.sns-dash .tile.hero .delta.flat{color:var(--ooju-mist)}.sns-dash .k-spark{margin-top:auto;padding-top:var(--sp-3)}.sns-dash .k-spark svg{display:block;width:100%;height:auto;overflow:visible}.sns-dash .k-spark .hit{fill:transparent;cursor:pointer}.sns-dash .k-spark .hit:hover~.spark-cursor,.sns-dash .k-spark .hit:focus~.spark-cursor{opacity:1}.sns-dash .k-spark.empty{font-size:var(--fs-micro);color:var(--text-muted);padding-top:var(--sp-3)}.sns-dash .tile.hero .k-spark.empty{color:var(--ooju-mist)}.sns-dash .data-view{margin-top:var(--sp-4)}.sns-dash .data-view>summary{font-size:var(--fs-micro);color:var(--text-muted);cursor:pointer;padding:var(--sp-2) 0;letter-spacing:var(--ls-normal);list-style-position:inside}.sns-dash .data-view>summary:hover{color:var(--accent)}.sns-dash .data-view .table-panel{margin-top:var(--sp-2)}.sns-dash .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.sns-dash .panel{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.sns-dash .panel h3{font-size:var(--fs-body)}.sns-dash .panel .p-sub{font-size:var(--fs-micro);color:var(--text-muted);margin-bottom:var(--sp-3)}.sns-dash .panel svg{display:block;width:100%}.sns-dash .panel svg text{font-family:var(--font-gothic)}.sns-dash .panel svg .bar{cursor:pointer}.sns-dash .panel svg .bar:hover{fill:var(--accent-hover)}.sns-dash .hbar{display:grid;grid-template-columns:96px 1fr 56px;align-items:center;gap:var(--sp-3);margin:var(--sp-3) 0}.sns-dash .hbar .h-label{font-size:var(--fs-caption);color:var(--text-body);text-align:right}.sns-dash .hbar .h-track{height:16px}.sns-dash .hbar .h-fill{height:100%;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.sns-dash .hbar .h-val{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--text-heading);font-variant-numeric:tabular-nums}.sns-dash .rank-list{display:flex;flex-direction:column;gap:var(--sp-3)}.sns-dash .rank-item{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5)}.sns-dash .rank-no{font-family:var(--font-mincho);font-size:26px;font-weight:var(--fw-medium);color:var(--ooju-mist);min-width:34px;text-align:center;line-height:1}.sns-dash .rank-item:nth-child(-n+3) .rank-no{color:var(--accent)}.sns-dash .rank-body{flex:1;min-width:0}.sns-dash .rank-caption{font-size:var(--fs-caption);color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sns-dash .rank-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-micro);color:var(--text-muted);margin-top:3px}.sns-dash .rank-meta b{color:var(--text-body);font-weight:var(--fw-medium)}.sns-dash .chip{display:inline-block;font-size:10px;letter-spacing:var(--ls-wide);padding:1px 10px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ooju-greige);white-space:nowrap}.sns-dash .rank-link{font-size:var(--fs-micro);white-space:nowrap;font-weight:var(--fw-medium)}.sns-dash .todo-progress{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-caption);color:var(--text-muted);margin-bottom:var(--sp-4)}.sns-dash .todo-progress b{color:var(--text-heading);font-size:var(--fs-body-l)}.sns-dash .todo-progress .bar{flex:1;max-width:220px;height:6px;background:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.sns-dash .todo-progress .bar i{display:block;height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .24s cubic-bezier(.4,0,.2,1)}.sns-dash .todo-list{display:flex;flex-direction:column;gap:var(--sp-3)}.sns-dash .todo-item{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5)}.sns-dash .todo-head{display:flex;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-caption);flex-wrap:wrap}.sns-dash .todo-user{font-weight:var(--fw-bold);color:var(--text-heading)}.sns-dash .todo-date{font-size:var(--fs-micro);color:var(--text-muted)}.sns-dash .todo-head a{margin-left:auto;font-size:var(--fs-micro);font-weight:var(--fw-medium)}.sns-dash .todo-caption{font-size:var(--fs-micro);color:var(--text-muted);margin:2px 0 var(--sp-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sns-dash .todo-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.sns-dash .check-pill{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-micro);color:var(--text-body);border:var(--bw-hair) solid var(--border-soft);border-radius:var(--radius-pill);padding:4px 14px 4px 10px;cursor:pointer;background:var(--surface-card);-webkit-user-select:none;user-select:none}.sns-dash .check-pill input{position:absolute;opacity:0;pointer-events:none}.sns-dash .check-pill .box{width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;flex:none}.sns-dash .check-pill.done{background:var(--surface-sunken);border-color:transparent;color:var(--text-muted);text-decoration:line-through}.sns-dash .check-pill.done .box{background:var(--accent);border-color:var(--accent)}.sns-dash .check-pill.done .box:after{content:"✓";color:var(--text-on-accent);font-size:10px;font-weight:var(--fw-bold);text-decoration:none}.sns-dash .table-panel{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.sns-dash table.posts{width:100%;border-collapse:collapse;font-size:var(--fs-caption)}.sns-dash table.posts th{font-size:10px;font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted);text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:var(--bw-hair) solid var(--border-soft);background:var(--surface-card);white-space:nowrap}.sns-dash table.posts td{padding:var(--sp-3) var(--sp-4);border-bottom:var(--bw-hair) solid var(--border-hairline);white-space:nowrap}.sns-dash table.posts td.cap{max-width:320px;overflow:hidden;text-overflow:ellipsis;color:var(--text-heading)}.sns-dash table.posts td.num,.sns-dash table.posts th.num{text-align:right;font-variant-numeric:tabular-nums}.sns-dash table.posts tbody tr:hover{background:var(--ooju-paper)}#tooltip{position:fixed;pointer-events:none;z-index:10;display:none;background:var(--surface-card);border:var(--bw-hair) solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--fs-micro);box-shadow:0 8px 28px #2b26221f;max-width:260px;line-height:1.5}#tooltip .t-title{font-weight:var(--fw-bold);color:var(--text-heading)}#tooltip .t-sub{color:var(--text-muted)}.sns-dash .dash-foot{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:var(--bw-hair) solid var(--border-hairline);font-size:var(--fs-micro);color:var(--text-muted)}@media (max-width: 720px){.sns-dash .dash-wrap{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.sns-dash .dash-header{flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4)}.sns-dash .dash-header .logo{height:26px}.sns-dash .dash-title{font-size:var(--fs-heading)}.sns-dash .dash-meta{text-align:left;width:100%}.sns-dash .tiles{grid-template-columns:1fr 1fr;gap:var(--sp-3)}.sns-dash .tile{padding:var(--sp-3) var(--sp-4)}.sns-dash .tile .k-value{font-size:24px}.sns-dash .tile.hero .k-value{font-size:32px}.sns-dash .summary{padding:var(--sp-4)}.sns-dash .summary .s-head{font-size:var(--fs-body-l)}.sns-dash .grid-2{grid-template-columns:1fr}.sns-dash .rank-item{padding:var(--sp-3) var(--sp-4)}}.sns-dash .stale-note{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);border-radius:var(--radius-sm);border:1px solid var(--stale-line);border-left-width:4px;background:var(--stale-bg)}.sns-dash .stale-warn{--stale-tone: #b8863b;--stale-line: rgba(184, 134, 59, .45);--stale-bg: rgba(184, 134, 59, .1)}.sns-dash .stale-stale{--stale-tone: #a3402f;--stale-line: rgba(163, 64, 47, .45);--stale-bg: rgba(163, 64, 47, .09)}.sns-dash .stale-note .stale-icon{flex:none;width:20px;height:20px;margin-top:1px;border-radius:var(--radius-pill);background:var(--stale-tone);color:var(--ooju-white);font-size:var(--fs-caption);font-weight:var(--fw-bold);display:grid;place-items:center;line-height:1}.sns-dash .stale-note strong{font-size:var(--fs-body);color:var(--stale-tone)}.sns-dash .stale-note p{margin:2px 0 0;font-size:var(--fs-caption);color:var(--text-body)}:root{--paper: #f6f2eb;--surface: #ffffff;--panel: #efe8dc;--ink: #211d1a;--sub: #7d756b;--faint: #a89f93;--line: #ddd5c8;--line-soft: #efe8dc;--accent: #b4694e;--accent-dark: #96513a;--danger: #a3402f;--danger-soft: #c26a58;--ok: #4f7a4d;--warn: #b8863b;--radius: 8px;--radius-sm: 2px;--shadow: 0 1px 3px rgba(33, 29, 26, .06);--font-sans: "Zen Kaku Gothic New", system-ui, sans-serif;--font-num: "Bodoni Moda", serif}.st-doing{--dot: var(--warn)}.st-done{--dot: var(--ok)}.st-late{--dot: var(--danger)}.st-none{--dot: var(--faint)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:13px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark);text-decoration:underline}input,select,textarea,button{font-family:var(--font-sans);font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px}button{cursor:pointer}table{border-collapse:collapse}::placeholder{color:var(--faint)}.app{display:flex;min-height:100vh;align-items:stretch}.sidebar{width:208px;flex:none;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:13px 20px 10px;border-bottom:1px solid var(--line)}.sidebar .brand-sub{font-size:9.5px;letter-spacing:.2em;color:var(--sub);margin-top:4px;font-weight:700}.nav{display:flex;flex-direction:column;gap:1px;padding:10px;flex:1;overflow-y:auto}.nav a,.nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;border-radius:var(--radius-sm);padding:5px 12px;font-size:12.5px;line-height:1.35;color:var(--ink);text-align:left;letter-spacing:.02em;text-decoration:none}.nav a:hover,.nav button:hover{background:#e4dccd;color:var(--ink);text-decoration:none}.nav a.active,.nav button.active{background:var(--ink);color:var(--paper);font-weight:700}.nav a.active:hover{background:var(--ink);color:var(--paper)}.nav .badge{background:var(--danger);color:#fff;font-size:9.5px;border-radius:99px;padding:0 6px;font-weight:700;line-height:1.5}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-group+.nav-group{margin-top:9px}.nav-group-t{font-size:9.5px;letter-spacing:.18em;font-weight:700;color:var(--faint);padding:0 4px 4px}.userbox{padding:8px 16px 10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:14px 28px;background:#f6f2ebeb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:16px;font-weight:700;letter-spacing:.04em;flex:1}.content{padding:24px 28px 48px;flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card-h .t{font-size:13px;font-weight:700}.muted{color:var(--sub)}.faint{color:var(--faint)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.num{font-family:var(--font-num)}.row{display:flex;align-items:center;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.stack{display:flex;flex-direction:column}.grid{display:grid;gap:12px}.btn{background:var(--ink);color:var(--paper);border:none;border-radius:var(--radius-sm);padding:9px 16px;font-size:12.5px;letter-spacing:.08em}.btn:hover{background:#000}.btn.ghost{background:none;border:1px solid var(--ink);color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn.sm{padding:6px 12px;font-size:11.5px}.btn.accent{background:var(--accent)}.btn.accent:hover{background:var(--accent-dark)}.btn:disabled{opacity:.4;cursor:not-allowed}.input,select.input,textarea.input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 11px;font-size:13px;background:#fff;color:var(--ink);width:100%}label.lbl{font-size:11px;color:var(--sub);letter-spacing:.06em;display:block;margin-bottom:5px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:99px;background:var(--dot, var(--faint));flex:none}table.grid-t{width:100%;font-size:12.5px}table.grid-t th{text-align:left;font-weight:700;color:var(--sub);font-size:11px;letter-spacing:.04em;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0}table.grid-t td{padding:10px 12px;border-bottom:1px solid var(--line-soft)}table.grid-t tbody tr:hover,table.grid-t tr.clickable:hover{background:var(--paper);cursor:pointer}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tabs button{background:none;border:none;padding:10px 16px;font-size:12.5px;color:var(--sub);border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:11px 20px;border-radius:6px;font-size:12.5px;z-index:100;animation:toastIn .2s ease;box-shadow:0 6px 24px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#211d1a70;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:88vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal.wide{max-width:860px}.empty{padding:40px 18px;text-align:center;color:var(--faint);font-size:12.5px}.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-size:17px;line-height:1;padding:7px 11px;flex:none}.sidebar-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#211d1a66;z-index:39}@media (max-width: 860px){.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform .2s;width:252px;box-shadow:0 0 40px #0000002e}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.content{padding:14px 12px}.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.topbar h1{font-size:15px}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-t{min-width:680px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.row{flex-wrap:wrap}.tabs{overflow-x:auto}.modal-bg{padding:10px;align-items:flex-start}.modal,.modal.wide{max-width:100%;max-height:94vh;margin-top:8px}input,select,textarea{font-size:16px}}@media (max-width: 560px){.grid{grid-template-columns:1fr!important}.content{padding:12px 10px}.card-h{padding:12px 14px;flex-wrap:wrap}}