.section.demo-intro{padding-bottom:0}.demo-intro h1{margin-top:var(--space-3);max-width:16ch}.demo-intro .lede{margin-top:var(--space-5);max-width:50ch}.demo-section{padding-block:var(--section-y)}.d-notice{align-items:baseline;gap:var(--space-2);background:var(--tan);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--ink);margin-bottom:var(--space-5);flex-wrap:wrap;font-size:.92rem;display:flex}.d-linkbtn{font:inherit;color:var(--gold);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline}.d-linkbtn:hover{color:var(--ink)}.demo-grid{gap:var(--space-5);align-items:start;display:grid}@media (width>=1000px){.demo-grid{grid-template-columns:minmax(0,1fr) 20rem}}.card.demo-board{padding:var(--card-pad);min-width:0}.d-head{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.d-title{font-family:var(--font-display);letter-spacing:-.018em;color:var(--ink);border:0;border-bottom:2px dashed var(--hairline-strong);padding:var(--space-1) var(--space-1);background:0 0;width:100%;max-width:22ch;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.d-title:hover{border-bottom-color:var(--gold)}.d-title:focus{border-bottom-style:solid;border-bottom-color:var(--ink);outline:none}.d-head-budget label{text-transform:uppercase;letter-spacing:.18em;color:var(--stone);margin-bottom:var(--space-1);font-size:.75rem;font-weight:600;display:block}.d-budget-input{align-items:center;gap:var(--space-1);border:1px solid var(--hairline-strong);padding:var(--space-1) var(--space-3);background:var(--sand);border-radius:999px;font-weight:600;display:inline-flex}.d-budget-input input{font:inherit;width:6ch;color:var(--ink);background:0 0;border:0;padding:0}.d-budget-input input:focus{outline:none}.d-budget-input:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 12%, transparent)}.d-summary{gap:var(--space-6);background:var(--sand);border-radius:var(--radius);padding:var(--space-4) var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(3,auto) minmax(0,1fr);align-items:center;display:grid}@media (width<=720px){.d-summary{grid-template-columns:repeat(3,1fr)}}.d-stat{gap:var(--space-1);flex-direction:column;display:flex}.d-stat-k{text-transform:uppercase;letter-spacing:.16em;color:var(--stone);font-size:.75rem;font-weight:600}.d-stat-v{font-size:1.15rem;font-weight:700}.d-budget{min-width:0}@media (width<=720px){.d-budget{grid-column:1/-1}}.d-budget-head{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);align-items:baseline;display:flex}.d-budget-fig{font-size:.85rem;font-weight:600}.d-budget-fig.is-over{color:#b3402e}.d-bar{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:7px;overflow:hidden}.d-bar-fill{background:var(--gold);height:100%;transition:width .3s;display:block}.d-bar-fill.is-over{background:#b3402e}.d-toolbar{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.d-viewtoggle{background:var(--sand);border-radius:999px;padding:3px;display:inline-flex}.d-viewtoggle button{padding:var(--space-2) var(--space-4);font:inherit;color:var(--stone);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.9rem;font-weight:600}.d-viewtoggle button.is-on{background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.d-add{gap:var(--space-2);flex-wrap:wrap;display:flex}.d-add .btn{padding:var(--space-2) var(--space-4);font-size:.9rem}.d-items{margin-top:var(--space-5)}.d-items.is-flow{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.d-items.is-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.d-empty{color:var(--stone);padding:var(--space-8) 0;text-align:center}.d-item{background:var(--sand);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.d-media{aspect-ratio:1;background:var(--paper)}.d-media img{object-fit:cover;width:100%;height:100%}.d-cover{width:100%;height:100%;font-family:var(--font-display);color:color-mix(in srgb, var(--ink) 45%, transparent);place-items:center;font-size:2rem;font-weight:700;display:grid}.d-body{padding:var(--space-3) var(--space-3) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.d-row{gap:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.d-item h3{font-family:var(--font-sans);letter-spacing:0;font-size:.92rem;font-weight:600;line-height:1.3}.d-price{white-space:nowrap;font-size:.92rem;font-weight:700}.d-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.d-chip{padding:var(--space-1) var(--space-2);background:var(--paper);color:color-mix(in srgb, var(--ink) 72%, var(--paper));white-space:nowrap;border-radius:999px;font-size:.75rem}button.d-status{font:inherit;cursor:pointer;border:0;font-size:.75rem;font-weight:600}.d-status.is-idea{background:var(--paper)}.d-status.is-wanted{background:var(--tan);color:#7a5c1e}.d-status.is-purchased{color:#3d6247;background:#e0ebe1}.d-tracked{color:#00786a;background:#e3f2f4;font-weight:600}.d-actions{gap:var(--space-1);padding-top:var(--space-1);flex-wrap:wrap;margin-top:auto;display:flex}.d-actions button{border:1px solid var(--hairline);padding:var(--space-1) var(--space-2);font:inherit;color:color-mix(in srgb, var(--ink) 70%, var(--paper));cursor:pointer;background:0 0;border-radius:999px;font-size:.75rem}.d-actions button:hover{background:var(--paper);color:var(--ink)}.d-actions .d-remove:hover{color:#b3402e;border-color:currentColor}.is-grid .d-actions,.is-grid .d-chip:not(.d-status):not(.d-tracked){display:none}.is-grid .d-item h3{font-size:.82rem}.card.demo-tutorial{padding:var(--space-5) var(--space-5);position:sticky;top:5.5rem}.d-tut-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.d-tut-count{font-family:var(--font-display);margin-top:var(--space-1);font-size:1.15rem;font-weight:700}.d-tut-head button{font:inherit;color:var(--gold);cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;font-size:.85rem;text-decoration:underline}.d-steps{margin:var(--space-4) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.d-step{gap:var(--space-2);grid-template-columns:1.35rem 1fr;align-items:start;display:grid}.d-tick{border:1.5px solid var(--hairline-strong);width:1.35rem;height:1.35rem;color:var(--paper);border-radius:50%;place-items:center;font-size:.8rem;line-height:1;display:grid}.d-step.is-done .d-tick{background:var(--ink);border-color:var(--ink)}.d-step-label{font-size:.92rem;font-weight:600;display:block}.d-step.is-done .d-step-label{color:var(--stone);text-decoration:line-through}.d-step-why{margin-top:var(--space-1);color:var(--stone);font-size:.82rem;line-height:1.45;display:block}.d-tut-done{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--hairline)}.d-tut-done p{margin-bottom:var(--space-4);font-size:.92rem}.d-tut-done .btn{width:100%;padding:var(--space-3) var(--space-4);justify-content:center;font-size:.9rem}.d-dialog{border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);width:min(48rem,100vw - 4rem);max-width:none;max-height:88vh;box-shadow:var(--shadow-lg);border:0;flex-direction:column;margin:auto;padding:0;display:flex;overflow:hidden}.d-dialog.is-narrow{width:min(28rem,100vw - 4rem)}.d-dialog::backdrop{backdrop-filter:blur(4px);background:#221e1966}.d-dialog-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--hairline);flex-shrink:0;display:flex}.d-dialog-head h2{flex:1;font-size:1.5rem}.d-dialog-head button{cursor:pointer;width:36px;height:36px;color:var(--stone);background:0 0;border:0;border-radius:50%;flex:none;order:2;justify-content:center;align-items:center;font-size:1.05rem;line-height:1;display:inline-flex}.d-dialog-head button:hover{background:var(--sand);color:var(--ink)}.d-close-back{display:none}.d-dialog-body{padding:var(--space-6);flex:1;overflow-y:auto}@media (width<=640px){.d-dialog,.d-dialog.is-narrow{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.d-dialog-head{padding:var(--space-3) var(--space-4)}.d-dialog-head h2{font-size:1.15rem}.d-dialog-head button{order:0;width:40px;height:40px}.d-close-x{display:none}.d-close-back{display:inline}.d-dialog-body{padding:var(--space-4)}}.d-cat-group+.d-cat-group{margin-top:var(--space-7)}.d-cat-group h3{font-size:.75rem;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--stone);margin-bottom:var(--space-3)}.d-cat-items{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.d-cat-item{gap:var(--space-3);text-align:left;background:var(--sand);border-radius:var(--radius);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);font:inherit;color:var(--ink);cursor:pointer;border:1px solid #0000;grid-template-columns:3.25rem 1fr auto;align-items:center;display:grid}.d-cat-item:hover:not(:disabled){border-color:var(--gold)}.d-cat-item:disabled{opacity:.55;cursor:default}.d-cat-item img{object-fit:cover;border-radius:8px;width:3.25rem;height:3.25rem}.d-cat-text{min-width:0}.d-cat-title{font-size:.85rem;font-weight:600;line-height:1.25;display:block}.d-cat-price{color:var(--stone);margin-top:var(--space-1);font-size:.8rem;display:block}.d-cat-add{color:var(--gold);white-space:nowrap;font-size:.75rem;font-weight:600}.d-form{padding:var(--space-5)}.d-form-hint{color:var(--stone);margin-bottom:var(--space-4);font-size:.88rem}.d-field+.d-field{margin-top:var(--space-4)}.d-field label{margin-bottom:var(--space-1);font-size:.8rem;font-weight:600;display:block}.d-field input,.d-field select{width:100%;font:inherit;color:var(--ink);background:var(--sand);border:1px solid var(--hairline-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.d-form-actions{gap:var(--space-2);margin-top:var(--space-5);justify-content:flex-end;display:flex}.d-form-actions .btn{padding:var(--space-2) var(--space-4);font-size:.9rem}.d-foot{margin-top:var(--space-6);color:var(--stone);max-width:62ch;font-size:.92rem}.card.demo-cta{text-align:center;padding-block:var(--card-pad-lg)}.demo-cta .lede{margin:var(--space-3) auto 0;max-width:42ch}.demo-cta-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.d-actions button,.d-viewtoggle button,.d-linkbtn,button.d-status,.d-dialog-head button,.d-tut-head button{min-height:26px}@media (pointer:coarse){.d-actions button,.d-viewtoggle button,.d-linkbtn,button.d-status,.d-tut-head button{min-height:44px;padding-inline:var(--space-4)}.d-dialog-head button{min-width:44px;min-height:44px}.d-cat-item{min-height:56px}}.d-field input[type=file]{padding:var(--space-2);font-size:.9rem}.d-photo-preview{margin-top:var(--space-3);display:none}.d-photo-preview.is-shown{display:block}.d-photo-preview img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--hairline);width:96px;height:96px}.d-storage-notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--tan);border-radius:var(--radius);font-size:.92rem;display:none}.d-storage-notice.is-shown{display:block}