:root{
  color-scheme:dark;
  --ink:#11100e;--ink-2:#1b1916;--ink-3:#26231e;--ink-4:#302c26;
  --paper:#f4eddc;--paper-bright:#fffdf6;--paper-deep:#ddd0b5;
  --brass:#b58b54;--brass-light:#d3b47f;--rust:#9b5447;--moss:#798763;
  --text:#f6f0e2;--muted:#aaa293;--muted-2:#746f66;--line:rgba(244,237,220,.14);--line-strong:rgba(244,237,220,.25);
  --shadow:0 28px 90px rgba(0,0,0,.42);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
}
body[data-theme="paper"]{color-scheme:light;--ink:#eee5d2;--ink-2:#f7f1e3;--ink-3:#e4d8c1;--ink-4:#d8cab1;--text:#171511;--muted:#716a5d;--muted-2:#8f8573;--line:rgba(35,29,21,.15);--line-strong:rgba(35,29,21,.28);--shadow:0 24px 70px rgba(57,43,24,.16)}
*{box-sizing:border-box}html{min-height:100%;background:var(--ink)}html,body,button,a,input,textarea,select,label,[role="button"],summary{touch-action:manipulation}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 54% -8%,rgba(181,139,84,.11),transparent 35rem),linear-gradient(180deg,var(--ink-2),var(--ink));color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit}textarea{resize:vertical}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid color-mix(in srgb,var(--brass-light) 76%,transparent);outline-offset:2px}[hidden]{display:none!important}
.paper-noise{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.shed-light{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.54),transparent 22%,transparent 78%,rgba(0,0,0,.46)),repeating-linear-gradient(90deg,transparent 0 86px,rgba(255,255,255,.012) 87px 88px);opacity:.62}
.app-shell{min-height:100vh;padding-bottom:22px}.topbar{position:sticky;top:0;z-index:40;min-height:calc(72px + var(--safe-top));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:calc(10px + var(--safe-top)) clamp(12px,3vw,32px) 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 89%,transparent);backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1)}
.study-switcher{display:inline-flex;min-width:0;align-items:center;gap:11px;text-decoration:none}.study-switcher img{width:42px;height:42px;border-radius:11px;box-shadow:0 10px 28px rgba(0,0,0,.28)}.study-switcher span{display:flex;min-width:0;flex-direction:column;line-height:1.05}.study-switcher small{color:var(--muted);font-size:.61rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.study-switcher strong{margin-top:5px;overflow:hidden;font-family:"Special Elite",serif;font-size:1.02rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.shed-wordmark{display:flex;align-items:center;gap:10px;text-align:center}.shed-wordmark .peg{width:10px;height:10px;border:2px solid var(--brass-light);border-radius:50%;box-shadow:0 0 0 5px rgba(181,139,84,.08),0 0 18px rgba(181,139,84,.2)}.shed-wordmark div{display:flex;flex-direction:column}.shed-wordmark strong{font-family:"IBM Plex Mono",monospace;font-size:.89rem;letter-spacing:.18em}.shed-wordmark small{margin-top:4px;color:var(--muted);font:400 .67rem "Special Elite",serif;letter-spacing:.03em}
.topbar-actions{display:flex;justify-content:flex-end;gap:8px}.sync-chip,.icon-button,.primary-button,.secondary-button,.quiet-button,.filter-chip{border:0;cursor:pointer}.sync-chip{display:flex;min-height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--muted);font-size:.69rem;font-weight:700}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--muted-2);box-shadow:0 0 0 4px rgba(255,255,255,.035)}.sync-chip[data-mode="synced"] .sync-dot{background:#86a36c;box-shadow:0 0 15px rgba(134,163,108,.62)}.sync-chip[data-mode="syncing"] .sync-dot{background:var(--brass-light);animation:pulse 1s infinite}.sync-chip[data-mode="error"] .sync-dot{background:#c5695f}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035)}.primary-button,.secondary-button,.quiet-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;font-size:.74rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.primary-button{background:var(--paper);color:#171511;box-shadow:0 9px 25px rgba(244,237,220,.08)}.secondary-button{border:1px solid var(--line-strong);background:rgba(255,255,255,.035)}.quiet-button{border:1px solid var(--line);background:transparent;color:var(--muted)}.compact{min-height:40px;padding:8px 13px}
.shed-nav{position:sticky;top:calc(72px + var(--safe-top));z-index:35;width:min(calc(100% - 28px),1160px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px auto 0;padding:6px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ink) 91%,transparent);box-shadow:0 16px 48px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.nav-item{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.nav-item span{color:var(--brass-light)}.nav-item b{font-size:.71rem;letter-spacing:.045em}.nav-item.is-active{background:rgba(255,255,255,.07);color:var(--text)}
.main-content{width:min(100%,1180px);margin:0 auto;padding:clamp(22px,3.8vw,44px) clamp(12px,3.4vw,32px) 70px}.view{display:none;animation:view-in .24s ease both}.view.is-active{display:block}@keyframes view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.4}}
.panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(118deg,rgba(255,255,255,.048),rgba(255,255,255,.012) 55%,rgba(181,139,84,.04)),var(--ink-2);box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(transparent,var(--brass-light),transparent);opacity:.5}.eyebrow{margin:0 0 8px;color:var(--brass-light);font-size:.65rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Special Elite",serif;font-weight:400}h1{margin-bottom:12px;font-size:clamp(2.65rem,7vw,5.25rem);line-height:.96;letter-spacing:-.03em}h2{margin-bottom:8px;font-size:clamp(1.65rem,4vw,2.65rem)}h3{margin-bottom:7px;font-size:1.18rem}.shed-hero{min-height:280px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);gap:28px;align-items:center;padding:clamp(28px,5vw,54px)}.shed-hero>div:first-child{position:relative;z-index:2}.shed-hero p:last-child{max-width:680px;margin-bottom:0;color:var(--muted);line-height:1.7}.spark-coil{position:relative;display:grid;min-height:190px;place-items:center}.spark-coil i{position:absolute;width:150px;height:150px;border:1px solid rgba(211,180,127,.18);border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.35)}.spark-coil i:nth-child(2){width:104px;height:104px;border-style:dashed;transform:rotate(24deg)}.spark-coil i:nth-child(3){width:58px;height:58px;border-color:rgba(211,180,127,.45);background:rgba(181,139,84,.06);box-shadow:0 0 40px rgba(181,139,84,.13)}.spark-coil span{position:relative;color:var(--paper);font-size:2rem;text-shadow:0 0 18px rgba(211,180,127,.35)}
.content-section{margin-top:42px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading p:last-child,.page-heading p{max-width:720px;margin:7px 0 0;color:var(--muted);line-height:1.62}.guided-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guided-card{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.012));color:inherit;cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,background .18s}.guided-card:hover{transform:translateY(-2px);border-color:rgba(211,180,127,.36);background:linear-gradient(145deg,rgba(181,139,84,.10),rgba(255,255,255,.012))}.guided-card>span{position:absolute;top:16px;right:17px;color:var(--muted-2);font:600 .65rem "IBM Plex Mono",monospace}.guided-card strong{font-family:"Special Elite",serif;font-size:1.35rem;font-weight:400}.guided-card small{margin-top:8px;color:var(--muted);font-size:.75rem;line-height:1.5}.guided-card.odd:before,.guided-card.surprise:before{content:"";position:absolute;left:-35px;top:-40px;width:110px;height:110px;border:1px dashed rgba(211,180,127,.18);border-radius:50%}.guided-card.surprise{background:linear-gradient(145deg,rgba(155,84,71,.14),rgba(255,255,255,.012))}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:4px 0 24px}.page-heading>div{max-width:760px}.comfort-panel{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:28px;align-items:center;padding:22px 24px}.comfort-panel h2{font-size:clamp(1.25rem,3vw,1.9rem)}.comfort-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.comfort-controls label,.spark-meta-grid label,.scratch-label,.notes-label,.auth-form label{display:grid;gap:6px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.035em}.comfort-controls select,.spark-meta-grid select,.spark-meta-grid input,.auth-form input{width:100%;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.16);color:var(--text)}.comfort-controls button{align-self:end}.draw-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.empty-board{min-height:180px;place-items:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.draw-card{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:0 15px 36px rgba(0,0,0,.15)}.draw-card.is-locked{border-color:rgba(211,180,127,.42);box-shadow:inset 0 0 0 1px rgba(181,139,84,.08),0 15px 36px rgba(0,0,0,.15)}.draw-card.is-removed{display:none}.draw-card.full{grid-column:1/-1}.draw-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.draw-card-actions{display:flex;gap:5px}.mini-button{min-width:34px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer;font-size:.68rem}.mini-button.is-active{border-color:rgba(211,180,127,.36);background:rgba(181,139,84,.12);color:var(--brass-light)}.draw-kicker{color:var(--brass-light);font-size:.62rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.draw-card h3{margin:10px 0 7px;font-size:1.35rem}.draw-description{margin:0;color:var(--muted);font-size:.78rem;line-height:1.58}.draw-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font:500 .72rem "IBM Plex Mono",monospace;line-height:1.55}.chord-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chord-button{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;font:600 .75rem "IBM Plex Mono",monospace}.character-line{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center}.character-avatar{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.16);font-size:1.5rem}
.chaos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.chaos-grid button{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:inherit;cursor:pointer;text-align:left}.chaos-grid button:hover{border-color:rgba(211,180,127,.38);background:rgba(181,139,84,.08)}.chaos-grid span,.chaos-grid small{display:block}.chaos-grid span{font-family:"Special Elite",serif;font-size:1.18rem}.chaos-grid small{margin-top:8px;color:var(--muted);font-size:.72rem;line-height:1.5}.chaos-output{margin-top:16px;padding:24px}.chaos-output h2{font-size:2rem}.chaos-output p{color:var(--muted);line-height:1.65}.chaos-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.madlib-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.madlib-form label{display:grid;gap:6px;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:capitalize}.madlib-form input,.madlib-form select{min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.16);color:var(--text)}.generated-song{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.13);font:500 .78rem/1.7 "IBM Plex Mono",monospace;white-space:pre-wrap}
.spark-filter-row{display:flex;gap:7px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.spark-filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;min-height:37px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.7rem;font-weight:700}.filter-chip.is-active{border-color:var(--line-strong);background:rgba(255,255,255,.08);color:var(--text)}.spark-list{display:grid;gap:9px}.spark-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;min-height:78px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022);cursor:pointer}.spark-row:hover{border-color:rgba(211,180,127,.35)}.spark-glyph{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(181,139,84,.07);color:var(--brass-light);font-size:1.2rem}.spark-copy{min-width:0}.spark-copy strong,.spark-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spark-copy strong{font-size:.89rem}.spark-copy span{margin-top:4px;color:var(--muted);font-size:.69rem}.status-badge{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:700;text-transform:uppercase}.status-badge.sent-to-composed{color:#a7bd87;border-color:rgba(167,189,135,.3)}.empty-state{min-height:210px;display:grid;place-items:center;padding:30px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}
.active-spark{margin-top:28px}.active-spark-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.active-spark-heading h2{margin-bottom:4px}.active-spark-heading p:last-child{margin:0;color:var(--muted);font-size:.72rem}.active-actions{display:flex;gap:8px}.spark-workspace-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:1px;background:var(--line)}.spark-writing,.spark-tools{background:var(--ink-2)}.spark-writing{padding:24px}.spark-tools{display:grid;align-content:start;gap:10px;padding:18px}.spark-meta-grid{display:grid;grid-template-columns:1.3fr .85fr 1fr;gap:10px}.scratch-label,.notes-label{margin-top:16px}.scratch-label textarea,.notes-label textarea{width:100%;padding:18px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--paper-bright) 96%,transparent);color:#171511;font-family:"Special Elite",serif;font-size:1.05rem;line-height:1.65}.scratch-label textarea{min-height:360px}.notes-label textarea{min-height:110px;background:rgba(0,0,0,.13);color:var(--text);font-family:Inter,sans-serif;font-size:.84rem}.mission-card,.timer-card,.recorder-card,.theory-reference,.original-draw{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.022)}.mission-card h3{font-size:1.1rem}.mission-card p:last-child{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}.timer-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.timer-card strong{font:500 1.5rem "IBM Plex Mono",monospace}.timer-presets,.timer-actions,.recorder-actions{display:flex;gap:6px;margin-top:10px}.timer-presets button{flex:1;min-height:31px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:.69rem}.timer-presets button.is-active{background:rgba(181,139,84,.12);color:var(--brass-light)}.timer-actions button,.recorder-actions button{flex:1;min-height:38px}.recorder-card>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:end}.recorder-card>div:first-child .eyebrow{grid-column:1/-1}.recorder-card strong{font-size:.84rem}.recorder-card small{color:var(--muted);font:500 .75rem "IBM Plex Mono",monospace}.record-button{min-height:38px;border:1px solid rgba(155,84,71,.4);border-radius:9px;background:rgba(155,84,71,.12);color:#e5a89e;cursor:pointer;font-size:.73rem;font-weight:700}.record-button.is-recording{animation:record-pulse 1s infinite}@keyframes record-pulse{50%{background:rgba(155,84,71,.3)}}.recording-list{display:grid;gap:6px;margin-top:10px}.recording-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px}.recording-row span{overflow:hidden;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.recording-row button{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.theory-reference h3{font-size:1rem}.theory-line{display:grid;gap:3px;margin-top:9px}.theory-line small{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.theory-line strong{font:600 .72rem/1.5 "IBM Plex Mono",monospace}.original-draw summary{cursor:pointer;color:var(--brass-light);font-size:.72rem;font-weight:700}.original-draw>div{display:grid;gap:7px;margin-top:12px}.original-draw-item{padding-top:7px;border-top:1px solid var(--line);font-size:.69rem;line-height:1.5}.original-draw-item span{display:block;color:var(--muted);font-size:.59rem;text-transform:uppercase}.open-composed-link{display:block;padding:13px;border:1px solid rgba(167,189,135,.27);border-radius:10px;background:rgba(167,189,135,.07);color:#b9cd9d;text-decoration:none;font-size:.73rem;font-weight:700;text-align:center}
.app-dialog{width:min(94vw,620px);max-height:88vh;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:var(--ink-2);color:var(--text);box-shadow:0 32px 110px rgba(0,0,0,.68)}.app-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.dialog-shell{max-height:88vh;padding:24px;overflow-y:auto}.dialog-shell header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-shell h2{margin:0;font-size:1.85rem}.account-status{margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.75rem;line-height:1.55}.auth-form{display:grid;gap:11px}.dialog-actions{display:flex;gap:8px;margin-top:14px}.dialog-note,.dialog-copy{color:var(--muted);font-size:.72rem;line-height:1.6}.chord-dialog{width:min(94vw,440px)}#chordDiagram svg{width:100%;height:auto}.toast-region{position:fixed;z-index:100;right:14px;bottom:14px;display:grid;gap:8px;width:min(360px,calc(100vw - 28px))}.toast{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--ink-3);box-shadow:0 16px 45px rgba(0,0,0,.38);font-size:.76rem}.toast.error{border-color:rgba(197,105,95,.45);color:#efb3aa}
@media(max-width:980px){.guided-grid,.chaos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comfort-panel{grid-template-columns:1fr}.spark-workspace-grid{grid-template-columns:minmax(0,1fr) 330px}.spark-meta-grid{grid-template-columns:1fr 1fr}.spark-meta-grid label:first-child{grid-column:1/-1}}
@media(max-width:760px){.app-shell{padding-bottom:calc(72px + var(--safe-bottom))}.topbar{grid-template-columns:1fr auto;padding-right:10px;padding-left:10px}.shed-wordmark{display:none}.study-switcher img{width:38px;height:38px}.study-switcher strong{font-size:.92rem}.sync-chip{width:38px;padding:0;justify-content:center}.sync-chip span:last-child{display:none}.topbar-actions .compact{display:none}.shed-nav{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:45;width:auto;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + var(--safe-bottom)) max(5px,env(safe-area-inset-left));border-right:0;border-bottom:0;border-left:0;border-radius:0;background:color-mix(in srgb,var(--ink) 94%,transparent)}.nav-item{min-width:0;min-height:57px;flex-direction:column;gap:3px;padding:5px 2px}.nav-item b{max-width:100%;overflow:hidden;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.nav-item span{font-size:1rem}.main-content{padding-top:14px;padding-right:11px;padding-left:11px}.shed-hero{grid-template-columns:1fr;min-height:260px;padding:25px 21px}.spark-coil{position:absolute;right:-45px;bottom:-65px;width:210px;opacity:.38}.shed-hero h1{max-width:10ch;font-size:clamp(2.6rem,13vw,3.8rem)}.guided-grid,.chaos-grid{grid-template-columns:1fr}.guided-card{min-height:142px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .primary-button{width:100%}.comfort-panel{padding:18px}.comfort-controls{grid-template-columns:1fr 1fr}.comfort-controls button{grid-column:1/-1}.draw-board{grid-template-columns:1fr}.draw-card.full{grid-column:auto}.active-spark{margin-top:18px;border-right:0;border-left:0;border-radius:14px}.active-spark-heading{align-items:flex-start;flex-direction:column;padding:18px}.active-actions{width:100%}.active-actions button{flex:1}.spark-workspace-grid{grid-template-columns:1fr}.spark-writing{padding:16px}.spark-tools{padding:12px}.spark-meta-grid{grid-template-columns:1fr}.spark-meta-grid label:first-child{grid-column:auto}.scratch-label textarea{min-height:330px;padding:15px}.spark-row{grid-template-columns:42px minmax(0,1fr)}.spark-glyph{width:42px;height:42px}.spark-row .status-badge{grid-column:2;justify-self:start}.app-dialog{width:100vw;max-width:none;max-height:93vh;margin:auto 0 0;border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0}.dialog-shell{max-height:93vh;padding:20px}.madlib-form{grid-template-columns:1fr}}
@media(max-width:480px){.comfort-controls{grid-template-columns:1fr}.comfort-controls button{grid-column:auto}.active-actions{display:grid}.timer-actions,.recorder-actions{display:grid}.dialog-actions{display:grid}.primary-button,.secondary-button,.quiet-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.compact-draw-board{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:16px;border-bottom:1px solid var(--line);background:var(--ink-2)}.compact-draw-board:empty{display:none}.compact-draw-board .draw-card{padding:15px}.compact-draw-board .draw-card h3{font-size:1.06rem}.compact-draw-board .draw-card.full{grid-column:auto}.compact-draw-board .draw-description{font-size:.7rem}.compact-draw-board .draw-card-actions{display:none}@media(max-width:980px){.compact-draw-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.compact-draw-board{grid-template-columns:1fr;padding:12px}.compact-draw-board .draw-card{padding:13px}}


/* The Study v1.1.1 — compact Shed landing */
.shed-hero {
  min-height: 190px;
  grid-template-columns: minmax(0, 1fr) 155px;
  gap: 18px;
  padding: clamp(22px, 3.2vw, 34px);
}
.shed-hero h1 {
  margin-bottom: 0;
  font-size: clamp(2.7rem, 5.8vw, 4.75rem);
  line-height: .96;
}
.spark-coil { min-height: 118px; }
.spark-coil i { width: 104px; height: 104px; }
.spark-coil i:nth-child(2) { width: 72px; height: 72px; }
.spark-coil i:nth-child(3) { width: 38px; height: 38px; }
.spark-coil span { font-size: 1.45rem; }
.content-section { margin-top: 30px; }

@media (max-width: 760px) {
  .shed-hero {
    min-height: 176px;
    padding: 21px 19px;
  }
  .shed-hero h1 {
    max-width: 10ch;
    font-size: clamp(2.25rem, 10.5vw, 3.25rem);
  }
  .spark-coil {
    right: -42px;
    bottom: -76px;
    width: 165px;
    opacity: .24;
  }
  .content-section { margin-top: 26px; }
}

/* Shed 1.1.3 — reliable voice memo playback */
.recording-empty {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: .7rem;
}
.recording-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 10px;
}
.recording-copy {
  min-width: 0;
}
.recording-copy strong,
.recording-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recording-copy strong {
  font-size: .73rem;
}
.recording-copy small {
  margin-top: 3px;
  color: var(--muted);
  font-size: .62rem;
}
.recording-row > button {
  grid-column: 2;
  grid-row: 1;
}
.recording-row audio {
  grid-column: 1 / -1;
  width: 100%;
  height: 38px;
  color-scheme: dark;
}
body[data-theme="paper"] .recording-row audio {
  color-scheme: light;
}
.recording-unavailable {
  grid-column: 1 / -1;
  padding: 8px 10px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-size: .67rem;
  text-align: center;
}

/* The Study 1.2.2 — shared microphone and playback output controls */
.audio-devices-button { width: 100%; margin-top: 8px; }
.shed-audio-dialog .dialog-shell { max-width: 620px; }
.shed-device-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.shed-device-grid label { display: grid; gap: 7px; color: var(--muted); font-size: .72rem; font-weight: 700; }
.shed-device-grid select { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); color: var(--text); }
.shed-audio-tests { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.shed-audio-status { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 11px; align-items: center; margin-top: 16px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.shed-audio-status > span { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: rgba(0,0,0,.12); }
.shed-audio-status > span i { display: block; width: var(--audio-level,0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent),var(--warm)); transition: width .08s linear; }
.shed-audio-status small { color: var(--muted); line-height: 1.45; }
@media (max-width:560px){.shed-device-grid{grid-template-columns:1fr}.shed-audio-tests{display:grid}.shed-audio-tests button{width:100%}.shed-audio-status{grid-template-columns:72px minmax(0,1fr)}}

/* The Study v1.3.29 — The Shed creative interventions */
.work-context-wrap{width:min(calc(100% - 28px),1160px);margin:10px auto 0}.work-context-bar{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--ink-2) 92%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.18)}.work-context-label{padding:0 10px;color:var(--muted-2);font-size:.61rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.work-context-bar button{min-height:38px;flex:1;padding:7px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.035em}.work-context-bar button:hover{color:var(--text);background:rgba(255,255,255,.035)}.work-context-bar button.is-active{border-color:rgba(211,180,127,.26);background:rgba(181,139,84,.12);color:var(--brass-light)}
.writing-worktable-intro{margin-bottom:16px;padding:22px 24px}.writing-worktable-intro h2{margin-bottom:8px;font-size:clamp(1.3rem,3vw,1.9rem)}.writing-worktable-intro p:last-child{max-width:780px;margin-bottom:0;color:var(--muted);font-size:.78rem;line-height:1.65}.open-scribe-link{border-color:rgba(181,139,84,.3);background:rgba(181,139,84,.08);color:var(--brass-light)}
#activeSparkContext{color:var(--paper);letter-spacing:.06em}.shed-hero #heroCopy{max-width:650px;margin:12px 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}.guided-card[data-preset="say-it"],.guided-card[data-preset="ending"],.guided-card[data-preset="voice"]{background:linear-gradient(145deg,rgba(181,139,84,.08),rgba(255,255,255,.012))}
@media(max-width:760px){.work-context-wrap{width:auto;margin:9px 10px 0}.work-context-bar{overflow-x:auto;scrollbar-width:none}.work-context-bar::-webkit-scrollbar{display:none}.work-context-label{display:none}.work-context-bar button{min-width:max-content;flex:1 0 auto;padding:7px 13px}.writing-worktable-intro{padding:18px}.shed-hero #heroCopy{max-width:32ch;font-size:.76rem}}