:root{color-scheme:light;--primary: #5b21b6;--primary-dark: #4c1d95;--primary-soft: #ede9fe;--on-primary: #ffffff;--accent: #c3f53c;--on-accent: #1e1537;--accent-soft: #ecfccb;--bg: #f5f3ff;--surface: #ffffff;--surface-soft: #faf9ff;--surface-2: #ede9fe;--text: #1e1537;--muted: #5b5675;--line: #e4e0f2;--line-strong: #cfc8e6;--side: #1e1537;--on-side: #e9e4ff;--side-muted: #a79fc8;--hero: #5b21b6;--icon: #5b21b6;--icon-bg: #ede9fe;--exp-fg: #b42318;--exp-bg: #fee4e2;--soon-fg: #c2410c;--soon-bg: #ffedd5;--week-fg: #8a5a00;--week-bg: #fef3c7;--ok-fg: #3f6212;--ok-bg: #ecfccb;--danger: var(--exp-fg);--danger-soft: var(--exp-bg);--warning: var(--soon-fg);--warning-soft: var(--soon-bg);--ok: var(--ok-fg);--ok-soft: var(--ok-bg);--radius: 20px;--radius-md: 16px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(30, 21, 55, .08);--focus: 0 0 0 3px rgba(91, 33, 182, .25);--font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", var(--font-body);--font-brand: "Fredoka", var(--font-body);--brand-ja: #5b21b6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--brand-ja: #c3f53c;--primary: #c3f53c;--primary-dark: #a7d82a;--primary-soft: #2a2147;--on-primary: #16101f;--accent: #c3f53c;--on-accent: #16101f;--accent-soft: #24301a;--bg: #100c1c;--surface: #1b1530;--surface-soft: #1f1836;--surface-2: #261e40;--text: #f3f0ff;--muted: #b3accc;--line: #2e2650;--line-strong: #43357a;--side: #0b0814;--hero: #2a1e52;--icon: #c9b6ff;--icon-bg: #2a2147;--exp-fg: #ff8a80;--exp-bg: #3a1418;--soon-fg: #ffb27a;--soon-bg: #3a2012;--week-fg: #ffd873;--week-bg: #352a0e;--ok-fg: #c3f53c;--ok-bg: #24301a;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--focus: 0 0 0 3px rgba(195, 245, 60, .35)}}:root[data-theme=dark]{color-scheme:dark;--brand-ja: #c3f53c;--primary: #c3f53c;--primary-dark: #a7d82a;--primary-soft: #2a2147;--on-primary: #16101f;--accent: #c3f53c;--on-accent: #16101f;--accent-soft: #24301a;--bg: #100c1c;--surface: #1b1530;--surface-soft: #1f1836;--surface-2: #261e40;--text: #f3f0ff;--muted: #b3accc;--line: #2e2650;--line-strong: #43357a;--side: #0b0814;--hero: #2a1e52;--icon: #c9b6ff;--icon-bg: #2a2147;--exp-fg: #ff8a80;--exp-bg: #3a1418;--soon-fg: #ffb27a;--soon-bg: #3a2012;--week-fg: #ffd873;--week-bg: #352a0e;--ok-fg: #c3f53c;--ok-bg: #24301a;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--focus: 0 0 0 3px rgba(195, 245, 60, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,.cj-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--icon)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus)}button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}button:not(:disabled):active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{background:var(--surface-soft);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--icon)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}cj-icon{display:inline-flex;flex-shrink:0;height:1.25em;width:1.25em}.cj-eyebrow{color:var(--muted);font-size:.85rem;font-weight:600;margin:0}.cj-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.cj-btn{align-items:center;border:0;border-radius:14px;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;min-height:46px;padding:0 1.1rem;text-decoration:none;white-space:nowrap}.cj-btn.primary{background:var(--primary);color:var(--on-primary)}.cj-btn.accent{background:var(--accent);color:var(--on-accent)}.cj-btn.soft{background:var(--surface-2);color:var(--icon)}.cj-btn.ghost{background:var(--surface);border:1.5px solid var(--line);color:var(--text)}.cj-btn.danger{background:var(--exp-bg);color:var(--exp-fg)}.cj-btn.icon-only{min-width:46px;padding:0}.cj-btn.small{border-radius:12px;font-size:.85rem;min-height:38px;padding:0 .85rem}.cj-chip{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;padding:.3rem .65rem;white-space:nowrap}.st-expired,.cj-chip.expired{background:var(--exp-bg);color:var(--exp-fg)}.st-expiring_3,.cj-chip.expiring_3{background:var(--soon-bg);color:var(--soon-fg)}.st-expiring_4_7,.cj-chip.expiring_4_7{background:var(--week-bg);color:var(--week-fg)}.st-normal,.cj-chip.normal{background:var(--ok-bg);color:var(--ok-fg)}.cj-icon-tile{align-items:center;background:var(--icon-bg);border-radius:14px;color:var(--icon);display:inline-flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.cj-icon-tile cj-icon{height:22px;width:22px}.cj-field{display:grid;font-size:.85rem;font-weight:700;gap:.4rem}.cj-field input,.cj-field select,.cj-field textarea{font-size:1rem;font-weight:500;min-height:50px;padding:0 1rem}.cj-error{background:var(--exp-bg);border-radius:var(--radius-sm);color:var(--exp-fg);margin:0;padding:.7rem .9rem}.cj-segmented{background:var(--surface-2);border-radius:16px;display:inline-flex;padding:4px}.cj-segmented button{background:transparent;border:0;border-radius:12px;color:var(--muted);cursor:pointer;font-weight:700;min-height:40px;padding:0 1rem}.cj-segmented button.on{background:var(--surface);box-shadow:0 2px 8px #1e153714;color:var(--text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}