:root{--bg:#faf6ef;--surface:#fff;--surface-2:#f1ece0;--text:#2a2e26;--text-muted:#6e7166;--border:#e4dfd1;--primary:#3f5b44;--primary-dark:#2c4130;--primary-tint:#e7ede3;--gold:#a9824f;--danger:#a3453a;--danger-tint:#f5e7e4;--font-body:"Noto Sans JP", sans-serif;--font-head:"Zen Old Mincho", serif;--c-white:#efe9dc;--c-brown:#6b4a32;--c-natural:#c9a876;--c-marble:#a9a6a0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font-family:inherit;font-size:inherit}a{color:var(--primary)}.container{max-width:880px;margin:0 auto;padding:0 20px 60px}.page-title{font-family:var(--font-head);letter-spacing:.02em;font-weight:700}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{color:var(--primary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--primary-tint)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:30px}input[type=text],input[type=password],input[type=date],input[type=number],select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}.field-label{color:var(--text-muted);margin-bottom:4px;font-size:13px;display:block}@media (width<=640px){.container{padding:0 14px 40px}.card{padding:16px 12px}}.timeline-scroll{padding-bottom:4px;overflow-x:auto}.occ-pill{cursor:default;position:relative}.occ-pill-bar{height:28px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #2a22182e}.occ-pill:hover .occ-pill-bar{transform:scaleY(1.18);box-shadow:0 3px 8px #2a221847}.occ-tooltip{background:var(--text);color:#fdfbf6;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;border-radius:8px;padding:6px 11px;font-size:12px;transition:opacity .15s,transform .15s;position:absolute;bottom:100%;box-shadow:0 6px 16px #00000038}.occ-tooltip-center{left:50%;transform:translate(-50%)translateY(-8px)}.occ-tooltip-left{left:0;transform:translateY(-8px)}.occ-tooltip-right{right:0;transform:translateY(-8px)}.occ-tooltip-center:after,.occ-tooltip-left:after,.occ-tooltip-right:after{content:"";border:5px solid #0000;border-top-color:var(--text);position:absolute;top:100%}.occ-tooltip-center:after{left:50%;transform:translate(-50%)}.occ-tooltip-left:after{left:10px}.occ-tooltip-right:after{right:10px}.occ-pill:hover .occ-tooltip-center{opacity:1;transform:translate(-50%)translateY(-12px)}.occ-pill:hover .occ-tooltip-left,.occ-pill:hover .occ-tooltip-right{opacity:1;transform:translateY(-12px)}