:root{color-scheme:light;--bg:#ffffff;--bg-elevated:rgba(255,255,255,0.78);--surface:#f8f8f8;--surface-strong:#ffffff;--text:#111827;--muted:#5f6673;--accent:#0d00ff;--accent-strong:#0900d6;--accent-gradient-start:#1713ff;--success:#047857;--error:#b91c1c;--white-70:rgba(255,255,255,0.7);--white-72:rgba(255,255,255,0.72);--white-74:rgba(255,255,255,0.74);--white-78:rgba(255,255,255,0.78);--white-80:rgba(255,255,255,0.8);--white-82:rgba(255,255,255,0.82);--white-88:rgba(255,255,255,0.88);--white-90:rgba(255,255,255,0.9);--white-94:rgba(255,255,255,0.94);--border:rgba(17,24,39,0.1);--border-subtle:rgba(17,24,39,0.08);--border-hover:rgba(17,24,39,0.14);--border-strong:rgba(17,24,39,0.18);--accent-soft:rgba(13,0,255,0.08);--accent-wash:rgba(13,0,255,0.06);--accent-border:rgba(13,0,255,0.22);--accent-ring-subtle:rgba(13,0,255,0.1);--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);--shadow-footer:0 -10px 30px rgba(17,24,39,0.05);--shadow-inset-light:inset 0 1px 0 rgba(255,255,255,0.8);--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;--weight-bold:700;--weight-extra-bold:800;--container:72rem;--measure:44rem;--media-max:28rem;--grid-min:16rem;--duration-fast:0.18s;--duration-medium:0.65s;--ease-standard:ease}*,: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%}h1,h2,h3,h4,h5,h6{margin:0;letter-spacing:-.03em;font-weight:var(--weight-bold);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}.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 var(--duration-medium) var(--ease-standard) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.block-title,.editor-profile-title,.editor-quiz-option-input,.editor-viewer-body-input{border:0;box-shadow:none;background:transparent;padding:0}.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,.shirt-code-ghost-input:focus{outline:none;border:0;box-shadow:none;background:transparent}.block-title::placeholder,.editor-profile-title::placeholder,.editor-quiz-option-input::placeholder,.editor-viewer-body-input::placeholder{color:var(--muted);opacity:.7}.editor-field-control,.editor-field-inset{display:block;width:100%;min-width:0;background-clip:padding-box}.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%}.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)}.action-column,.editor-layout,.editor-quiz-settings,.editor-shell,.form-stack,.hero,.hero-content,.message-block-field,.message-block-form,.message-card,.messages-inbox,.profile-viewer,.profile-viewer-header,.quiz-card,.quiz-card-copy,.quiz-options,.status-card{display:grid}.hero{gap:var(--space-3);animation:fade-up var(--duration-medium) var(--ease-standard) both}.hero-content{max-width:var(--measure);gap:var(--space-3)}.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}.footer{background:var(--white-72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);position:fixed;bottom:0;left:0;width:100%;z-index:100;box-shadow:var(--shadow-footer)}.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 var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.footer-link:hover{background:var(--white-80);color:var(--text)}.footer-link.is-active{color:var(--accent);font-weight:var(--weight-semibold);background:transparent}.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}.muted-text{color:var(--muted);line-height:1.55}.text-link{text-decoration:underline;text-underline-offset:.15em}.hub-card{text-decoration:none;color:inherit;display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-height:100%;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.hub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-card{gap:var(--space-3);text-align:center;max-width:var(--measure);margin:0 auto}.profile-shell{padding:clamp(1.5rem,2.5vw,3rem)}.profile-viewer-shell{background:var(--surface)}.block-card,.profile-viewer-block{width:100%;background:var(--bg)}.block-card,.profile-photo-block{border-radius:var(--radius-lg)}.form-stack{gap:var(--space-4)}.form-row{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.field-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:var(--weight-medium)}input,select,textarea{font-family:inherit;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--white-82);color:var(--text);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard);width:100%;box-shadow:var(--shadow-inset-light)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.65}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}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:var(--white-78);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-sm)}.button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.button.primary,.button.primary:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-gradient-start) 0,var(--accent) 100%);color:var(--surface-strong);border-color:transparent;box-shadow:none}.button.secondary{background:var(--white-90);color:var(--accent);border:0}.button.ghost:hover:not(:disabled),.button.secondary:hover:not(:disabled){background:var(--white-94)}.button.secondary:hover:not(:disabled){color:var(--accent-strong);border-color:transparent}.button.third{margin-top:var(--space-3);border:0;padding:0;background:transparent;font-weight:var(--weight-medium);color:var(--accent);text-align:center;box-shadow:none}.button.third:hover:not(:disabled){transform:none;box-shadow:none;color:var(--accent-strong)}.button.ghost{background:transparent;color:var(--text);border-style:solid;box-shadow:none}.action-row,.editor-footer-actions,.message-meta{display:flex;flex-wrap:wrap}.action-column,.action-row,.editor-footer-actions{gap:var(--space-3)}.action-column .button{width:100%}.settings-page-action-wrap{display:flex;justify-content:center}.settings-page-action,.settings-page-action-wrap .button{width:min(100%,16rem);justify-self:center}.shirt-code-input-wrap{position:relative}.shirt-code-ghost-input{position:absolute;inset:0;z-index:2;opacity:0;caret-color:transparent;padding:0;border:0;background:transparent;cursor:text}.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 var(--border-subtle);background:var(--surface-strong);box-shadow:inset 0 1px 0 var(--white-70),0 12px 24px rgba(17,24,39,.05);display:inline-flex;align-items:center;justify-content:center;gap:.18em;overflow:hidden;font-size:var(--text-3xl);line-height:1;letter-spacing:-.08em;font-weight:var(--weight-extra-bold);color:var(--accent)}.shirt-code-box-value{display:block}.shirt-code-caret{width:2px;height:1.1em;border-radius:var(--radius-pill);background:currentColor;animation:shirt-code-caret-blink 1s step-end infinite;flex:0 0 auto}.shirt-code-box.is-active{border-color:var(--accent-border);box-shadow:inset 0 1px 0 var(--white-80),var(--accent-ring-subtle) 0 0 0 3px,0 12px 24px rgba(17,24,39,.05)}@keyframes shirt-code-caret-blink{0%,45%{opacity:1}50%,to{opacity:0}}.hero-image{width:min(100%,var(--media-max));margin:0 auto}.hero-image-media,.homepage-logo{height:auto}.hero-image-media{width:100%;object-fit:contain}.homepage-logo{width:min(28%,12rem);margin:var(--space-4) auto 0}.editor-layout,.editor-shell{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{position:relative;background:var(--bg);border-color:var(--border);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:var(--radius-pill);font-size:.85rem;z-index:2}.editor-viewer-header{gap:var(--space-3)}.editor-profile-title{font-size:var(--text-3xl);line-height:1.05;letter-spacing:-.06em;font-weight:var(--weight-bold);color:var(--accent);padding:.125rem .25rem .125rem .125rem}.editor-profile-title.editor-field-inset{padding:.1875rem .3125rem .1875rem .1875rem}.block-card-title,.block-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-block .block-title.editor-field-inset{padding:.1875rem .3125rem .1875rem .1875rem}.editor-viewer-block .block-title.editor-block-title-input{line-height:1.2;min-height:calc(1.2em + .5rem);padding:.25rem .375rem .25rem .25rem}.editor-viewer-body-input{min-height:8rem;line-height:1.6}.editor-viewer-body-input.editor-field-inset{padding:.25rem .1875rem}.editor-photo-frame{position:relative;min-height:18rem}.editor-upload-button{position:absolute;inset-inline:0;bottom:var(--space-4);z-index:1;width:-moz-fit-content;width:fit-content;margin-inline:auto;max-width:calc(100% - var(--space-6));white-space:normal;text-align:center;box-shadow:var(--shadow-md)}.editor-upload-button:hover:not(:disabled){transform:none}.editor-photo-frame .profile-photo-fallback,.editor-photo-frame .profile-photo-image{width:100%;height:100%}.editor-photo-frame .profile-photo-image{position:absolute;inset:0}.editor-photo-frame .profile-photo-fallback{min-height:18rem;padding-bottom:calc(var(--space-7) + 3rem)}.editor-photo-caption-row{padding:0}.editor-photo-caption-input{width:100%}.editor-add-blocks{padding-top:var(--space-2);justify-content:center}.editor-add-blocks .button{width:auto}.editor-footer-actions{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-option-input.editor-field-inset{padding:.125rem 0}.editor-quiz-settings{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:var(--white-74);border:1px solid var(--border);color:var(--text)}.status-pill.is-live{border-color:var(--accent-border);color:var(--accent);background:var(--accent-wash)}.status-pill.is-draft{border-color:var(--border)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.status-message,.status-message.error{border-color:transparent;background:transparent;box-shadow:none;color:var(--accent)}.profile-viewer{gap:var(--space-4)}.profile-viewer-header{gap:var(--space-2);padding-bottom:var(--space-2)}.profile-photo-block{gap:var(--space-4);width:100%;padding:var(--space-6)}.profile-photo-media{width:100%;padding:0;border:1px solid var(--border);border-radius:calc(var(--radius-lg) - .25rem);background:var(--white-82);overflow:hidden}.profile-photo-frame{width:100%;border-radius:inherit;border:0;background:transparent;overflow:hidden}.profile-photo-image{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.profile-photo-caption{padding:0;margin:0}.profile-photo-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}.block-body,.block-card-body{font-size:var(--text-md);line-height:1.6;white-space:pre-wrap}.quiz-card{gap:var(--space-5);padding:var(--space-6)}.quiz-card-copy,.quiz-options{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:var(--white-88);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.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:var(--white-88);color:var(--text)}.quiz-option.is-selected .quiz-option-copy{color:inherit}.quiz-option.is-selected.is-success{color:var(--success)}.quiz-option.is-selected.is-error{color:var(--error)}.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)}.quiz-result{margin-top:0}.quiz-result.is-success{color:var(--success)}.quiz-result.is-error{color:var(--error)}.messages-inbox{gap:var(--space-4)}.message-card{gap:var(--space-2)}.message-block-form{gap:var(--space-3)}.message-block-field{gap:var(--space-2)}.message-block-input,.message-block-textarea{border-radius:var(--radius-lg);background:var(--white-90)}.message-block-input.editor-field-control,.message-block-textarea.editor-field-control{line-height:1.5}.message-block-input{min-height:3.25rem}.message-block-textarea{min-height:10rem}.message-meta{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}}