:root{--paper: #f6f7f5;--ink: #20242a;--ink-soft: #565b60;--ink-faint: #8a8f8b;--ai: #2a4a7f;--ai-deep: #1c335a;--ai-wash: #edf1f7;--mist: #e4e7e4;--mist-2: #eef0ed;--line: #daded9;--moss: #4a7a5c;--moss-wash: #eaf1ec;--shu: #c8442e;--radius: 12px;--mincho: "Shippori Mincho", serif;--gothic: "Zen Kaku Gothic New", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--gothic);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.tnum{font-variant-numeric:tabular-nums;letter-spacing:.01em}.masthead{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.mark{width:38px;height:38px;border-radius:8px;background:var(--ai);color:#fff;display:grid;place-items:center;font-family:var(--mincho);font-weight:600;font-size:22px;line-height:1}.wordmark{display:flex;flex-direction:column;line-height:1.15}.wordmark b{font-weight:700;font-size:14px;letter-spacing:.14em}.wordmark span{font-size:11px;color:var(--ink-faint);letter-spacing:.28em}.status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ai-deep);background:var(--ai-wash);border:1px solid #d5deec;padding:6px 12px;border-radius:999px;white-space:nowrap}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--ai)}.status.done{color:#2f5a42;background:var(--moss-wash);border-color:#cfe0d5}.status.done .dot{background:var(--moss)}main{flex:1;display:flex;justify-content:center;padding:44px 20px 64px}.sheet{position:relative;width:100%;max-width:660px;background:#fff;border:1px solid var(--mist);border-radius:16px;padding:52px 56px 44px;box-shadow:0 1px 2px #20242a0a,0 14px 40px -28px #20242a38}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.34em;color:var(--ai);margin-bottom:18px}h1{font-family:var(--mincho);font-weight:600;font-size:31px;line-height:1.4;letter-spacing:.02em;color:var(--ink);margin-bottom:22px}.recipient{font-family:var(--mincho);font-size:20px;font-weight:500;color:var(--ink);padding-bottom:20px;border-bottom:1px solid var(--mist);margin-bottom:22px}.recipient em{font-style:normal;color:var(--ink-faint);font-size:15px;margin-left:8px;font-family:var(--gothic)}.meta{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin-bottom:30px}.meta dt{font-size:13.5px;color:var(--ink-soft)}.meta dd{font-size:14.5px;color:var(--ink)}.dropzone{border:1.5px dashed #b8c4d6;border-radius:var(--radius);background:var(--ai-wash);padding:34px 24px;text-align:center;transition:border-color .18s ease,background .18s ease}.dropzone.drag{border-color:var(--ai);background:#e4ebf5}.folder-ico{width:44px;height:44px;margin:0 auto 14px;display:block;color:var(--ai)}.dz-lead{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:4px}.dz-sub{font-size:13px;color:var(--ink-soft);margin-bottom:20px}.btn{font-family:var(--gothic);font-size:14.5px;font-weight:500;cursor:pointer;border:none;border-radius:9px;padding:12px 26px;transition:background .16s ease,transform .06s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ai);color:#fff}.btn-primary:hover{background:var(--ai-deep)}.btn-primary:disabled{background:#a9b4c6;cursor:default}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ai-deep);outline-offset:2px}.panel{margin-top:26px;animation:rise .34s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.counts{display:flex;align-items:baseline;gap:26px;flex-wrap:wrap;padding:18px 20px;background:var(--mist-2);border-radius:var(--radius)}.count-item{display:flex;align-items:baseline;gap:8px}.count-num{font-size:26px;font-weight:700;color:var(--ink)}.count-lab{font-size:13px;color:var(--ink-soft)}.progress-wrap{margin-top:22px}.progress-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.progress-head .label{font-size:13.5px;color:var(--ink-soft)}.progress-head .val{font-size:13.5px;color:var(--ink);font-weight:500}.track{height:8px;border-radius:6px;background:var(--mist);overflow:hidden}.fill{height:100%;width:0%;background:var(--ai);border-radius:6px;transition:width .18s linear}.fill.done{background:var(--moss)}.actions{margin-top:26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.note{font-size:12.5px;color:var(--ink-faint)}.seal{position:absolute;right:40px;bottom:34px;width:118px;height:118px;display:grid;place-items:center;opacity:0;pointer-events:none}.seal.show{opacity:1;animation:stamp .5s cubic-bezier(.2,.8,.3,1.2) both}@keyframes stamp{0%{opacity:0;transform:scale(1.7) rotate(-14deg)}55%{opacity:1;transform:scale(.92) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}.seal svg{width:100%;height:100%}.seal .kanji{font-family:var(--mincho);font-weight:700;fill:var(--shu)}.seal .date{font-family:var(--gothic);font-weight:500;fill:var(--shu)}.seal .ring{fill:none;stroke:var(--shu)}footer{text-align:center;padding:22px 20px 34px;color:var(--ink-faint);font-size:12px}footer .sec{color:var(--ink-soft)}.code-form{margin-top:6px}.code-label{display:block;font-size:13.5px;color:var(--ink-soft);margin-bottom:8px}.code-input{font-family:var(--gothic);font-variant-numeric:tabular-nums;font-size:22px;letter-spacing:.3em;text-align:center;width:100%;max-width:320px;padding:12px 14px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-transform:uppercase}.code-input:focus{border-color:var(--ai);outline:none;box-shadow:0 0 0 3px var(--ai-wash)}.code-actions{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.banner{margin-top:18px;padding:12px 16px;border-radius:9px;font-size:13.5px;background:#faeeec;border:1px solid #ecd2cc;color:#8a2e1d}.banner.info{background:var(--ai-wash);border-color:#d5deec;color:var(--ai-deep)}.state-message{padding:26px 0 8px;font-size:15px;color:var(--ink-soft)}.failed-list{margin-top:14px;max-height:180px;overflow-y:auto;border:1px solid var(--mist);border-radius:9px;padding:10px 14px;font-size:12.5px;color:var(--ink-soft)}.failed-list li{list-style:none;padding:3px 0;overflow-wrap:anywhere}@media(max-width:560px){.masthead{padding:14px 18px}main{padding:26px 14px 48px}.sheet{padding:34px 24px;border-radius:14px}h1{font-size:25px}.seal{right:16px;bottom:20px;width:92px;height:92px}.counts{gap:18px}.count-num{font-size:22px}}@media(prefers-reduced-motion:reduce){.seal.show{animation:none;transform:rotate(-7deg)}.panel{animation:none}.fill{transition:none}}