*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f0eb;--paper:#faf7f4;--ink:#2c2420;--ink-light:#8a7c76;--ink-faint:#c4b8b2;--accent:#c0392b;--accent-soft:#e8d5d3;--trash-bg:#ede8e3;--shadow:#2c242014}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:Zen Kaku Gothic New,sans-serif;font-weight:300}#root{background-image:radial-gradient(at 10% 20%,#c0392b0a 0%,#0000 60%),radial-gradient(at 90% 80%,#2c24200a 0%,#0000 60%);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 60px;display:flex}header{text-align:center;margin-bottom:48px;animation:.8s both fadeDown}header .eyebrow{letter-spacing:.35em;color:var(--ink-light);text-transform:uppercase;margin-bottom:8px;font-family:Noto Serif JP,serif;font-size:11px;font-weight:200}header h1{letter-spacing:.1em;color:var(--ink);font-family:Noto Serif JP,serif;font-size:28px;font-weight:300;line-height:1.3}header .subtitle{color:var(--ink-light);letter-spacing:.08em;margin-top:10px;font-size:12px;line-height:1.8}.counter-bar{background:var(--paper);border:1px solid var(--ink-faint);color:var(--ink-light);letter-spacing:.05em;box-shadow:0 2px 8px var(--shadow);border-radius:40px;align-items:center;gap:10px;margin-bottom:40px;padding:8px 20px;font-size:12px;animation:.8s .15s both fadeDown;display:flex}.counter-bar .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.counter-bar strong{color:var(--ink);font-size:14px;font-weight:500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.input-section{width:100%;max-width:520px;animation:.8s .25s both fadeDown}.input-label{letter-spacing:.2em;color:var(--ink-light);margin-bottom:10px;font-family:Noto Serif JP,serif;font-size:11px;font-weight:200;display:block}textarea{background:var(--paper);border:1px solid var(--ink-faint);width:100%;min-height:130px;color:var(--ink);resize:vertical;box-shadow:0 2px 10px var(--shadow);border-radius:4px;outline:none;padding:18px 20px;font-family:Zen Kaku Gothic New,sans-serif;font-size:15px;font-weight:300;line-height:1.8;transition:border-color .2s,box-shadow .2s}textarea::placeholder{color:var(--ink-faint);font-weight:300}textarea:focus{border-color:var(--ink-light);box-shadow:0 4px 16px var(--shadow)}.input-actions{justify-content:flex-end;margin-top:12px;display:flex}.btn-throw{background:var(--ink);color:var(--bg);letter-spacing:.15em;cursor:pointer;border:none;border-radius:3px;align-items:center;gap:8px;padding:12px 28px;font-family:Noto Serif JP,serif;font-size:13px;font-weight:300;transition:background .2s,transform .1s;display:flex}.btn-throw:hover{background:#1a1210}.btn-throw:active{transform:scale(.97)}.btn-throw:disabled{opacity:.4;cursor:not-allowed}.divider{align-items:center;gap:16px;width:100%;max-width:520px;margin:32px 0;animation:.8s .35s both fadeDown;display:flex}.divider:before,.divider:after{content:"";background:var(--ink-faint);flex:1;height:1px}.divider span{color:var(--ink-faint);letter-spacing:.2em;white-space:nowrap;font-family:Noto Serif JP,serif;font-size:11px;font-weight:200}.trash-section{width:100%;max-width:520px;animation:.8s .4s both fadeDown}.trash-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.trash-label{letter-spacing:.2em;color:var(--ink-light);font-family:Noto Serif JP,serif;font-size:11px;font-weight:200}.btn-shred{border:1px solid var(--accent);color:var(--accent);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:6px 16px;font-family:Noto Serif JP,serif;font-size:12px;font-weight:300;transition:all .2s;display:flex}.btn-shred:hover{background:var(--accent);color:#fff}.btn-shred:disabled{opacity:.3;cursor:not-allowed}.btn-shred:disabled:hover{color:var(--accent);background:0 0}.trash-bin{background:var(--trash-bg);border:1px solid var(--ink-faint);min-height:200px;box-shadow:inset 0 2px 8px #2c24200f, 0 2px 10px var(--shadow);border-radius:4px;padding:16px;position:relative;overflow:hidden}.trash-bin:before{content:"";background:repeating-linear-gradient(90deg, var(--ink-faint) 0px, var(--ink-faint) 8px, transparent 8px, transparent 16px);height:3px;position:absolute;top:0;left:0;right:0}.empty-state{min-height:160px;color:var(--ink-faint);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .trash-icon{opacity:.4;font-size:32px}.empty-state p{letter-spacing:.15em;text-align:center;font-family:Noto Serif JP,serif;font-size:12px;font-weight:200;line-height:2}.worry-list{flex-direction:column;gap:8px;display:flex}.worry-item{background:var(--paper);color:var(--ink);border:1px solid #c4b8b280;border-radius:3px;padding:12px 16px;font-size:13px;line-height:1.7;animation:.35s cubic-bezier(.34,1.2,.64,1) both slideIn;position:relative;overflow:hidden}.worry-item:before{content:"";background:var(--ink-faint);width:2px;position:absolute;top:0;bottom:0;left:0}.worry-item .timestamp{color:var(--ink-faint);letter-spacing:.05em;margin-top:6px;font-family:Noto Serif JP,serif;font-size:10px;font-weight:200}.shred-overlay{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.shred-strip{background:var(--paper);opacity:0;border-radius:1px;width:6px;animation:.8s ease-in both shredFall;position:absolute}@keyframes shredFall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:.8}to{opacity:0;transform:translateY(100vh)rotate(20deg)}}.fly-text{pointer-events:none;z-index:998;color:var(--ink);background:var(--paper);border:1px solid var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:280px;box-shadow:0 4px 16px var(--shadow);border-radius:3px;padding:8px 14px;font-family:Noto Serif JP,serif;font-size:13px;animation:.6s cubic-bezier(.36,.07,.19,.97) both flyToTrash;position:fixed;overflow:hidden}@keyframes flyToTrash{0%{opacity:1;transform:scale(1)translateY(0)}60%{opacity:.8;transform:scale(.8)translateY(30px)}to{opacity:0;transform:scale(.3)translateY(80px)}}footer{text-align:center;color:var(--ink-faint);letter-spacing:.08em;margin-top:48px;font-size:11px;line-height:2;animation:.8s .5s both fadeDown}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.shred-confirm{z-index:10;background:#f5f0ebf2;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.2s both fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shred-confirm p{letter-spacing:.1em;color:var(--ink);text-align:center;font-family:Noto Serif JP,serif;font-size:13px;font-weight:300;line-height:2}.confirm-btns{gap:12px;display:flex}.confirm-btns button{border:1px solid var(--ink-faint);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:3px;padding:8px 20px;font-family:Noto Serif JP,serif;font-size:12px;font-weight:300;transition:all .15s}.confirm-btns .confirm-yes{background:var(--accent);border-color:var(--accent);color:#fff}.confirm-btns .confirm-yes:hover{background:#a93226}.confirm-btns .confirm-no:hover{background:var(--trash-bg)}
