:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background:#f7f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f7f4ef;--surface: #ffffff;--surface-soft: #fffaf2;--surface-cool: #eef8f5;--text: #1f2933;--muted: #64707d;--border: #e2d9cd;--accent: #6f55d9;--accent-dark: #533caf;--accent-soft: #efeaff;--teal: #247c70;--teal-soft: #e4f5f0;--coral: #c95f41;--coral-soft: #fff0e8;--success: #2f855a;--warning: #9a5b14;--danger: #b42318;--shadow: 0 18px 45px rgba(31, 41, 51, .1);letter-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(180deg,#fffaf2e6,#f7f4effa),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}img{max-width:100%}:focus-visible{outline:3px solid rgba(111,85,217,.35);outline-offset:3px}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;padding:.7rem .9rem;color:#fff;background:var(--accent-dark);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{min-height:100vh}.site-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem max(1rem,calc((100vw - 1120px)/2));background:#fffaf2f0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbar__brand{color:var(--text);font-size:1.15rem;font-weight:900;text-decoration:none;overflow-wrap:anywhere}.navbar__links{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.navbar__links a{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .75rem;color:var(--muted);border-radius:8px;font-size:.94rem;font-weight:800;text-decoration:none}.navbar__links a.active,.navbar__links a:hover,.navbar__button:hover{color:var(--text);background:var(--teal-soft)}.navbar__button,.navbar__checking{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .75rem;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:.94rem;font-weight:800}.navbar__register{color:#fff!important;background:var(--accent)}.navbar__register:hover,.navbar__register.active{color:#fff!important;background:var(--accent-dark)!important}.navbar__error{flex-basis:100%;margin:0;color:var(--danger);font-size:.9rem;text-align:right}.service-banner{width:min(1120px,calc(100% - 2rem));display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem auto 0;padding:.85rem 1rem;color:#7a271a;background:#fff3f0;border:1px solid #f0b4aa;border-radius:8px}.service-banner--loading{color:var(--muted);background:var(--surface);border-color:var(--border)}.site-footer{display:flex;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.4rem 0;color:var(--muted);border-top:1px solid var(--border)}.hero-section{min-height:620px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:2rem;padding:1rem 0 3.5rem}.hero-section__content h1,.story-detail-hero h1,.form-page h1,.auth-page h1,.profile-hero h1,.page-hero h1,.empty-state h1{margin:0;font-size:4.6rem;line-height:.98;overflow-wrap:anywhere}.hero-section__slogan{max-width:680px;margin:1.2rem 0 0;color:var(--accent);font-size:1.45rem;font-weight:850;line-height:1.35}.hero-section__description{max-width:660px;margin:1rem 0 0;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-section__actions,.form-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.hero-section__visual{position:relative;min-height:460px;overflow:hidden;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);background:var(--surface)}.hero-section__visual img{width:100%;height:100%;min-height:460px;display:block;object-fit:cover}.hero-section__overlay{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;padding:1rem;color:#fff;background:#1f2933bd;border-radius:8px}.hero-section__overlay span,.hero-section__overlay strong{overflow-wrap:anywhere}.eyebrow{margin:0 0 .55rem;color:var(--coral);font-size:.78rem;font-weight:900;text-transform:uppercase}.section-heading h2,.page-hero h2,.next-steps h2,.reflection-panel h2{margin:0;font-size:2.1rem;line-height:1.15;overflow-wrap:anywhere}.section-heading p,.page-hero p,.mission-card p,.story-card p,.spotlight-card p,.metric-card p,.form-page p,.auth-page p,.profile-hero p,.story-copy p,.impact-goal p,.empty-state p,.reflection-panel p,.about-page p{color:var(--muted);line-height:1.7}.button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:8px;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;overflow-wrap:anywhere}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button--secondary,.button--small{color:var(--text);background:var(--surface);border-color:var(--border)}.button--secondary:hover,.button--small:hover{border-color:var(--accent)}.button--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button--danger:hover{background:#8e1b13;border-color:#8e1b13}.button--small{min-height:2.35rem;padding:.55rem .75rem;font-size:.92rem}.page-section,.metrics-strip,.split-cta,.story-content,.support-panel,.collaboration-panel,.reflection-panel{margin-top:2.5rem}.page-hero,.story-detail-hero,.profile-hero{padding:2.4rem;background:linear-gradient(135deg,var(--surface-soft),var(--surface-cool));border:1px solid var(--border);border-radius:8px}.page-hero p,.story-detail-hero p,.profile-hero p{max-width:780px;font-size:1.05rem}.mission-grid,.story-grid,.spotlight-grid,.portfolio-grid,.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mission-card,.story-card,.spotlight-card,.metric-card,.music-preview-card,.impact-goal,.form-page,.auth-page,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 34px #1f29330f}.mission-card,.story-card,.spotlight-card,.metric-card{min-height:100%;padding:1.2rem}.mission-card h3,.story-card h3,.question-block h3{margin:0;font-size:1.22rem;line-height:1.25;overflow-wrap:anywhere}.story-card{display:flex;flex-direction:column;gap:.85rem}.story-card__topline,.story-card__footer,.detail-meta,.status-row,.profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.story-card__topline,.story-card__footer{justify-content:space-between;color:var(--muted);font-size:.92rem}.story-card__creator{margin:0;color:var(--text);font-weight:800}.story-card__impact{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.story-card__impact span,.impact-goal__summary span,.metric-card span{display:block;color:var(--muted);font-size:.86rem}.story-card__impact strong,.impact-goal__summary strong,.metric-card strong{display:block;margin-top:.25rem;color:var(--text);overflow-wrap:anywhere}.metric-card strong{color:var(--teal);font-size:2rem;line-height:1.1}.spotlight-label,.status-badge{display:inline-flex;align-items:center;min-height:1.8rem;padding:.32rem .6rem;color:#3f277c;background:var(--accent-soft);border:1px solid #d8ccff;border-radius:999px;font-size:.82rem;font-weight:850;overflow-wrap:anywhere}.status-badge--success{color:#15573a;background:#e5f6ed;border-color:#bde5cc}.status-badge--warning{color:var(--warning);background:#fff3dd;border-color:#efc987}.spotlight-card span{color:var(--coral);font-weight:850}.spotlight-card{display:grid;gap:.45rem}.spotlight-card strong{display:block;font-size:1.12rem;line-height:1.18}.spotlight-card p{margin:0;line-height:1.45}.metrics-strip,.split-cta,.reflection-panel,.support-panel,.collaboration-panel{padding:1.6rem;background:#ffffffb8;border:1px solid var(--border);border-radius:8px}.metrics-strip,.split-cta{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:1.5rem}.split-cta{grid-template-columns:minmax(0,1fr) auto}.challenge-goals{display:grid;gap:1rem}.detail-page,.profile-page,.explore-page,.challenges-page,.about-page{display:grid;gap:0}.story-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:1.5rem;align-items:start}.story-copy,.music-preview-card,.impact-goal{padding:1.6rem}.question-block{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--border)}.audio-placeholder{display:grid;gap:.45rem;margin-top:1rem;padding:1.2rem;color:var(--text);background:var(--teal-soft);border:1px dashed #9acfc2;border-radius:8px}.audio-placeholder span{color:var(--teal);font-weight:850}.impact-goal__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.25rem 0}.impact-goal__summary>div{min-height:5.2rem;padding:1rem;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.impact-goal__concert{padding:.9rem 1rem;background:var(--coral-soft);border:1px solid #efc8b8;border-radius:8px}.progress-stack{display:grid;gap:1rem;margin-top:1.2rem}.progress__meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.45rem;color:var(--muted);font-size:.9rem}.progress__track{height:.72rem;overflow:hidden;background:#e7e0d6;border-radius:999px}.progress__fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));border-radius:inherit}.status-row{justify-content:space-between;margin-top:1.2rem;color:var(--muted)}.support-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.support-buttons--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.support-button{min-height:4rem;padding:.8rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-weight:850;line-height:1.25;transition:background .16s ease,border-color .16s ease,color .16s ease}.support-button:hover,.support-button--selected{color:#fff;background:var(--accent);border-color:var(--accent)}.support-panel__message{margin:1rem 0 0;color:var(--teal);font-weight:850}.inline-auth-prompt{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:1rem;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.inline-auth-prompt p{margin:0;color:var(--muted)}.collaboration-message{display:grid;gap:.45rem;margin-top:1.2rem;color:var(--text);font-weight:850}.collaboration-message textarea{width:100%;padding:.8rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:8px;resize:vertical}.timeline-list,.steps-list{display:grid;gap:.7rem;margin:1.2rem 0 0;padding-left:1.2rem;color:var(--text)}.timeline-list li,.steps-list li{line-height:1.6}.form-page,.auth-page,.empty-state{max-width:900px;width:100%;margin:0 auto;padding:1.8rem}.auth-form{display:grid;gap:.7rem;margin-top:1.5rem}.auth-form label{margin-top:.35rem;color:var(--text);font-weight:850}.auth-form input{width:100%;min-height:2.9rem;padding:.8rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:8px}.auth-form small{color:var(--muted)}.auth-form .button{margin-top:.7rem}.auth-page__alternate{margin:1.25rem 0 0;text-align:center}.auth-page__alternate a{color:var(--accent-dark);font-weight:850}.story-form label,.filter-bar label{display:grid;gap:.45rem;color:var(--text);font-weight:850}.story-form input,.story-form textarea,.story-form select,.filter-bar input,.filter-bar select{width:100%;min-height:2.8rem;padding:.8rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:8px}.story-form textarea{resize:vertical}.story-form{display:grid;gap:1.2rem;margin-top:1.5rem}.story-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:1.2rem;border:1px solid var(--border);border-radius:8px}.story-form legend{padding:0 .45rem;color:var(--accent);font-weight:900}.story-form__wide{grid-column:1 / -1}.form-errors,.success-message{margin-top:1rem;padding:1rem;border-radius:8px}.form-errors{color:var(--danger);background:#fff0f0;border:1px solid #f0baba}.form-errors p{margin:.2rem 0;color:inherit}.success-message{color:#15573a;background:#e7f7ed;border:1px solid #b8e3c5;font-weight:850}.filter-bar{display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(170px,.8fr));gap:1rem;margin-top:1.5rem;padding:1rem;background:#ffffffbf;border:1px solid var(--border);border-radius:8px}.profile-meta span,.feature-list span{display:inline-flex;align-items:center;min-height:2.3rem;padding:.55rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-weight:800}.feature-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.profile-editor{padding:1.6rem;background:#ffffffb8;border:1px solid var(--border);border-radius:8px}.timeline-list li span{display:block;margin-top:.2rem;color:var(--muted);font-size:.88rem}.honest-empty{margin:1.2rem 0 0;padding:1rem;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.reflection-panel{background:var(--accent-soft);border-color:#d8ccff}.empty-state{text-align:center}@media(max-width:980px){.hero-section,.story-content,.metrics-strip,.split-cta,.filter-bar{grid-template-columns:1fr}.metrics-grid,.story-grid,.spotlight-grid,.portfolio-grid,.support-buttons,.support-buttons--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{min-height:auto}.hero-section__content h1,.story-detail-hero h1,.form-page h1,.auth-page h1,.profile-hero h1,.page-hero h1,.empty-state h1{font-size:3.3rem}}@media(max-width:680px){.site-main{width:min(100% - 1rem,1120px);padding-top:1rem}.navbar{align-items:flex-start;flex-direction:column}.navbar__links{width:100%}.navbar__links a,.navbar__button,.navbar__checking{flex:1 1 30%;padding-inline:.45rem;font-size:.86rem}.service-banner,.inline-auth-prompt{align-items:stretch;flex-direction:column}.hero-section__visual,.hero-section__visual img{min-height:300px}.hero-section__overlay,.site-footer,.hero-section__actions,.form-actions{align-items:stretch;flex-direction:column}.hero-section__content h1,.story-detail-hero h1,.form-page h1,.auth-page h1,.profile-hero h1,.page-hero h1,.empty-state h1{font-size:2.55rem}.section-heading h2,.page-hero h2,.reflection-panel h2{font-size:1.6rem}.story-grid,.spotlight-grid,.portfolio-grid,.metrics-grid,.mission-grid,.support-buttons,.support-buttons--compact,.impact-goal__summary,.story-form fieldset{grid-template-columns:1fr}.page-hero,.story-detail-hero,.profile-hero,.metrics-strip,.split-cta,.reflection-panel,.support-panel,.collaboration-panel,.story-copy,.music-preview-card,.impact-goal,.form-page,.auth-page,.empty-state{padding:1.1rem}.progress__meta,.status-row,.story-card__footer{align-items:flex-start;flex-direction:column}}