@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";.language-toggle{position:fixed;top:20px;right:20px;display:flex;gap:4px;background:var(--card-bg);border-radius:20px;padding:4px;box-shadow:var(--shadow);z-index:100}.lang-btn{padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-radius:16px;transition:all .2s}.lang-btn:hover{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #faf6f1;--paper-dark: #f5f0e8;--ink: #1a1614;--ink-light: #3d3835;--ink-muted: #7a756f;--accent: #8b2942;--accent-light: #a83350;--success: #2d5a3d;--success-light: #4a7c5c;--border: #e5dfd6;--shadow: rgba(26, 22, 20, .06);--shadow-hover: rgba(26, 22, 20, .12)}html{scroll-behavior:smooth}body{font-family:Libre Baskerville,"Noto Serif SC",Georgia,serif;background:var(--paper);min-height:100vh;padding:60px 24px;line-height:1.7;color:var(--ink);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.app{position:relative;z-index:1;min-height:100vh}.container{max-width:480px;margin:0 auto}.language-toggle{position:fixed;top:24px;right:24px;display:flex;gap:0;background:var(--paper-dark);border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 2px 8px var(--shadow)}.lang-btn{padding:10px 18px;background:transparent;border:none;color:var(--ink-muted);font-family:Cormorant Garamond,serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease;letter-spacing:.02em}.lang-btn:hover{color:var(--ink);background:#8b29420d}.lang-btn.active{background:var(--accent);color:#fff}.header{text-align:center;margin-bottom:48px;padding:32px 0}.header-ornament{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 24px}.header-title{font-family:Cormorant Garamond,"Noto Serif SC",serif;font-size:3rem;font-weight:600;color:var(--ink);letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.header-subtitle{font-family:Cormorant Garamond,serif;font-size:1.1rem;color:var(--ink-muted);font-style:italic;font-weight:400;letter-spacing:.05em}.input-card{background:#fff;border:1px solid var(--border);border-radius:4px;padding:28px;margin-bottom:32px;box-shadow:0 4px 20px var(--shadow);position:relative}.input-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.input-row{margin-bottom:20px}.input-main{width:100%;padding:16px 0;border:none;border-bottom:2px solid var(--border);border-radius:0;font-size:1.1rem;font-family:Libre Baskerville,"Noto Serif SC",serif;background:transparent;transition:border-color .3s ease;color:var(--ink)}.input-main:focus{outline:none;border-bottom-color:var(--accent)}.input-main::placeholder{color:var(--ink-muted);font-style:italic}.btn-add{width:100%;padding:16px 24px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:4px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-add:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translateY(100%);transition:transform .3s ease;z-index:0}.btn-add span{position:relative;z-index:1}.btn-add:hover{border-color:var(--accent)}.btn-add:hover:before{transform:translateY(0)}.filter-bar{display:flex;justify-content:center;gap:4px;margin-bottom:32px;background:var(--paper-dark);padding:6px;border-radius:4px;border:1px solid var(--border)}.filter-tab{padding:12px 28px;background:transparent;color:var(--ink-muted);border:none;font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:500;letter-spacing:.05em;cursor:pointer;border-radius:3px;transition:all .25s ease;position:relative}.filter-tab:after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:1px;background:var(--accent);transform:translate(-50%);transition:width .25s ease}.filter-tab:hover{color:var(--ink)}.filter-tab.active{color:var(--accent);background:#fff;box-shadow:0 2px 8px var(--shadow)}.filter-tab.active:after{width:20px}.todo-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.todo-item{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 12px var(--shadow);animation:fadeIn .4s ease-out;transition:all .25s ease}.todo-item:hover{box-shadow:0 4px 20px var(--shadow-hover);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.todo-item.removing{animation:slideOut .3s ease-out forwards}@keyframes slideOut{to{opacity:0;transform:translate(40px)}}.todo-item.completed{opacity:.6}.todo-item.completed .todo-text,.todo-item.completed .todo-text-en{text-decoration:line-through;color:var(--ink-muted)}.checkbox{width:24px;height:24px;border:2px solid var(--ink-light);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0;position:relative}.checkbox:before{content:"✓";font-size:0;color:#fff;transition:all .2s ease}.checkbox:hover{border-color:var(--success);transform:scale(1.08)}.checkbox.checked{background:var(--success);border-color:var(--success);animation:inkPop .4s ease}.checkbox.checked:before{font-size:14px;animation:checkIn .2s ease .1s both}@keyframes inkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checkIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.todo-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.todo-text{font-size:1.05rem;font-weight:400;color:var(--ink);line-height:1.5;transition:all .3s}.todo-text-en{font-size:.88rem;color:var(--ink-muted);font-style:italic;line-height:1.4;transition:all .3s}.btn-delete{width:32px;height:32px;background:transparent;border:1px solid transparent;color:var(--ink-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;opacity:.5}.btn-delete:hover{background:#8b294214;border-color:#8b294233;color:var(--accent);opacity:1}.btn-delete svg{width:16px;height:16px}.stats{display:flex;justify-content:center;padding:24px 0;border-top:1px solid var(--border);margin-top:16px}.stats-count{color:var(--ink-muted);font-size:.95rem;font-style:italic;letter-spacing:.02em}.empty-state{text-align:center;padding:64px 32px;background:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 20px var(--shadow)}.empty-state-icon{width:48px;height:48px;margin:0 auto 20px;color:var(--ink-muted);opacity:.4}.empty-state p{color:var(--ink-muted);font-size:1rem;font-style:italic}.footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 0 20px;border-top:1px solid var(--border);margin-top:24px}.footer-copy{color:var(--ink-muted);font-size:.85rem;font-style:italic}.footer-link{color:var(--accent);text-decoration:none;font-size:.9rem;transition:color .2s ease;letter-spacing:.02em}.footer-link:hover{color:var(--accent-light);text-decoration:underline}@media (max-width: 520px){body{padding:40px 16px}.header-title{font-size:2.2rem}.language-toggle{top:16px;right:16px}.lang-btn{padding:8px 14px;font-size:.85rem}.filter-tab{padding:10px 16px;font-size:.9rem}.todo-item{padding:16px 18px}}