:root{--color-primary:#0f766e;--color-primary-dark:#115e59;--color-surface:#f5f4ef;--color-surface-soft:#fff;--color-surface-strong:#e3ece8;--color-text:#18212b;--color-text-muted:#52606d;--color-border:#18212b1f;--color-ring:#0f766e47;--color-state-loading-bg:#e0f2fe;--color-state-empty-bg:#fef3c7;--color-error:#dc2626;--color-state-error-bg:#fee2e2;--color-state-normal-bg:#dcfce7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--font-ui:system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--font-regular:400;--font-medium:500;--font-semibold:600;--line-tight:1.2;--line-normal:1.5;--line-relaxed:1.7;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 14px 40px #18212b14;--shadow-lg:0 18px 48px #18212b24;--duration-fast:.15s;--duration-normal:.25s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--layout-max-width:72rem}@media (prefers-color-scheme:dark){:root{--color-surface:#0f1720;--color-surface-soft:#18212b;--color-surface-strong:#21303d;--color-text:#ffffffeb;--color-text-muted:#f1f5f9b8;--color-border:#e2e8f024;--color-ring:#2dd4bf4d;--color-state-loading-bg:#0f3a4a;--color-state-empty-bg:#4a3412;--color-state-error-bg:#4a1f26;--color-state-normal-bg:#123524}}:root{font-family:var(--font-ui);line-height:var(--line-normal);font-weight:var(--font-regular);color:var(--color-text);background-color:var(--color-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(circle at top, var(--color-surface-strong), transparent 40%), var(--color-surface);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh;padding:var(--space-6);margin:0 auto}button{border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-3) var(--space-5);font-size:var(--text-md);font-weight:var(--font-medium);background-color:var(--color-surface-soft);cursor:pointer;transition:border-color var(--duration-normal) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);font-family:inherit}button:hover{border-color:var(--color-primary);transform:translateY(-1px)}button:focus,button:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.app-shell{width:min(100%, var(--layout-max-width));gap:var(--space-6);display:grid}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);box-shadow:var(--shadow-md)}.hero{padding:var(--space-10);gap:var(--space-5);display:grid}.eyebrow{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;margin:0}.hero h1,.feature-card h2,.checklist-panel h2{margin:0}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:var(--line-tight)}.hero-copy,.feature-card p,.checklist-panel p,.checklist li{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--line-relaxed);margin:0}.hero-meta{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hero-meta div{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-strong)}.hero-meta dt{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.hero-meta dd{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.panel-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card,.checklist-panel,.state-panel,.state-card{padding:var(--space-6)}.feature-card{gap:var(--space-3);display:grid}.state-panel{gap:var(--space-5);display:grid}.state-copy{gap:var(--space-4);display:grid}.state-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.state-card{gap:var(--space-3);min-height:10rem;display:grid}.state-label{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.state-loading{background:linear-gradient(180deg, var(--color-state-loading-bg), var(--color-surface-soft))}.state-empty{background:linear-gradient(180deg, var(--color-state-empty-bg), var(--color-surface-soft))}.state-error{background:linear-gradient(180deg, var(--color-state-error-bg), var(--color-surface-soft))}.state-normal{background:linear-gradient(180deg, var(--color-state-normal-bg), var(--color-surface-soft))}.checklist-panel{gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.checklist-copy{gap:var(--space-4);display:grid}.checklist{padding-left:var(--space-5);gap:var(--space-4);margin:0;display:grid}@media (width<=900px){.hero-meta,.panel-grid,.state-grid,.checklist-panel{grid-template-columns:1fr}.hero{padding:var(--space-8)}}.ht{max-width:36rem;padding:var(--space-8) var(--space-4);font-family:var(--font-ui);color:var(--color-text);margin:0 auto}.ht-header{margin-bottom:var(--space-6)}.ht-title{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--line-tight);margin:0 0 var(--space-2)}.ht-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.ht-form{margin-bottom:var(--space-6)}.ht-label{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2);display:block}.ht-form-row{gap:var(--space-2);display:flex}.ht-input{padding:var(--space-2) var(--space-3);font-size:var(--text-md);color:var(--color-text);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;font-family:inherit}.ht-input:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.ht-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard);font-family:inherit}.ht-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface-soft)}.ht-btn-primary:hover{background:var(--color-primary-dark)}.ht-btn-ghost:hover{background:var(--color-surface-strong)}.ht-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.ht-empty{padding:var(--space-8) var(--space-4);text-align:center;background:var(--color-state-empty-bg);border-radius:var(--radius-lg)}.ht-empty-title{font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.ht-empty-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.ht-list{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.ht-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.ht-check{width:2rem;height:2rem;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.ht-check.is-done{background:var(--color-state-normal-bg);border-color:var(--color-primary)}.ht-check:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.ht-item-name{font-size:var(--text-md);flex:1}.ht-item-count{font-size:var(--text-xs);color:var(--color-text-muted)}.ht-export{width:100%}