.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}.header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.brand{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.05em;font-size:1.25rem}.clear-btn{font-family:var(--font-body);color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:background .15s}.clear-btn:hover{background:#ff4d4d1a}.list-area{flex:1;padding:8px 20px 100px;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.empty-state h1{font-family:var(--font-heading);color:var(--color-text);font-size:1.5rem}.empty-state p{color:var(--color-text-muted);font-size:1rem;font-weight:500}.section-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:16px 0 8px;font-size:.8rem;font-weight:700}.item-list{flex-direction:column;gap:8px;list-style:none;display:flex}.item-card{background:var(--color-surface);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:14px 16px;transition:transform .1s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000f}.item-card:active{transform:scale(.97)}.item-text{flex:1;font-size:1.05rem;font-weight:500;position:relative}.item-done{opacity:.6}.item-done .item-text{color:var(--color-text-muted)}.item-done .item-text:after{content:"";background:var(--color-secondary);border-radius:2px;height:3px;animation:.2s ease-out strikethrough;position:absolute;top:50%;left:-4px;right:-4px;transform:rotate(-.5deg)}@keyframes strikethrough{0%{transform-origin:0;transform:scaleX(0)rotate(-.5deg)}to{transform-origin:0;transform:scaleX(1)rotate(-.5deg)}}.delete-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.4rem;line-height:1;transition:color .15s,background .15s}.delete-btn:hover{color:var(--color-accent);background:#ff4d4d1a}.input-bar{width:100%;max-width:480px;padding:12px 20px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--color-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #0000000f;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.input-field{font-family:var(--font-body);background:var(--color-surface);color:var(--color-text);border:2px solid #0000;border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:1rem;font-weight:500;transition:border-color .2s}.input-field::placeholder{color:var(--color-text-muted);font-weight:400}.input-field:focus{border-color:var(--color-primary)}.add-btn{background:var(--color-primary);width:52px;height:52px;color:var(--color-secondary);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.add-btn:disabled{opacity:.4;cursor:default}.add-btn:not(:disabled):active{transform:scale(.92)}.toast{background:var(--color-secondary);color:#f2f0e9;z-index:100;border-radius:10px;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.25s ease-out slideUp;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000040}.undo-btn{color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;border-radius:4px;padding:4px 8px}.undo-btn:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-color-scheme:dark){.input-bar{border-top-color:#ffffff0f}.item-card{box-shadow:0 1px 3px #0003}.item-done .item-text:after{background:#f2f0e9}}:root{--color-primary:#e0ad00;--color-secondary:#121212;--color-accent:#ff4d4d;--color-bg:#f2f0e9;--color-surface:#fff;--color-text:#121212;--color-text-muted:#6b6b6b;--font-heading:"Archivo Black", sans-serif;--font-body:"Jost", sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#1c1917;--color-surface:#292524;--color-text:#f2f0e9;--color-text-muted:#a8a29e}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}