:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b3023;background:#f3f7f3;font-synthesis:none;--surface: #fff;--subtle: #e8f0e9;--text: #1b3023;--muted: #607568;--border: #dce6de;--green: #147d47;--shadow: 0 12px 45px #12331d14;color-scheme:light}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--surface: #1c2922;--subtle: #273a2e;--text: #e5efe8;--muted: #adc2b3;--border: #344b3c;--green: #6cdda0;background:#111c15;color:var(--text)}}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,summary,a{touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}button{cursor:pointer}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.035em;margin:.5rem 0}h2{font-size:1.15rem}p{line-height:1.6}small{font-size:.8rem}.muted{color:var(--muted)}.app-shell{max-width:960px;margin:auto;padding:0 24px 110px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-weight:750;text-decoration:none;color:var(--text);font-size:1.1rem}.logo{width:44px;height:44px;border-radius:12px}.toolbar,.row{display:flex;gap:8px;align-items:center}.wrap,.toolbar{flex-wrap:wrap}.list-select{max-width:240px;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:11px 16px;font-weight:600;text-decoration:none;min-height:44px}.button:hover{background:var(--subtle)}.button.primary{background:var(--green);color:#fff;border-color:transparent}@media(prefers-color-scheme:dark){.button.primary{color:#102b1b}}.button.subtle{background:transparent;border-color:transparent;color:var(--green)}.icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:1.35rem}.icon:hover{background:var(--subtle)}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:30px 0 20px;flex-wrap:wrap}.items{display:flex;flex-direction:column;gap:10px}.item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;box-shadow:0 2px 4px #12331d03;min-height:82px}.item-emoji{font-size:1.9rem;width:44px;flex-shrink:0;text-align:center}.item-check{width:23px;height:23px;accent-color:var(--green);flex-shrink:0;cursor:pointer}.item-label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.item-text{font-size:1rem;overflow-wrap:anywhere}.item-actions{display:flex;align-items:center;flex-shrink:0}.completed .item-text{text-decoration:line-through;color:var(--muted)}.completed .item-emoji{opacity:.6}.drag-handle{touch-action:none;cursor:grab}.dragging{outline:2px solid var(--green);opacity:.8}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.done-section{margin-top:32px}.gesture-hint{font-size:.8rem;text-align:center;margin:26px auto}.add-fab{position:fixed;right:max(24px,calc((100vw - 912px)/2));bottom:calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow);padding:17px 25px!important;border-radius:18px;font-size:1rem;z-index:5}.welcome{max-width:490px;margin:60px auto;text-align:center}.welcome .button{margin:8px}.empty{text-align:center;padding:45px 12px}.empty-icon{display:inline-flex;border-radius:50%;background:var(--subtle);color:var(--green);width:70px;height:70px;align-items:center;justify-content:center;font-size:2rem}.app-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding-top:36px;font-size:.8rem;color:var(--muted)}.app-footer a,.text-button{color:var(--muted)}.text-button{background:transparent;border:0;text-decoration:underline;padding:0}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:var(--subtle);font-size:.9rem;line-height:1.5}.warning{border:1px solid #be952b66}.error{color:#b5392d}.banner.error{background:#b5392d10}@media(prefers-color-scheme:dark){.error{color:#ffb3a6}}.toast{position:fixed;bottom:calc(94px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);width:max-content;padding:10px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:6;font-size:.9rem}.modal{border:1px solid var(--border);border-radius:22px;padding:24px;background:var(--surface);color:var(--text);width:min(520px,calc(100% - 24px));max-height:90dvh;box-shadow:var(--shadow);overflow:auto}.modal.wide{width:min(700px,calc(100% - 24px))}.modal::backdrop{background:#10231788;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.dialog-heading h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px}.dialog-actions:empty{display:none}.field{display:flex;flex-direction:column;gap:8px;margin:16px 0}.field>label{font-size:.85rem;font-weight:650}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px;min-width:0;width:100%}select{width:auto}.field select{width:100%}.input-row{display:flex;gap:5px}.input-row input{flex:1}.input-row .icon{flex-shrink:0}.field input:focus,button:focus-visible,summary:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.check-label{display:flex;gap:10px;align-items:center;margin-top:14px}.check-label input{width:20px;height:20px;accent-color:var(--green)}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.chip{background:var(--subtle);color:var(--text);border:0;padding:8px 12px;border-radius:25px}.photo-controls{display:flex;gap:8px}.upload-preview{display:block;max-width:100%;max-height:240px;border-radius:12px;margin-top:12px}.share-link{min-height:95px;resize:vertical;overflow-wrap:anywhere}.share-lists{border:0;padding:0;margin:0 0 12px;display:grid;gap:4px}.share-lists legend{padding:0;margin-bottom:4px;font-weight:600}.share-lists .check{display:flex;gap:10px;align-items:center;min-height:40px}.share-lists .check input{width:20px;height:20px;accent-color:var(--green)}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:8px 0}.segmented .segment{border:0;border-radius:0;background:transparent;color:var(--text);padding:6px 16px;min-height:40px;font-weight:600}.segmented .segment[aria-pressed=true]{background:var(--green);color:#fff}@media(prefers-color-scheme:dark){.segmented .segment[aria-pressed=true]{color:#102b1b}}.share-output{min-height:48px;display:grid;justify-items:center}.code{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.qr{display:block;max-width:100%;height:auto;margin:auto}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);max-height:48vh;overflow:auto;gap:3px;margin-top:14px}.emoji-choice{font-size:1.7rem;min-height:44px;min-width:0;border:0;border-radius:8px;background:transparent}.emoji-choice:hover{background:var(--subtle)}.image-button{border:0;padding:0;background:transparent;border-radius:10px;overflow:hidden;flex-shrink:0}.item-photo{width:52px;height:52px;object-fit:cover;display:block}.library-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border);padding:14px 0}.library-image{width:130px;height:100px;object-fit:cover;display:block}.viewer{width:min(1000px,calc(100% - 20px))}.image-stage{display:flex;align-items:center;justify-content:center;height:60dvh;overflow:hidden;touch-action:none;background:#000;border-radius:12px}.full-photo{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center}.more-menu{position:relative}.more-menu summary{list-style:none;cursor:pointer}.more-menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:100%;background:var(--surface);border:1px solid var(--border);padding:8px;border-radius:12px;box-shadow:var(--shadow);min-width:180px;z-index:8}.menu-panel .button{width:100%;justify-content:flex-start;white-space:nowrap}.markdown p{white-space:pre-wrap}.markdown{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){.app-shell{padding:0 12px 110px}.app-header{padding:17px 4px;gap:14px}.brand{font-size:1rem}.logo{width:36px;height:36px}.toolbar{gap:2px;width:100%}.toolbar .list-select{flex:1;max-width:none}.toolbar .button{font-size:.85rem;padding:8px}.list-heading{padding:22px 3px 14px;gap:6px}.list-heading>.row{gap:0}.list-heading .button{padding:8px 9px;font-size:.85rem}.item{padding:10px 7px;gap:7px;min-height:78px}.item-emoji{font-size:1.6rem;width:32px}.item-actions{gap:0}.item-actions .icon{min-width:30px;width:30px}.item-check{width:22px;height:22px}.item-photo{width:40px;height:48px}.gesture-hint{font-size:.7rem}.modal{padding:20px 16px}.toast{bottom:100px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.section-heading .button{font-size:.8rem;padding:8px}.app-footer{gap:12px}}@media(prefers-reduced-motion:no-preference){.button,.icon{transition:background .12s}.modal[open]{animation:appear .14s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}