:root{--ink:#24303d;--ink-2:#5b6878;--glass:#ffffff85;--glass-strong:#ffffffbd;--field:#ffffff9e;--edge:#ffffffbf;--edge-dark:#283c5a1a;--edge-mid:#283c5a2e;--track:#283c5a14;--shadow:0 24px 60px #23375524, 0 2px 6px #2337550f;--blue:#3b6fd6;--blue-ink:#2b56ad;--violet:#7c63c9;--violet-ink:#5e48a8;--amber:#c98a2a;--amber-ink:#8a5a12;--on-amber:#2e1f05;--green:#3a9a6e;--green-ink:#23704d;--on-green:#04200f;--rose:#d4626a;--rose-ink:#a8323c;--bg:#dfe6ef;--sky:#bfd6f2;--sand:#f3e3cf;--leaf:#c9e6d3;--lilac:#e5d9ef;--bg-a:#eaf0f8;--bg-b:#d9e2ec;--serif:"Hiragino Mincho ProN", "Shippori Mincho B1", "Yu Mincho", serif;--sans:"Hiragino Sans", "Zen Kaku Gothic New", "Yu Gothic", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "DM Mono", Menlo, monospace;--r:22px;--r-sm:14px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:15px/1.6 var(--sans);color:var(--ink);background:var(--bg);letter-spacing:.01em;font-feature-settings:"palt";-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.bg{z-index:-1;background:radial-gradient(60% 40% at 18% 10%, var(--sky) 0%, transparent 70%), radial-gradient(55% 35% at 88% 30%, var(--sand) 0%, transparent 70%), radial-gradient(60% 40% at 70% 92%, var(--leaf) 0%, transparent 70%), radial-gradient(45% 35% at 8% 70%, var(--lilac) 0%, transparent 70%), linear-gradient(170deg, var(--bg-a) 0%, var(--bg) 60%, var(--bg-b) 100%);filter:blur(26px)saturate(1.15);pointer-events:none;position:fixed;inset:-8%}.glass{background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(1.35);border:1px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #ffffffd9;border-radius:var(--r)}.serif{font-family:var(--serif)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.muted{color:var(--ink-2)}.small{font-size:13px}.app{min-height:100dvh;padding:env(safe-area-inset-top) 0 0;flex-direction:column;display:flex}.app-header{justify-content:space-between;align-items:baseline;gap:12px;padding:20px 22px 8px;display:flex}.app-header h1{font-family:var(--serif);letter-spacing:.12em;margin:0;font-size:22px;font-weight:700}.content{width:100%;max-width:560px;padding:8px 16px calc(96px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex}.panel{flex-direction:column;gap:12px;padding:20px;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h2{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:16px;font-weight:700}.tone-blue h2{color:var(--blue-ink)}.tone-violet h2{color:var(--violet-ink)}.tone-amber h2{color:var(--amber-ink)}.tone-green h2{color:var(--green-ink)}.tile{background:var(--field);border:1px solid var(--edge-dark);border-radius:var(--r-sm);padding:10px 12px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tabbar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;max-width:536px;height:64px;margin:0 auto;padding:6px;display:grid;position:fixed}.tabbar a{border-radius:var(--r-sm);color:var(--ink-2);justify-content:center;align-items:center;font-size:12px;text-decoration:none;display:flex}.tabbar a[aria-current=page]{background:var(--glass-strong);color:var(--ink);font-weight:700;box-shadow:0 2px 8px #2337551a}button,.button{font:inherit;border-radius:var(--r-sm);border:1px solid var(--edge-dark);background:var(--field);min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}button:disabled{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--blue);color:#fff;border-color:#0000;font-weight:500}button.amber,.button.amber{background:var(--amber);color:var(--on-amber);border-color:#0000;font-weight:700}button.green,.button.green{background:var(--green);color:var(--on-green);border-color:#0000;font-weight:700}button.violet{background:var(--violet);color:#fff;border-color:#0000;font-weight:700}button.violet-soft{color:var(--violet-ink);background:#7c63c924;border-color:#7c63c966;font-weight:700}button.ghost{color:var(--ink-2);background:0 0;border-color:#0000}button.danger{background:var(--rose-ink);color:#fff;border-color:#0000;font-weight:700}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--edge-dark);background:var(--field);border-radius:10px;width:100%;min-height:44px;padding:8px 12px;font-size:16px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:1px;outline:2px solid #3b6fd659}label.field{color:var(--ink-2);flex-direction:column;gap:4px;font-size:13px;display:flex}.field-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.field-error,p.error{color:var(--rose-ink);margin:0;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.pill.rose{color:var(--rose-ink);background:#d4626a24}.pill.amber{color:var(--amber-ink);background:#c98a2a29}.pill.green{color:var(--green-ink);background:#3a9a6e24}.button.disabled{opacity:.45;pointer-events:none}label.button:focus-within{outline-offset:1px;outline:2px solid #3b6fd659}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.thumb{border-radius:var(--r-sm);object-fit:cover;background:var(--field);border:1px solid var(--edge-dark);text-align:center;flex-shrink:0;place-items:center;width:96px;height:96px;padding:4px;display:grid}.plain-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stepper{align-items:center;gap:4px;display:flex}.stepper button{width:44px;padding:0;font-size:20px}.stepper output{text-align:center;min-width:2.2em;font-size:18px}.banner{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.banner.warn{color:var(--rose-ink);background:#d4626a1a;border:1px solid #d4626a73;border-radius:12px;flex-wrap:wrap}.warn-text{color:var(--rose-ink);font-weight:700}.secret{word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--field);border:1px solid var(--edge-dark);border-radius:10px;padding:8px 10px;font-family:DM Mono,ui-monospace,monospace;font-size:13px}.center-screen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.center-screen>.glass{width:100%;max-width:420px}