:root{color-scheme:light;--bg:#ffffff;--bg-elevated:rgba(255,255,255,0.78);--surface:#f8f8f8;--surface-strong:#ffffff;--text:#111827;--muted:#5f6673;--border:rgba(17,24,39,0.1);--border-strong:rgba(17,24,39,0.18);--accent:#0d00ff;--accent-soft:rgba(13,0,255,0.08);--accent-border:rgba(13,0,255,0.22);--shadow-sm:0 1px 2px rgba(17,24,39,0.06);--shadow-md:0 18px 40px rgba(17,24,39,0.08);--shadow-lg:0 32px 70px rgba(17,24,39,0.12);--focus-ring:0 0 0 3px rgba(13,0,255,0.15);--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--card-padding:clamp(1.25rem,2vw,2rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.875rem;--text-3xl:2.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--container:72rem;--measure:44rem;--media-max:28rem;--grid-min:16rem}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);position:relative;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate;padding-bottom:clamp(6rem,9vw,7.5rem)}.app-main{flex:1 0 auto;width:100%}.footer{background:rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:var(--space-3) 0;border-top:1px solid rgba(17,24,39,.08);position:fixed;bottom:0;left:0;width:100%;z-index:100;box-shadow:0 -10px 30px rgba(17,24,39,.05)}.footer-inner{max-width:var(--container);margin:0 auto;width:100%;padding:0 clamp(1rem,2vw,1.5rem)}.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);width:100%}.footer-link{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:var(--space-2) var(--space-3);text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:var(--text-xs);color:var(--muted);font-weight:var(--weight-medium);border-radius:var(--radius-pill);transition:background-color .18s ease,color .18s ease,transform .18s ease}.footer-link:hover{background:rgba(255,255,255,.8);color:var(--text)}.footer-link.is-active{color:var(--accent);font-weight:var(--weight-semibold);background:transparent}h1,h2,h3,h4,h5,h6{margin:0;letter-spacing:-.03em;font-weight:700;color:var(--accent)}h1{font-size:var(--text-3xl);line-height:1.05;letter-spacing:-.06em}h2{font-size:var(--text-2xl);line-height:1.12}h3{font-size:var(--text-xl);line-height:1.2}p{margin:0}.page{width:min(100%,var(--container));margin:0 auto;padding:clamp(2rem,4vw,4rem) clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2.5rem)}.hero{animation:fade-up .65s ease both}.hero,.hero-content{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.hero-content{max-width:var(--measure)}.owner-hub-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min)),1fr));align-items:stretch}.hub-card{text-decoration:none;color:inherit;display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-height:100%;transition:transform .18s ease,box-shadow .18s ease}.hub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-xs);font-weight:var(--weight-medium)}.eyebrow,.lead{color:var(--muted)}.lead{font-size:var(--text-lg);line-height:1.65}.card,.editor-panel,.message-card,.profile-shell,.status-card{background:var(--surface);border:0;border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-sm);animation:fade-up .65s ease both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.editor-panel{background:var(--surface)}.editor-block{position:relative;background:var(--bg);border-color:var(--border);padding-top:calc(var(--space-6) + 1rem)}.status-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3);text-align:center;max-width:var(--measure);margin:0 auto}.profile-shell{padding:clamp(1.5rem,2.5vw,3rem)}.form-stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.form-row{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.shirt-code-input-wrap{position:relative}.shirt-code-ghost-input{position:absolute;inset:0;z-index:2;opacity:0;padding:0;border:0;background:transparent;cursor:text}.shirt-code-ghost-input:focus{outline:none;border:0;box-shadow:none}.shirt-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.shirt-code-box{min-height:clamp(4.75rem,10vw,7.25rem);border-radius:var(--radius-lg);border:1px solid rgba(17,24,39,.08);background:var(--surface-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 24px rgba(17,24,39,.05);display:grid;place-items:center;font-size:var(--text-3xl);line-height:1;letter-spacing:-.08em;font-weight:800;color:var(--accent)}.shirt-code-box.is-active{border-color:var(--accent-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 3px rgba(13,0,255,.1),0 12px 24px rgba(17,24,39,.05)}.action-column{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.action-column .button{width:100%}.field-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:var(--weight-medium)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.65}input,select,textarea{font-family:inherit;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:rgba(255,255,255,.82);color:var(--text);font-size:var(--text-md);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}input:hover,select:hover,textarea:hover{border-color:rgba(17,24,39,.14)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-border);box-shadow:var(--focus-ring);background:var(--surface-strong)}textarea{min-height:calc(var(--space-6) * 3);resize:vertical}.button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:rgba(255,255,255,.78);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,box-shadow .18s ease;box-shadow:var(--shadow-sm)}.button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.button.primary{background:linear-gradient(180deg,#1713ff 0,var(--accent) 100%);color:#ffffff;border-color:transparent;box-shadow:none}.button.secondary{background:rgba(255,255,255,.9);color:var(--accent);border:0}.button.third{margin-top:var(--space-3);border:0;padding:0;font-weight:var(--weight-medium);color:var(--accent);text-align:center}.button.ghost,.button.third{background:transparent;box-shadow:none}.button.ghost{color:var(--text);border-style:solid}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.button.primary:hover:not(:disabled){background:linear-gradient(180deg,#1713ff 0,var(--accent) 100%);border-color:transparent;color:#ffffff;box-shadow:none}.button.ghost:hover:not(:disabled),.button.secondary:hover:not(:disabled){background:rgba(255,255,255,.94)}.button.secondary:hover:not(:disabled){color:#0900d6;border-color:transparent}.button.third:hover:not(:disabled){transform:none;box-shadow:none;color:#0900d6}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.settings-page-action-wrap{display:flex;justify-content:center}.settings-page-action,.settings-page-action-wrap .button{width:min(100%,16rem);justify-self:center}.hero-image{width:min(100%,var(--media-max));margin:0 auto}.hero-image-media{width:100%;height:auto;object-fit:contain}.homepage-logo{width:min(28%,12rem);height:auto;margin:var(--space-4) auto 0}.muted-text{color:var(--muted);line-height:1.55}.editor-layout,.editor-shell{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.editor-viewer-shell{gap:var(--space-5)}.editor-status{margin-top:0;text-align:center;max-width:none;justify-self:center;width:auto}.editor-block{padding-top:var(--space-4)}.editor-text-message-block{padding-top:var(--space-6)}.block-remove-button{position:absolute;top:var(--space-4);right:var(--space-4);width:2rem;height:2rem;padding:0;border-radius:999px;font-size:.85rem;z-index:2}.editor-viewer-header{gap:var(--space-3)}.block-title,.editor-profile-title,.editor-quiz-option-input,.editor-viewer-body-input{border:0;box-shadow:none;background:transparent;padding:0}.editor-profile-title{font-size:var(--text-3xl);line-height:1.05;letter-spacing:-.06em;font-weight:700;color:var(--accent);padding:.125rem .25rem .125rem .125rem}.block-title::placeholder,.editor-profile-title::placeholder,.editor-quiz-option-input::placeholder,.editor-viewer-body-input::placeholder{color:var(--muted);opacity:.7}.block-title:focus,.block-title:hover,.editor-profile-title:focus,.editor-profile-title:hover,.editor-quiz-option-input:focus,.editor-quiz-option-input:hover,.editor-viewer-body-input:focus,.editor-viewer-body-input:hover{border:0;box-shadow:none;background:transparent}.block-title,.picture-template-card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--accent)}.editor-viewer-block .block-title{line-height:1.05;padding:0 .25rem 0 .125rem;margin-top:0}.editor-viewer-body-input{min-height:8rem;line-height:1.6}.editor-photo-frame{position:relative;min-height:18rem}.editor-upload-button{position:absolute;left:50%;bottom:var(--space-4);transform:translateX(-50%);z-index:1;width:-moz-fit-content;width:fit-content;max-width:calc(100% - var(--space-6));white-space:normal;text-align:center;box-shadow:var(--shadow-md)}.editor-photo-frame .picture-template-image,.editor-photo-frame .picture-template-image-fallback{width:100%;height:100%}.editor-photo-frame .picture-template-image{position:absolute;inset:0}.editor-photo-frame .picture-template-image-fallback{min-height:18rem;padding-bottom:calc(var(--space-7) + 3rem)}.editor-add-blocks{padding-top:var(--space-2);justify-content:center}.editor-add-blocks .button{width:auto}.editor-footer-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding-top:var(--space-2)}.editor-quiz-option-input{color:inherit;font-size:var(--text-md);line-height:1.4}.editor-quiz-settings{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.status-pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--weight-medium);background:rgba(255,255,255,.74);border:1px solid var(--border);color:var(--text)}.status-pill.is-live{border-color:var(--accent-border);color:var(--accent);background:rgba(13,0,255,.06)}.status-pill.is-draft{border-color:var(--border)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.status-message{margin-top:var(--space-3);font-weight:var(--weight-medium);color:var(--muted)}.status-message.button.third{margin-top:0}.text-link{text-decoration:underline;text-underline-offset:.15em}.status-message.error{border-left:2px solid var(--accent);padding-left:var(--space-3);color:var(--text)}.profile-viewer{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.profile-viewer-header{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding-bottom:var(--space-2)}.profile-viewer-shell{background:var(--surface)}.quiz-card{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-6)}.quiz-card-copy,.quiz-options{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.quiz-option{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;grid-gap:var(--space-4);gap:var(--space-4);width:100%;min-height:4.5rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:rgba(255,255,255,.88);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.quiz-option:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.quiz-option:focus-within{border-color:var(--accent-border);box-shadow:var(--focus-ring)}.quiz-option.is-selected{border-color:var(--accent-border);background:rgba(255,255,255,.88);color:var(--text)}.quiz-option.is-selected .quiz-option-copy{color:inherit}.quiz-option.is-disabled{cursor:default}.quiz-option-copy{flex:1 1;min-width:0;font-size:var(--text-md);line-height:1.4;letter-spacing:0;font-weight:var(--weight-medium)}.editor-viewer-block .quiz-option.is-selected,.editor-viewer-block .quiz-option:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.picture-template{gap:0;width:100%;padding:0;overflow:hidden}.block-card,.profile-viewer-block{width:100%;background:var(--bg)}.picture-template-photo{width:100%;border-radius:inherit;border:0;background:transparent;overflow:hidden}.picture-template-image{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.picture-template-image-fallback{min-height:min(60vh,32rem);padding:var(--space-7) var(--space-5);text-align:center;font-weight:var(--weight-medium);color:var(--muted);display:grid;place-items:center}.picture-template-card{width:100%;padding:var(--space-5);display:grid;grid-gap:var(--space-3);gap:var(--space-3);align-content:start}.quiz-result{margin-top:var(--space-3)}.block-body,.picture-template-body{font-size:var(--text-md);line-height:1.6;white-space:pre-wrap}.messages-inbox{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.message-card{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.message-block-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.message-block-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.message-block-input,.message-block-textarea{border-radius:var(--radius-lg);background:rgba(255,255,255,.9)}.message-block-input{min-height:3.25rem}.message-block-textarea{min-height:10rem}.message-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.message-meta strong{color:var(--text)}.message-actions{display:flex;justify-content:flex-end}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width:60rem){.editor-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:45rem){.page{padding:clamp(1.5rem,5vw,2rem) clamp(1rem,4vw,1.5rem)}.footer-inner{padding:0 var(--space-3)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.editor-status{text-align:left;max-width:none}.editor-footer-actions{justify-content:stretch}.editor-footer-actions .button{width:100%}.editor-profile-title{font-size:var(--text-2xl)}.hero-image{width:min(100%,22rem)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}