:root{color-scheme:light;--paper: #f5eedb;--raised: #fff9ea;--ink: #17241f;--soft: #4e5b54;--ink-soft: #4e5b54;--coral: #c84630;--coral-dark: #8e2c1c;--mustard: #d59d1d;--teal: #1d6b64;--danger: #a32d2d;--line: #b8af99;--shadow: 4px 5px 0 rgba(23, 36, 31, .18);font-family:Arial,Helvetica Neue,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);background-image:radial-gradient(rgba(23,36,31,.055) .7px,transparent .7px);background-size:7px 7px;font-size:16px;line-height:1.55}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--coral-dark);text-underline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;letter-spacing:-.025em;line-height:1.05}h1{font-size:clamp(2.5rem,6vw,4.75rem);max-width:13ch;margin-bottom:24px}h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:12px}h3{font-size:1.28rem;margin-bottom:8px}.skip-link{position:fixed;z-index:1000;left:16px;top:8px;transform:translateY(-160%);padding:10px 16px;color:var(--raised);background:var(--ink)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--coral-dark)}.site-header{min-height:72px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,36,31,.24)}.brand-button{display:flex;align-items:center;gap:12px;border:0;background:transparent;min-height:44px;padding:0;font-weight:800;cursor:pointer}.brand-mark{width:34px;height:30px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:26px;height:14px;border:2px solid var(--ink);border-radius:9px 2px 2px 9px;background:var(--raised);left:0}.brand-mark i:nth-child(1){top:0;left:6px;background:var(--mustard)}.brand-mark i:nth-child(2){top:7px;left:3px;background:var(--teal)}.brand-mark i:nth-child(3){top:14px;background:var(--coral)}.local-badge{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.875rem;font-weight:700}.local-badge span{color:var(--teal);font-size:.65rem}.offline-banner{padding:8px 20px;background:var(--mustard);color:var(--ink);font-weight:800;text-align:center}main{min-height:calc(100vh - 150px)}.hero{max-width:1440px;margin:0 auto;padding:clamp(48px,8vw,104px) clamp(20px,5vw,72px) 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:clamp(40px,7vw,108px);overflow:hidden}.hero-copy{max-width:720px}.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;line-height:1.3;font-weight:900;color:var(--coral-dark);margin-bottom:14px}.eyebrow>span{display:inline-block;width:28px;height:4px;background:var(--coral);margin:0 9px 2px 0;transform:rotate(-2deg)}.lede{max-width:62ch;font-size:1.18rem;line-height:1.6;color:var(--soft);margin-bottom:32px}.hero-actions,.dialog-actions,.form-actions,.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{min-height:48px;border:2px solid var(--ink);padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;cursor:pointer;border-radius:3px 10px 4px 7px;box-shadow:3px 3px #17241f38;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px #17241f38}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #17241f38}.button.primary{color:#fff;background:var(--coral-dark)}.button.primary:hover:not(:disabled){background:#702114}.button.secondary{color:var(--ink);background:var(--raised)}.button.compact{min-height:44px;padding:7px 14px}.button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.privacy-note{color:var(--soft);font-size:.875rem;margin:20px 0 0}.privacy-note span{color:var(--teal);font-size:1.1rem;margin-right:5px}.paper-frame{position:relative;margin:0;transform:rotate(1.2deg);background:var(--raised);border:1px solid var(--ink);padding:14px 14px 34px;box-shadow:12px 15px #17241f21}.paper-frame:before{content:"";position:absolute;z-index:-1;inset:-18px 28px 18px -20px;background:var(--mustard);transform:rotate(-4deg);clip-path:polygon(2% 4%,98% 0,100% 96%,0 100%)}.paper-frame img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.92) contrast(1.03)}.paper-frame figcaption{position:absolute;bottom:7px;left:18px;font-family:Georgia,serif;font-style:italic;font-size:.82rem;color:var(--soft)}.library{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,72px) 96px}.section-heading,.list-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-heading h2,.list-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:6px}.text-button,.crumbs button{border:0;background:transparent;color:var(--coral-dark);min-height:44px;padding:8px;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.empty-state{min-height:260px;padding:44px clamp(24px,5vw,64px);border:2px dashed var(--line);background:#fff9ea73;display:flex;align-items:center;justify-content:center;gap:44px}.empty-state>div:last-child{max-width:520px}.empty-state p{color:var(--soft)}.empty-stack{position:relative;width:112px;height:100px;flex:none}.empty-stack i{position:absolute;display:grid;place-items:center;width:88px;height:58px;border:2px solid var(--ink);background:var(--raised);box-shadow:3px 4px #17241f26;font: 2rem Georgia,serif}.empty-stack i:nth-child(1){transform:rotate(-7deg);background:var(--mustard)}.empty-stack i:nth-child(2){left:12px;top:14px;transform:rotate(4deg);background:var(--teal)}.empty-stack i:nth-child(3){left:24px;top:29px}.layout-grid{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none}.layout-card{position:relative;min-height:280px;padding:26px 24px 20px;background:var(--raised);border:2px solid var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:settle .22s both;animation-delay:calc(var(--card-index) * 50ms)}.registration-tab{position:absolute;top:-10px;right:24px;width:58px;height:17px;background:var(--mustard);border:1px solid rgba(23,36,31,.5);transform:rotate(2deg)}.layout-card:nth-child(3n+2) .registration-tab{background:#4c8e84;transform:rotate(-2deg)}.layout-card:nth-child(3n+3) .registration-tab{background:#d56d58}.card-count,.piece-copy>p,.restore-copy>p{margin:0 0 9px;color:var(--coral-dark);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:900}.layout-card>p:not(.card-count,.updated){color:var(--soft);flex:1}.kind-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.kind-row span{border:1px solid var(--line);padding:2px 8px;background:var(--paper);font-size:.8rem;font-weight:800}.updated{font-size:.78rem;color:var(--soft)}.card-actions{display:grid;grid-template-columns:1fr 44px 44px 44px;gap:8px}.icon-button,.mini-button{min-width:44px;min-height:44px;border:1px solid var(--ink);background:var(--paper);font-size:1.2rem;cursor:pointer}.icon-button:hover,.mini-button:hover:not(:disabled){background:#e8dcc0}.danger-icon{color:var(--danger)}.mini-button:disabled{opacity:.35;cursor:not-allowed}dialog{max-width:min(580px,calc(100vw - 32px));width:100%;padding:0;border:2px solid var(--ink);background:var(--raised);box-shadow:10px 12px #17241f3d}dialog::backdrop{background:#17241f99;backdrop-filter:blur(2px)}.dialog-sheet{position:relative;padding:clamp(24px,5vw,44px)}.dialog-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.dialog-sheet label,#item-form>label{display:grid;gap:7px;margin-bottom:18px;font-weight:800}label>span{font-weight:400;color:var(--soft)}input,textarea{width:100%;padding:11px 12px;border:2px solid #6b716d;background:#fffdf6;color:var(--ink);border-radius:2px}input{min-height:48px}textarea{resize:vertical}.dialog-actions{justify-content:flex-end;margin-top:28px}.crumbs{max-width:1440px;padding:24px clamp(20px,5vw,72px) 0;margin:0 auto;display:flex;align-items:center;gap:6px;color:var(--soft);font-size:.9rem}.workbench,.restore{max-width:1440px;margin:0 auto;padding:32px clamp(20px,5vw,72px) 96px}.editor-heading,.restore-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.editor-heading h1,.restore-heading h1{max-width:17ch;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:10px}.editor-heading p:not(.eyebrow),.restore-heading p:not(.eyebrow){color:var(--soft);max-width:60ch;margin-bottom:0}.edit-details{margin:5px 0 0 -8px}.save-state{font-size:.85rem;color:var(--teal);font-weight:800}.boundary-note{display:flex;gap:16px;max-width:820px;margin-bottom:40px;padding:16px 20px;border-left:5px solid var(--mustard);background:#fff9eab8}.boundary-note>span{color:var(--coral);font-size:1.4rem}.boundary-note p{margin:2px 0 0;color:var(--soft)}.bench-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:clamp(32px,6vw,80px);align-items:start}.list-heading{padding-bottom:12px;border-bottom:2px solid var(--ink)}.list-heading span{color:var(--soft)}.pieces-empty{min-height:290px;display:grid;place-items:center;align-content:center;text-align:center;border:2px dashed var(--line);padding:32px}.pieces-empty>span{font:3rem Georgia,serif;color:var(--coral)}.pieces-empty p{color:var(--soft);max-width:42ch}.piece-cards{list-style:none;padding:0;margin:0;display:grid;gap:14px}.piece-card{min-height:108px;display:grid;grid-template-columns:38px 52px 1fr auto;gap:14px;align-items:center;padding:16px;background:var(--raised);border:1px solid var(--ink);border-left-width:6px;box-shadow:2px 3px #17241f21}.kind-midi{border-left-color:var(--teal)}.kind-timer{border-left-color:var(--mustard)}.kind-link{border-left-color:var(--coral)}.kind-note{border-left-color:var(--ink-soft)}.piece-number{font:italic 1rem Georgia,serif;color:var(--soft)}.piece-icon,.restore-icon{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--paper);font-size:1.35rem;border-radius:50% 45% 48% 43%}.piece-copy{min-width:0}.piece-copy h3{margin-bottom:4px;overflow-wrap:anywhere}.piece-copy>p{margin-bottom:4px}.piece-copy>span{display:block;color:var(--soft);font-size:.88rem;overflow-wrap:anywhere}.piece-actions{display:grid;grid-template-columns:repeat(2,44px);gap:7px}.add-piece{position:sticky;top:20px;padding:28px;border:2px solid var(--ink);background:var(--raised);box-shadow:var(--shadow)}.add-piece fieldset{padding:0;border:0;margin:0 0 20px}.add-piece legend{font-weight:800;margin-bottom:8px}.type-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.type-picker label{position:relative;cursor:pointer}.type-picker input{position:absolute;opacity:0;width:1px;height:1px}.type-picker span{min-height:60px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--line);color:var(--ink);font-size:.8rem;font-weight:800}.type-picker b{font-size:1.2rem}.type-picker input:checked+span{border-color:var(--ink);background:#f1d8a5;box-shadow:2px 2px 0 var(--ink)}.type-picker input:focus-visible+span{outline:3px solid var(--coral-dark);outline-offset:2px}.form-error{min-height:24px;margin:-8px 0 10px;color:var(--danger);font-weight:800}.form-actions{justify-content:flex-end}.restore-heading{align-items:center}.session-clock{min-width:172px;padding:15px 18px;transform:rotate(1deg);border:2px solid var(--ink);background:var(--mustard);box-shadow:var(--shadow)}.session-clock span,.session-clock small{display:block;font-weight:800}.session-clock strong{display:block;font-size:2.15rem;line-height:1.2;font-variant-numeric:tabular-nums}.progress-wrap{max-width:900px;margin:0 0 32px}.progress-copy{display:flex;justify-content:space-between;margin-bottom:8px}.progress-copy span{color:var(--soft)}progress{width:100%;height:16px;accent-color:var(--teal)}.restore-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.restore-card{display:grid;grid-template-columns:44px 58px 1fr auto;align-items:center;gap:16px;min-height:130px;padding:20px;background:var(--raised);border:2px solid var(--ink);border-left-width:8px;box-shadow:var(--shadow);transition:opacity .18s,transform .18s}.restore-card.complete{opacity:.66;box-shadow:none;transform:translate(5px)}.restore-card.complete .restore-copy h2{text-decoration:line-through;text-decoration-thickness:1px}.restore-index{font:italic 1.15rem Georgia,serif;color:var(--soft)}.restore-copy h2{font-size:1.55rem;margin-bottom:5px}.restore-copy span{display:block;color:var(--soft)}.restore-actions{display:flex;gap:10px;align-items:center}.check-button{position:relative;cursor:pointer}.check-button input{position:absolute;opacity:0;width:1px;height:1px}.check-button span{min-width:114px;min-height:48px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--paper);font-weight:800;box-shadow:2px 2px #17241f33}.check-button input:checked+span{color:#fff;background:var(--teal)}.check-button input:focus-visible+span{outline:3px solid var(--coral-dark);outline-offset:3px}.finish-panel{margin-top:34px;padding:24px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:20px;background:#e8ddbf;border:2px dashed var(--line)}.finish-panel.ready{background:#d7e7de;border-style:solid;border-color:var(--teal)}.finish-panel>span{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font-size:1.4rem}.finish-panel h2{font-size:1.4rem;margin-bottom:4px}.finish-panel p{margin:0;color:var(--soft)}.share-dialog{max-width:520px;text-align:center}.share-dialog h2{overflow-wrap:anywhere}.share-dialog img{width:min(320px,100%);height:auto;margin:20px auto 10px;image-rendering:pixelated;border:1px solid var(--ink)}.share-dialog .dialog-actions{justify-content:center}.qr-count{color:var(--soft);font-size:.9rem}.fatal{max-width:740px;margin:0 auto;padding:12vh 24px;text-align:center}.fatal h1{margin-left:auto;margin-right:auto}.muted{color:var(--soft)}.toast{position:fixed;z-index:120;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;color:#fff;background:var(--ink);border:2px solid var(--raised);box-shadow:4px 5px #17241f40;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%)}.update-toast{position:fixed;z-index:110;right:20px;bottom:20px;padding:12px 12px 12px 18px;display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;box-shadow:4px 5px #17241f40}.update-toast button{min-height:44px;border:0;padding:8px 12px;color:var(--ink);font-weight:800;background:var(--mustard);cursor:pointer}.update-toast[hidden],[hidden]{display:none!important}footer{min-height:78px;padding:20px clamp(20px,5vw,72px);display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid rgba(23,36,31,.24);color:var(--soft);font-size:.78rem}footer nav{display:flex;gap:18px}@keyframes settle{0%{opacity:0;transform:translateY(7px) rotate(-.4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-copy{max-width:760px}.paper-frame{max-width:680px}.layout-grid{grid-template-columns:repeat(2,1fr)}.bench-grid{grid-template-columns:1fr}.add-piece{position:static;grid-row:1}.restore-card{grid-template-columns:38px 50px 1fr}.restore-actions{grid-column:2 / -1;justify-content:flex-end}}@media(max-width:640px){.site-header{padding-left:16px;padding-right:16px}.brand-button>span:last-child{max-width:150px;text-align:left;line-height:1.15}.local-badge{font-size:0}.local-badge span{font-size:.8rem}.hero{padding:48px 20px 64px;gap:48px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-actions .button{width:100%}.paper-frame{margin:0 8px 0 4px;transform:rotate(.5deg)}.library{padding:0 20px 72px}.layout-grid{grid-template-columns:1fr}.empty-state{flex-direction:column;text-align:center}.section-heading{align-items:center}.editor-heading,.restore-heading{align-items:stretch;flex-direction:column}.editor-actions{justify-content:space-between}.workbench,.restore{padding-left:16px;padding-right:16px}.add-piece{padding:22px 18px}.piece-card{grid-template-columns:32px 44px 1fr;padding:14px 10px;gap:8px}.piece-actions{grid-column:2 / -1;grid-template-columns:repeat(4,44px);justify-content:end}.session-clock{max-width:210px}.progress-copy{align-items:start;flex-direction:column}.restore-card{grid-template-columns:34px 46px 1fr;padding:16px 10px;gap:9px}.restore-actions{align-items:stretch;flex-direction:column}.restore-actions .button,.check-button span{width:100%}.finish-panel{grid-template-columns:48px 1fr;padding:18px 14px}.finish-panel .button{grid-column:1 / -1}footer{align-items:flex-start;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body>*:not(dialog[open].print-target),#app{display:none!important}dialog[open].print-target{display:block;position:static;width:100%;max-width:none;border:0;box-shadow:none}dialog[open].print-target .dialog-close,dialog[open].print-target .dialog-actions{display:none}dialog[open].print-target .dialog-sheet{padding:1cm}}