@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--font-body: "Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color:#24180f;background:radial-gradient(circle at 15% 10%,rgba(255,183,77,.18),transparent 22%),radial-gradient(circle at 88% 14%,rgba(93,141,255,.14),transparent 24%),linear-gradient(180deg,#fffcf8,#f6efe7);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,214,170,.28),transparent 24%),linear-gradient(180deg,#fffdf9,#f4ece3)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 72px),repeating-linear-gradient(180deg,rgba(155,131,104,.05) 0,rgba(155,131,104,.05) 1px,transparent 1px,transparent 72px);opacity:.35;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 85%)}#root{width:100%;max-width:1320px;margin:0 auto;padding:2rem}button{border-radius:16px;border:1px solid transparent;padding:.9rem 1.2rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}button:hover{transform:translateY(-1px)}button:focus,button:focus-visible{outline:3px solid rgba(93,141,255,.22);outline-offset:3px}input,select,button{font:inherit}@media (max-width: 640px){#root{padding:1rem}}.utility-shell{display:grid;gap:1rem}.glass-card{position:relative;overflow:hidden;background:#fffdfad1;border:1px solid rgba(255,255,255,.84);border-radius:24px;box-shadow:0 20px 60px #7b674a1a,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.access-banner:before,.instrument-panel:before,.grid-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff9168f2,#ff916800)}.access-banner,.instrument-panel,.grid-panel{padding:1rem 1.1rem}.access-banner{display:grid;gap:.85rem}.access-banner-main,.access-banner-actions,.utility-header,.utility-header-actions,.workspace-pills,.grid-actions,.signup-form,.instrument-panel-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.access-banner-main{justify-content:space-between}.access-banner-copy{display:grid;gap:.2rem;max-width:760px}.banner-title{color:#2b1c12;font-size:.95rem;font-weight:800}.access-banner-copy p,.utility-brand p,.section-header p,.helper-copy{margin:0;color:#6a5946}.dismiss-button,.secondary-button,.primary-button,.tab-button{min-height:44px}.dismiss-button{border:1px solid rgba(226,213,195,.9);border-radius:14px;padding:.8rem 1rem;background:#ffffffa8;color:#6a5946;box-shadow:0 10px 20px #a2846514}.utility-header{justify-content:space-between;align-items:center;gap:1rem}.utility-brand h1,.section-header h2{margin:0;color:#24180f;font-family:var(--font-display)}.utility-brand h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.utility-brand p{margin-top:.2rem}.utility-header-actions{justify-content:flex-end}.tab-row{display:inline-flex;padding:.28rem;gap:.28rem;border-radius:999px;background:#ffffffa8;border:1px solid rgba(255,255,255,.8)}.tab-button{min-width:112px;padding:.8rem 1.1rem;border-radius:999px;background:transparent;color:#6f5e4d;box-shadow:none}.tab-button-active,.primary-button{background:linear-gradient(135deg,#ff9870,#ffb48b);color:#1d130c;box-shadow:0 12px 24px #8d623c2e}.secondary-button{background:#ffffffb3;color:#5d4f3f;border-color:#e2d5c3e6;box-shadow:0 10px 20px #a2846514}.status-pill,.mini-readout{padding:.75rem .95rem;border-radius:999px;background:#fff8eee0;border:1px solid rgba(255,255,255,.85);color:#6a5946;box-shadow:0 10px 22px #9a816214}.status-pill{white-space:nowrap}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.section-header h2{font-size:clamp(1.8rem,3vw,2.4rem)}.field{display:grid;gap:.45rem}.field span{color:#655744;font-size:.9rem;font-weight:700}.compact-field{min-width:min(280px,100%)}.field select,.field input,.signup-form input{width:100%;border:1px solid rgba(221,206,188,.9);border-radius:14px;padding:.88rem .95rem;background:#ffffffd6;color:#23180f;box-shadow:inset 0 1px #ffffffdb}.string-list{display:grid;gap:.85rem}.string-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.05rem;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--string-accent) 18%,white),#ffffffbd 22%),#fffc;border:1px solid rgba(255,255,255,.86);box-shadow:0 16px 32px #95765414}.string-label{display:block;color:#22170f;font-size:1.05rem;font-weight:700}.string-note{color:#6a5a48}.grid-panel{display:grid;gap:1rem}.note-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem}.note-cell{min-height:64px;padding:1rem .75rem;background:linear-gradient(180deg,color-mix(in srgb,var(--tone-color) 28%,white),color-mix(in srgb,var(--tone-color) 12%,white)),#ffffffd1;border:1px solid color-mix(in srgb,var(--tone-color) 26%,white);color:#4f4030;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #a3846217}.note-cell:hover{border-color:color-mix(in srgb,var(--tone-color) 58%,white);box-shadow:0 12px 24px color-mix(in srgb,var(--tone-color) 28%,rgba(163,132,98,.12))}.note-cell-active{background:linear-gradient(135deg,color-mix(in srgb,var(--tone-color) 82%,white),#fffffff5);color:#1f140d;border-color:color-mix(in srgb,var(--tone-color) 68%,white)}@media (max-width: 920px){.utility-header,.utility-header-actions,.section-header,.access-banner-main{flex-direction:column;align-items:flex-start}.utility-header-actions{width:100%}}@media (max-width: 640px){.access-banner,.instrument-panel,.grid-panel{padding:.95rem}.access-banner-actions,.signup-form,.grid-actions,.workspace-pills,.instrument-panel-actions{flex-direction:column;align-items:stretch}.tab-row,.tab-button,.primary-button,.secondary-button,.dismiss-button,.status-pill{width:100%}.string-card{align-items:flex-start}.string-card>button{width:70%;align-self:flex-end}.note-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.note-cell{min-height:48px;padding:.6rem .2rem;font-size:.78rem}}