@font-face{font-family:Pixlion;src:url('../fonts/dm-sans.woff2')}@font-face{font-family:Pixlion;src:url('../fonts/dm-sans-ext.woff2');unicode-range:U+0100-02BA,U+1E00-1EFF}@font-face{font-family:Outfit;src:url('../fonts/outfit.woff2')}@font-face{font-family:Outfit;src:url('../fonts/outfit-ext.woff2');unicode-range:U+0100-02BA,U+1E00-1EFF}
:root{--paper:#fbfaf7;--ink:#242822;--muted:#85897d;--line:#dedfd5;--gold:#ad8645;--green:#56704b;--sage:#edf1e6;--font:Pixlion,sans-serif;font-size:clamp(8px,1.18vw,14px);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{border:1px solid var(--line);border-radius:.4rem;background:#fffefa;padding:.7rem 1rem;text-align:center}button:hover{background:var(--sage);border-color:#b9c1ad}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--ink);color:#faf9f4;border-color:var(--ink)}button.quiet{background:transparent;border:0;padding:.4rem;color:var(--muted)}button.danger{color:#9b4438;background:#fff3ec}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:500}h1{font-size:2.1rem;letter-spacing:-.06rem}h2{font-size:1.7rem}h3{font-size:1.3rem}small{color:var(--muted)}[hidden]{display:none!important}img{max-width:100%;display:block}.demo-app{height:100dvh;display:grid;grid-template-columns:13rem minmax(0,1fr)}.sidebar{background:#f6f5ef;border-right:1px solid var(--line);padding:2rem 1.4rem 1.2rem;display:flex;flex-direction:column;min-height:0;overflow:auto}.wordmark{font:600 1.8rem Outfit,sans-serif;letter-spacing:.06rem;margin-bottom:2.3rem}.wordmark>span{color:var(--gold)}.wordmark>small{display:block;font:400 .6rem var(--font);letter-spacing:.21rem;margin-top:.8rem}.sidebar nav{display:grid;gap:.4rem}.sidebar nav button{display:flex;align-items:center;gap:.7rem;border:0;text-align:left;padding:.85rem .7rem;color:#767f6c;background:none;font-size:.88rem;white-space:nowrap}.sidebar nav svg{width:1.2rem;height:1.2rem;flex-shrink:0}.sidebar nav button[aria-current=page]{background:#e4e8dc;color:#4b6440;font-weight:600}.studio-user{margin-top:auto;padding-top:2rem;display:flex;align-items:center;gap:.85rem;font-size:.73rem}.studio-user>span{font-size:1rem;color:var(--gold)}.studio-user small{display:block;font-size:.61rem;margin-top:.3rem}main{padding:1rem 1.9rem 2rem;overflow:auto;min-width:0;scrollbar-width:thin}.demo-notice{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.6rem;font-size:.7rem;color:var(--muted);gap:1rem}.demo-notice>span{display:flex;align-items:center;gap:.5rem}.demo-notice i{width:.4rem;height:.4rem;border-radius:50%;background:var(--gold)}.demo-notice button{padding:.35rem .6rem;background:transparent;font-size:.7rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem}.eyebrow{font-size:.65rem;letter-spacing:.16rem;color:var(--muted);text-transform:uppercase;margin-bottom:.6rem}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--sage);color:var(--green);border-radius:.4rem;font-size:.73rem;padding:.55rem .8rem;white-space:nowrap}.chip.warning{background:#f8edde;color:#a97b35}.chip.bad{background:#f8e8e3;color:#a75c48}.muted{color:var(--muted);font-size:.87rem;line-height:1.7}.row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.actions button{font-size:.8rem}.panel{border:1px solid var(--line);background:#fffefa;border-radius:.5rem;padding:1.3rem;margin-bottom:1rem}.panel h3{margin-bottom:1rem}.panel p{margin-bottom:.8rem}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1.5rem}.stat{padding:1.1rem;border:1px solid var(--line);border-radius:.5rem;background:#f5f5ee;text-align:left}.stat strong{display:block;font:500 2.5rem Outfit,sans-serif;margin:.8rem 0}.stat small{display:block;font-size:.75rem}.stat span{font-size:.7rem;color:var(--green)}.list{display:grid;gap:.7rem}.list-item{padding:.9rem;border:1px solid var(--line);border-radius:.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffefa;text-align:left}.list-item strong{display:block;margin-bottom:.3rem;font-size:.93rem}.list-item small{font-size:.7rem}.institution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.institution{padding:0;overflow:hidden;text-align:left;background:#fffefa}.institution>img{height:9rem;width:100%;object-fit:cover}.institution>div{padding:1rem}.institution h3{font-size:1.15rem;margin-bottom:.6rem}.institution small{font-size:.75rem}.institution .chip{margin-top:1rem}.field{display:block;margin-bottom:1rem;font-size:.8rem}.field>span{display:block;color:var(--muted);margin-bottom:.5rem}.field input,.field select,.field textarea{display:block;width:100%;padding:.8rem;border:1px solid var(--line);border-radius:.4rem;background:#fffefa;min-width:0}.field textarea{resize:vertical;min-height:6rem}.field input:focus,.field textarea:focus{outline:2px solid #c3ad80;outline-offset:1px}.select-context{display:flex;align-items:center;gap:.8rem;font-size:.8rem;margin-bottom:1rem}.select-context select{border:1px solid var(--line);border-radius:.4rem;padding:.55rem;background:#fffefa;max-width:70%}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.toolbar details{border:1px solid var(--line);border-radius:.4rem;background:#fffefa}.toolbar summary{cursor:pointer;padding:.8rem;font-size:.76rem;list-style:none;display:flex;justify-content:space-between;gap:.4rem}.toolbar summary:after{content:'⌄';color:var(--muted)}.toolbar details[open]{grid-column:1/-1}.toolbar details[open] summary:after{content:'⌃'}.toolbar .content{padding:1rem;border-top:1px solid var(--line)}.search-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;background:#f0f2e9;border-radius:.4rem;padding:.5rem .7rem}.search-row input{min-width:0;flex:1;background:transparent;border:0;padding:.5rem;font-size:.78rem;outline-color:var(--gold)}.search-row label{display:flex;align-items:center;gap:.4rem;font-size:.7rem}.search-row label input{width:4rem}.families{display:grid;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));gap:.7rem}.family{padding:.5rem;text-align:left;background:#fffefa;min-width:0;position:relative}.family.ordered{border-color:#c9d5bf}.family>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.2rem}.family .code{display:block;color:var(--gold);font-size:.6rem;margin:.6rem 0 .2rem}.family strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem}.family small{display:block;font-size:.57rem;margin:.4rem 0}.family .chip{font-size:.5rem;padding:.25rem .4rem}.qr-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem}.qr-card{display:block;text-align:center;width:100%;padding:1.5rem;background:white}.qr-card img{width:100%;max-width:20rem;margin:0 auto 1rem;aspect-ratio:1}.qr-card strong{display:block;font:500 1.5rem Outfit,sans-serif}.qr-card small{display:block;margin-top:.5rem;font-size:.8rem}.qr-list{max-height:32rem;overflow:auto}.qr-list button[aria-pressed=true]{background:#e9eedf;border-color:#afbd9c}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.calendar-toolbar button{padding:.45rem .7rem}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem}.calendar>small{text-align:center;font-size:.7rem;padding:.5rem}.day{min-height:5.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:.6rem;font-size:.8rem}.day>small{color:var(--green);font-size:.53rem}.day.has-event{border-color:#bfcbaa;background:#eff3e6}.day[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--gold)}.day.blank{border:none;background:none;pointer-events:none}.events{margin-top:1.2rem}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:.78rem}.table th{font-size:.6rem;font-weight:400;letter-spacing:.1rem;color:var(--muted);text-align:left;padding:.9rem .6rem;border-bottom:1px solid var(--line)}.table td{padding:1rem .6rem;border-bottom:1px solid var(--line)}.table td strong{display:block;font-size:.85rem}.table td small{display:block;margin-top:.3rem;font-size:.65rem}.table button{padding:.45rem .7rem;font-size:.7rem}.table .chip{font-size:.65rem}.progress{height:.4rem;border-radius:1rem;background:#e9ecdf;overflow:hidden;margin:.8rem 0}.progress>span{display:block;height:100%;background:#8b9d73;width:0;transition:width .25s}.sort-list{display:grid;gap:.5rem;margin-top:1rem}.sort-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:.9rem;font-size:.8rem}.sort-list button span{color:var(--gold)}.empty{padding:2rem;text-align:center;color:var(--muted);line-height:1.7}.toast{position:fixed;bottom:1.3rem;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:.9rem 1.3rem;border-radius:.5rem;z-index:100;max-width:80%;font-size:.82rem;box-shadow:0 .7rem 2rem #20221f22}dialog{width:min(90vw,68rem);max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:.7rem;background:var(--paper);box-shadow:0 2rem 8rem #17211833;color:var(--ink)}dialog::backdrop{background:#20251ac0;backdrop-filter:blur(3px)}.modal-top{position:sticky;top:0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;gap:1rem;border-bottom:1px solid var(--line);z-index:1}.modal-top h2{font-size:1.5rem}.modal-top button{border:0;background:transparent;font-size:2rem;line-height:1;padding:.2rem .6rem}.modal-top+div{padding:1.5rem}.modal-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.5rem}.photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-top:1rem}.photo-grid button{padding:0;border-radius:0;position:relative;overflow:hidden}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover}.photo-grid button[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:-3px}.photo-grid span{position:absolute;bottom:.3rem;right:.3rem;font-size:.55rem;background:#fbfaf7df;padding:.25rem .35rem}.zoom-photo{max-height:65dvh;width:100%;object-fit:contain}.email-preview{background:#fffefa;padding:2rem;border:1px solid var(--line);border-radius:.4rem;margin-top:1rem;line-height:1.8;font-size:.9rem}.email-brand{font-family:Outfit,sans-serif;text-align:center;font-size:1.4rem;font-weight:600;margin-bottom:1.8rem}.email-footer{text-align:center;color:var(--gold);letter-spacing:.15rem;margin-top:2rem;font-size:.7rem}.check{display:flex;gap:.5rem;align-items:center;font-size:.8rem;margin:.8rem 0}.check input{accent-color:var(--green)}
@media(min-width:1000px){.family strong{font-size:.9rem}.family small{font-size:.75rem}.family .code{font-size:.8rem}.family .chip{font-size:.65rem}}
@media(max-width:520px){.demo-app{grid-template-columns:9rem minmax(0,1fr)}.sidebar{padding:1.5rem .5rem}.sidebar nav button{font-size:.82rem;gap:.5rem}.sidebar nav svg{width:1rem}.wordmark{font-size:1.3rem}.wordmark small{font-size:.5rem;letter-spacing:.1rem}.studio-user{font-size:.6rem;gap:.4rem}main{padding:.8rem 1rem 1.5rem}.families{grid-template-columns:repeat(3,minmax(0,1fr))}.institution-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.qr-layout,.columns{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.page-head h1{font-size:1.7rem}.demo-notice{font-size:.6rem}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.day{min-height:4rem;padding:.4rem}.page-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:520px){:root{font-size:10px}.demo-app{grid-template-columns:8rem minmax(0,1fr)}.family strong{font-size:.85rem}.family small{font-size:.7rem}.family .code{font-size:.7rem}.family .chip{font-size:.6rem}.search-row label{display:none}}