:root{--paper: #f6efe2;--card: #fffaf2;--ink: #3b2a1a;--muted: #6e5a45;--line: #e2d4bd;--accent: #c2571a;--accent-dark: #9a4212;--accent-soft: #fbe3d2;--leaf: #5f7a2e;--leaf-soft: #eef3e2;--radius: 16px;--tap: 56px;--shadow: 0 2px 8px rgb(59 42 26 / .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;line-height:1.15}h1{font-size:2rem}h2{font-size:1.5rem}.screen{max-width:32rem;min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.hint{font-size:.95rem;color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--tap);padding:12px 20px;border:2px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent-dark);font:inherit;font-size:1.1rem;font-weight:600;cursor:pointer}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:default;transform:none}.big-button{background:var(--accent);color:#fff;font-size:1.25rem}.big-button:active{background:var(--accent-dark)}.link-button{display:inline;width:auto;min-height:0;padding:8px 4px;border:none;background:none;color:var(--accent-dark);font-size:inherit;text-decoration:underline;text-underline-offset:3px}.screen>.link-button{display:flex;align-self:center;min-height:var(--tap)}fieldset{margin:0;padding:0;border:none;display:grid;gap:10px}legend{padding:0;margin-bottom:10px;font-size:1.15rem;font-weight:600}legend em{font-weight:400;color:var(--muted)}fieldset:has(>.choice){grid-template-columns:1fr 1fr}input[type=text]{width:100%;min-height:var(--tap);padding:12px 14px;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:inherit;font-size:1.1rem}input[type=text]:focus{border-color:var(--accent);outline:none}input[type=checkbox],input[type=radio]{width:1.4rem;height:1.4rem;margin:0;flex:none;accent-color:var(--accent)}.field{display:grid;gap:8px}.field>span{font-weight:600}.inline-form{display:flex;gap:8px}.inline-form input{flex:1;min-width:0}.inline-form button{width:auto;flex:none}.choice{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:12px;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);font-weight:600;line-height:1.2;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.progress{height:14px;border-radius:999px;background:var(--line);overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.progress[aria-valuenow="100"] .progress-bar{background:repeating-linear-gradient(-45deg,var(--accent) 0 12px,var(--accent-dark) 12px 24px);background-size:34px 34px;animation:stripes 1s linear infinite}@keyframes stripes{to{background-position:34px 0}}.item-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.item-card{justify-content:flex-start;gap:14px;min-height:80px;padding:12px 16px;border-color:var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow);text-align:left}.item-card.done{border-color:var(--leaf);background:var(--leaf-soft)}.item-card.done .item-label{color:var(--leaf)}.item-emoji{width:56px;font-size:2.2rem;line-height:1;text-align:center;flex:none}.thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;flex:none}.item-label{flex:1;font-size:1.15rem}.item-status{font-size:1.5rem;flex:none}.screen>form{display:flex;flex-direction:column;gap:16px}.postcard-preview{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 6px 20px #3b2a1a40;transform:rotate(-1deg);margin:8px 0}.screen>p:has(>.link-button){text-align:center;color:var(--muted)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:10;max-width:32rem;margin:0 auto;padding:28px 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center;animation:fade-in .2s ease-out}.sheet:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#3b2a1a73}.sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:24px 24px 0 0;background:var(--paper);box-shadow:0 -4px 24px #3b2a1a33}.sheet.found h2{color:var(--leaf)}.sheet.found:after{border-top:6px solid var(--leaf)}@keyframes fade-in{0%{opacity:0}}.spinner{width:48px;height:48px;margin:0 auto;border:5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.spinner{animation:spin 3s linear infinite!important}button:active{transform:none}}