:root{--ink:#1e1b18;--muted:#4a423b;--line:#e3d6ca;--chip:#f3e6da;--op-bg:#fff4ec;--ad-bg:#fbf7f3;--card:#fff;--accent:#d9330c;--accent-ink:#fff;--link:#b32a08;--lime:#c6ee5e;--ok-bg:#eefbcb;--ok-fg:#2f4a00;--warn-bg:#fff0b8;--warn-fg:#4a3a00;--bad:#a3240a;--bad-bg:#ffe9e3;--f-display:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",sans-serif;--f-body:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color-scheme:light}*{box-sizing:border-box}body,html{margin:0}body{font-family:var(--f-body);color:var(--ink);background:var(--ad-bg);font-size:15px;line-height:1.6}a{color:var(--link)}:focus-visible{outline:3px solid #2b6cdf;outline-offset:2px}h1,h2,h3{margin:0;line-height:1.35;text-wrap:balance}.num{font-family:var(--f-display);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.row{gap:10px;align-items:center;flex-wrap:wrap}.row,.stack{display:flex}.stack{flex-direction:column;gap:12px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--card);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.card h2{font-size:17px}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;background:var(--chip);color:var(--ink);white-space:nowrap}.chip.ok{background:var(--ok-bg);color:var(--ok-fg)}.chip.warn{background:var(--warn-bg);color:var(--warn-fg)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.big{min-height:54px;font-size:17px;border-radius:16px;width:100%}.btn.small{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.notice{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.6}.notice.ok{background:var(--ok-bg);color:var(--ok-fg)}.notice.bad{background:var(--bad-bg);color:var(--bad)}.notice.warn{background:var(--warn-bg);color:var(--warn-fg)}label.field{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:700}input[type=date],input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{font:inherit;font-size:16px;min-height:46px;padding:8px 12px;border-radius:12px;border:2px solid var(--line);background:#fff;color:var(--ink);width:100%;min-width:0}textarea{min-height:90px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#a99a8d}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-size:13px;color:var(--muted);font-weight:700;padding:8px 6px;white-space:nowrap}table.t td{padding:10px 6px;border-top:1px solid var(--chip);vertical-align:top}table.t td.r,table.t th.r{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scroll{overflow-x:auto}.empty{padding:18px;border-radius:14px;color:var(--muted);font-size:14px}.bar,.empty{background:var(--chip)}.bar{height:14px;overflow:hidden}.bar,.bar>span{border-radius:7px}.bar>span{display:block;height:100%;background:var(--ink)}.login{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left));background:var(--op-bg)}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;text-align:center;align-items:stretch}.login-card h1{font-size:24px}.login-card h1,.mark{font-family:var(--f-display);font-weight:800}.mark{width:56px;height:56px;border-radius:16px;background:var(--accent);color:#fff;font-size:13px;line-height:1.2;display:flex;align-items:center;justify-content:center;margin:0 auto}.op{background:var(--op-bg);min-height:100vh}.op-main{max-width:520px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 110px max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.op-head{display:flex;align-items:center;gap:12px}.op-head h1{font-family:var(--f-display);font-weight:800;font-size:24px;flex:1 1}.op .card{border-radius:22px}.preview-bar{background:var(--ink);color:#fff;font-size:13px;padding:8px max(16px,env(safe-area-inset-left));display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.preview-bar a,.preview-bar button{color:#fff}.tabbar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #f0e2d6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));z-index:10}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;text-decoration:none;color:var(--muted);font-size:12px;font-weight:700}.tabbar a[aria-current=page]{color:var(--accent)}.todo{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--op-bg)}.todo .dot{width:26px;height:26px;border-radius:13px;border:2px solid #b5a79b;flex:none;display:grid;place-items:center}.todo.done .dot{background:var(--ok-fg);border-color:var(--ok-fg);color:#fff}.todo .body{flex:1 1;min-width:0}.acct{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--chip)}.acct:first-of-type{border-top:0}.pf{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:13px;color:#fff;background:var(--ink);flex:none}.pf.TIKTOK{background:#111}.pf.INSTAGRAM{background:#b3306b}.pf.X{background:#1e1b18}.pf.YOUTUBE{background:#c4260f}.seg{gap:8px;overflow-x:auto;padding-bottom:2px}.seg,.seg a{display:flex}.seg a{flex:none;flex-direction:column;min-height:56px;justify-content:center;padding:6px 12px;border-radius:14px;border:2px solid #e8d5c6;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.seg a small{font-weight:500;font-size:12px;color:var(--muted)}.seg a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:#fff}.seg a[aria-current=true] small{color:#e8dcd0}.mtg{background:var(--ink);color:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px}.mtg .btn.primary{width:100%}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.fields .wide{grid-column:1/-1}.ad{flex-wrap:wrap;min-height:100vh;background:var(--ad-bg)}.ad,.side{display:flex}.side{flex:1 1 220px;max-width:260px;background:var(--ink);color:#ede6df;padding:22px 14px;flex-direction:column;gap:4px}.side .brand{padding:0 10px 14px}.side .brand b{font-family:var(--f-display);font-weight:800;font-size:18px;display:block;color:#fff}.side nav{display:flex;flex-direction:column;gap:2px}.side nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:12px;color:#ede6df;text-decoration:none;font-size:15px}.side nav a[aria-current=page]{background:var(--accent);color:#fff;font-weight:700}.side nav a .count{background:var(--chip);color:var(--ink);border-radius:999px;padding:1px 9px;font-size:13px;font-weight:700}.side .me{margin-top:auto;padding:14px 10px 0;border-top:1px solid #3a322b;display:flex;flex-direction:column;gap:8px;font-size:14px}.side .me .btn{background:transparent;color:#fff;border-color:#5a514a}.ad-main{flex:999 1 560px;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:20px}.ad-main h1{font-family:var(--f-display);font-weight:800;font-size:26px}.kpi .v{font-size:38px;line-height:1.15}.kpi .l{font-size:14px;font-weight:700;color:var(--muted)}.todo-cards{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.todo-cards .card{border-top:4px solid var(--ink)}.todo-cards .card.alert{border-top-color:var(--bad)}form.inline{display:inline}details.box{background:#fff;border-radius:16px;padding:14px 16px}details.box summary{cursor:pointer;font-weight:700}@media (max-width:760px){.side{max-width:none;flex-basis:100%;padding:12px}.side nav{flex-direction:row;overflow-x:auto}.side nav a{flex:none}.side .me{flex-direction:row;align-items:center;justify-content:space-between;margin-top:8px}.ad-main{padding:18px 16px 40px}}