:root{--accent:#ff9500;--bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--text-secondary:#6e6e73;--border:#d2d2d7}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--text:#f5f5f7;--text-secondary:#8e8e93;--border:#38383a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Hiragino Sans,Yu Gothic UI,sans-serif}button{font:inherit;appearance:none;color:inherit;-webkit-tap-highlight-color:transparent}.page{max-width:720px;margin:0 auto;padding:32px 20px}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--surface);border-radius:16px}.row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.row:last-child{border-bottom:none}.checkbox{border:2px solid var(--text-secondary);color:#fff;cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;padding:0;font-size:12px;line-height:1;display:flex}.checkbox[data-done=true]{border-color:var(--accent);background:var(--accent)}.icon-button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:16px}.icon-button:hover:not(:disabled){opacity:1}.icon-button:disabled,.checkbox:disabled{cursor:progress;opacity:.4}.input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:16px}.primary-button{white-space:nowrap;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:12px 24px;font-weight:700;display:inline-flex}.primary-button:disabled{opacity:.5;cursor:not-allowed}.apple-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:600;display:inline-flex}@media (prefers-color-scheme:dark){.apple-button{color:#000;background:#fff}}.apple-button:disabled{opacity:.6;cursor:progress}.muted{color:var(--text-secondary)}.error{color:tomato;font-size:14px}.menu{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:260px;max-width:min(320px,100vw - 32px);padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000040}.menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.menu-item:hover{background:var(--border)}.menu-item.danger{color:#ff3b30}.menu-note{color:var(--text-secondary);margin:0 12px 8px;font-size:12px;line-height:1.5}.thumb{object-fit:cover;border-radius:8px;width:44px;height:44px;display:block}.row[data-dragging=true]{outline:2px dashed var(--accent);outline-offset:-4px}.thumb-button{cursor:zoom-in;background:0 0;border:none;padding:0}.lightbox{z-index:100;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:20px;width:40px;height:40px;font-size:18px;position:absolute;top:16px;right:16px}.bordered-button{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.icon-button{justify-content:center;align-items:center;display:inline-flex}.secondary-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-weight:600}.notice{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.meta{flex-wrap:wrap;gap:10px;margin-top:4px;font-size:12px;display:flex}.meta-item{align-items:center;gap:4px;min-width:0;max-width:280px;display:inline-flex}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pro-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;align-items:center;gap:6px;margin:0 0 28px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.legal-links{color:var(--text-secondary);gap:10px;margin-top:40px;font-size:12px;display:flex}.legal-links a{color:inherit}.title-button{width:100%;color:var(--text);font:inherit;text-align:left;word-break:break-word;cursor:text;background:0 0;border:none;margin:0;padding:0;font-size:16px;line-height:1.5;display:block}.title-button[data-done=true]{color:var(--text-secondary);text-decoration:line-through}.title-input{width:100%;color:var(--text);font:inherit;outline:1.5px solid var(--accent);outline-offset:3px;background:0 0;border:none;border-radius:4px;height:1.5em;margin:0;padding:0;font-size:16px;line-height:1.5;display:block}@media (width<=520px){.page{padding:20px 16px 50vh}.page h1{font-size:24px!important}.primary-button{padding:12px 14px}.primary-button .label{display:none}.row{gap:10px;padding:12px}.meta-item{max-width:180px}}.row .icon-button{height:24px;padding:0 4px;display:flex}