:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;--midnight:#060814;--navy:#111936;--moon:#8ed8ff;--cyan:#36b9ff;--amber:#ffb86b;--paper:#f7fbff;--ink:#16213a;--muted:#69738b;--line:#ffffff29;--layout-width:min(82vw, 1560px);--content-gutter:clamp(18px, 2.8vw, 48px);--hero-inline:max(var(--content-gutter), calc((100vw - var(--layout-width)) / 2));--topbar-height:68px;--mobile-nav-height:0px;background:#060814;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-height) + 16px)}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;padding-bottom:var(--mobile-nav-height);background:radial-gradient(circle at 14% 8%,#36b9ff29,#0000 28rem),radial-gradient(circle at 86% 42%,#ffb86b14,#0000 24rem),linear-gradient(#050713 0%,#101835 48%,#070b18 100%);animation:.28s ease-out both site-reveal}.initial-loading-screen{z-index:1000;color:#f7fbff;background:linear-gradient(#0507136b,#050713e6),url(/blue-moon-hero.png) 50% 58%/cover no-repeat,#050713;place-items:center;min-height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}.initial-loading-glow{aspect-ratio:1;background:radial-gradient(circle,#4cc2ff2e,#0000 66%);width:min(62vw,760px);animation:1.8s ease-in-out infinite alternate loading-breathe;position:absolute}.initial-loading-content{z-index:1;text-align:center;justify-items:center;padding:32px;display:grid;position:relative}.initial-loading-mark{place-items:center;width:76px;height:76px;margin-bottom:22px;display:grid;position:relative}.initial-loading-mark .brand-mark{width:54px;height:54px}.loading-orbit{border:1px solid #bdeaff38;border-top-color:#8ed8ff;border-radius:50%;animation:1.15s linear infinite loading-spin;position:absolute;inset:0}.initial-loading-content strong{font-size:clamp(1.3rem,2.4vw,1.75rem)}.initial-loading-content p{color:#f7fbffb3;margin:9px 0 18px}.loading-dots{gap:7px;display:flex}.loading-dots i{background:#8ed8ff;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite loading-dot}.loading-dots i:nth-child(2){animation-delay:.14s}.loading-dots i:nth-child(3){animation-delay:.28s}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes site-reveal{0%{opacity:0}to{opacity:1}}@keyframes loading-breathe{to{opacity:.55;transform:scale(1.08)}}@keyframes loading-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.initial-loading-glow,.loading-orbit,.loading-dots i,.site-shell{animation:none}}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050713b8;border-bottom:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px clamp(18px,4vw,56px);display:grid;position:sticky;top:0;left:0;right:0}.brand-button,.desktop-nav button,.bottom-nav button,.login-button{color:#fff;background:0 0;border:0}.brand-button{z-index:2;align-items:center;gap:10px;min-width:0;font-weight:800;display:inline-flex;position:relative}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.visitor-stats{color:#f7fbff9e;letter-spacing:.02em;background:linear-gradient(135deg,#8ed8ff17,#c4a4ff14),#ffffff0a;border:1px solid #8ed8ff2e;border-radius:999px;align-items:center;gap:10px;min-height:40px;padding:0 14px;font-size:.76rem;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #02061233}.visitor-stats span{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.visitor-stats strong{color:#bdeaff;font-size:.94rem;font-weight:950}.visitor-stats i{background:#ffffff26;width:1px;height:16px}.brand-mark{color:#061024;background:linear-gradient(135deg,#eaf8ff,#67cfff);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:0 0 24px #74d2ff7a}.brand-mark img{object-fit:cover;width:100%;height:100%}.desktop-nav{scrollbar-width:none;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav button{color:#ffffffc7;border-radius:999px;min-height:40px;padding:0 14px}.bottom-nav{display:none}.desktop-nav button:hover,.desktop-nav button.active,.bottom-nav button:hover,.bottom-nav button.active,.login-button:hover{color:#fff;background:#ffffff1a}.login-button{z-index:2;border:1px solid #ffffff2e;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex;position:relative}.hero{min-height:clamp(380px,44vh,500px);padding:78px var(--hero-inline) clamp(110px, 9vw, 136px);background:linear-gradient(#0507131f 0%,#05071338 42%,#050713d1 100%),url(/blue-moon-hero.png) 50% 62%/cover no-repeat;align-items:end;display:grid;position:relative;overflow:hidden}.home-banner-section{width:min(var(--layout-width), calc(100% - (var(--content-gutter) * 2)));margin:0 auto;padding:18px 0}.home-banner-list{gap:10px;display:grid}.home-banner{color:#f7fbff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#8ed8ff2e,#ffb86b1a),#090f22e6;border:1px solid #8ed8ff47;border-radius:8px;grid-template-columns:auto minmax(220px,.7fr) minmax(260px,1fr) auto;align-items:center;gap:16px;min-height:76px;padding:16px 18px;display:grid;box-shadow:0 18px 40px #0206123d}.home-banner span{color:#061024;white-space:nowrap;background:#bcecff;border-radius:999px;width:fit-content;padding:5px 10px;font-size:.78rem;font-weight:900}.home-banner strong{overflow-wrap:anywhere;font-size:clamp(1.05rem,1.6vw,1.34rem);line-height:1.2}.home-banner p{color:#f7fbffb8;word-break:keep-all;margin:0}.home-banner em{color:#061024;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-style:normal;font-weight:900;display:inline-flex}.hero:after{content:"";background:linear-gradient(#0000 0%,#0b1127b8 54%,#111936 100%);height:230px;position:absolute;bottom:0;left:0;right:0}.hero-overlay{background:radial-gradient(circle at 54% 48%,#8ed8ff33,#0000 17rem),linear-gradient(90deg,#05071394,#0507131f 52%,#0507136b),linear-gradient(#05071314 0%,#0000 38%,#050713a3 100%);position:absolute;inset:0}.hero-content{z-index:1;width:min(760px,48vw,100%);position:relative}.eyebrow{color:#bdeaff;align-items:center;gap:8px;margin:0 0 12px;font-size:.92rem;font-weight:800;display:inline-flex}.hero h1,.detail-hero h1{letter-spacing:0;text-shadow:0 16px 42px #00000080;margin:0;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.95}.hero h1{max-width:780px;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.06}.hero-title{color:#ffffffeb;max-width:620px;margin:0;font-size:clamp(1.18rem,2vw,1.65rem);font-weight:850;line-height:1.35}.hero-copy{color:#ffffffe0;max-width:620px;margin:18px 0 0;font-size:clamp(1rem,1.7vw,1.3rem)}.hero-actions,.detail-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-actions button,.detail-actions a,.prompt-actions button,.prompt-actions a,.example-placeholder,.studio-button,.admin-form button[type=submit],.secondary-admin-button{color:#05101f;background:linear-gradient(135deg,#f4fbff,#85d9ff);border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:850;display:inline-flex;box-shadow:0 16px 34px #36b9ff3d}.hero-actions .ghost-action,.detail-actions .secondary-link{color:#fff;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff2e}.content-section{width:min(var(--layout-width), calc(100% - (var(--content-gutter) * 2)));color:#f7fbff;margin:0 auto;padding:clamp(72px,5.6vw,112px) 0}.app-section{z-index:3;color:#f7fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#8ed8ff14,#0000 38%),#0b1127f0;border:1px solid #8ed8ff33;border-radius:18px;margin-top:-92px;padding:clamp(32px,3.2vw,48px);position:relative;box-shadow:0 26px 64px #02061257}.page-section{min-height:100vh;padding-top:clamp(72px,5.6vw,112px)}.section-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:grid}.section-heading h2,.contact-section h2{letter-spacing:0;margin:0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08}.app-section .section-heading h2{font-size:clamp(1.55rem,2.5vw,2.35rem)}.tool-panel{grid-template-columns:minmax(320px,680px);justify-content:center;align-items:center;gap:16px;margin-bottom:38px;display:grid}.search-box{color:#ffffffb8;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:0 20px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.search-box input::placeholder{color:#ffffff8f}.category-tabs,.activity-tabs{flex-wrap:wrap;gap:8px;display:flex}.category-tabs button,.activity-tabs button{color:#ffffffbd;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;min-height:42px;padding:0 14px}.category-tabs button.active,.activity-tabs button.active{color:#04101f;background:#a9e6ff;border-color:#a9e6ff}.activity-tabs{margin-bottom:24px}.app-category-sections{gap:42px;display:grid}.app-category-section,.app-card,.admin-list-row{--category-accent:#8ed8ff;--category-ink:#061024;--category-soft:#8ed8ff1a;--category-border:#8ed8ff4d}[data-category=아침활동]{--category-accent:#ffbd72;--category-ink:#2c1600;--category-soft:#ffbd721c;--category-border:#ffbd726b}[data-category=교과\ 수업],[data-category=교과활동]{--category-accent:#78dfaa;--category-ink:#052116;--category-soft:#78dfaa1a;--category-border:#78dfaa66}[data-category=학급\ 경영],[data-category=학급경영]{--category-accent:#c4a4ff;--category-ink:#1b0d34;--category-soft:#c4a4ff1c;--category-border:#c4a4ff6b}[data-category=기타]{--category-accent:#ff9fbd;--category-ink:#310b19;--category-soft:#ff9fbd1a;--category-border:#ff9fbd66}.app-category-section{gap:16px;min-width:0;display:grid}.app-category-heading{border-bottom:1px solid var(--category-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.app-category-title,.app-category-controls{align-items:center;gap:10px;min-width:0;display:inline-flex}.app-category-heading h3{color:var(--category-accent);margin:0;font-size:clamp(1.22rem,2vw,1.72rem);line-height:1.2}.app-category-count{min-height:30px;color:var(--category-ink);background:var(--category-accent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-size:.82rem;font-weight:950;display:inline-flex}.app-category-controls{flex:none;justify-content:flex-end}.app-category-controls button{min-width:34px;min-height:34px;color:var(--category-ink);background:var(--category-accent);white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.app-category-controls button:disabled{color:#f7fbff52;cursor:default;background:#ffffff14}.app-section-expand-button{min-width:72px}.app-grid,.resource-grid,.admin-grid,.admin-lists{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.6vw,28px);display:grid}.app-grid.app-carousel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.app-grid.app-expanded-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.app-card{text-align:left;color:#f7fbff;border:1px solid var(--category-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0b1023e0;border-radius:8px;grid-template-rows:auto auto 1fr auto;gap:10px;min-width:0;padding:0 0 14px;display:grid;overflow:hidden;box-shadow:0 22px 48px #02061252}.app-card:hover{border-color:var(--category-accent);transform:translateY(-3px)}.app-card>.thumbnail-image-frame,.thumbnail-fallback{aspect-ratio:16/10;width:100%}.thumbnail-image-frame,.resource-thumb-frame{background:#ffffff0f;overflow:hidden}.thumbnail-image-frame img,.resource-thumb-frame img{object-fit:cover;image-rendering:auto;transform-origin:50%;width:100%;height:100%;display:block}.app-card>.thumbnail-image-frame img,.app-card-preview .thumbnail-image-frame img{image-rendering:-webkit-optimize-contrast}.thumbnail-fallback{color:#eaf8ff;background:radial-gradient(circle at 48% 38%,#8ed8ff4d,#0000 8rem),linear-gradient(135deg,#122556,#0b1023 64%,#5f3f32);place-items:center;gap:8px;display:grid}.thumbnail-fallback span{font-size:.85rem;font-weight:800}.app-card>span,.app-card>strong{margin:0 12px}.app-card>span{width:fit-content;max-width:calc(100% - 24px);color:var(--category-ink);background:var(--category-accent);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:850}.app-card>strong{color:#f7fbff;text-shadow:0 1px 10px #00000047;overflow-wrap:anywhere;min-height:0;font-size:clamp(.96rem,1.2vw,1.1rem);line-height:1.28}.app-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin:2px 12px 0;display:flex}.app-card-actions a,.app-card-actions button{color:#061024;white-space:nowrap;background:#dff5ff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 9px;font-size:.76rem;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #36b9ff2e}.app-card-actions button{color:#f7fbff;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff2e}.app-card-actions a:hover,.app-card-actions button:hover{transform:translateY(-1px)}.resource-section,.profile-section,.contact-section,.training-section,.admin-section{color:#f7fbff}.resource-section .eyebrow,.profile-section .eyebrow,.contact-section .eyebrow,.training-section .eyebrow,.admin-section .eyebrow{color:#bdeaff}.resource-card,.event-item,.contact-section,.admin-form,.admin-list,.prompt-card,.training-hero,.blog-post{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;box-shadow:0 18px 42px #02061233}.resource-card{min-height:188px;padding:24px;position:relative;overflow:hidden}.resource-thumb-frame{aspect-ratio:16/7;border-bottom:1px solid #ffffff1f;width:calc(100% + 48px);margin:-24px -24px 18px;display:block}.app-card-actions .card-like-button{color:#ff9fbd;background:#ff9fbd1a;border-color:#ff9fbd47;margin-right:auto}.app-card-actions .card-like-button.liked{color:#36101f;background:#ffabc5;border-color:#ffabc5}.resource-card span{color:#9fe4ff;margin-bottom:12px;font-weight:850;display:block}.resource-card strong{max-width:85%;font-size:1.45rem;line-height:1.22;display:block}.resource-card p{color:#f7fbffb3;max-width:85%;margin:10px 0 0}.resource-card svg{color:#ffb86b;position:absolute;bottom:22px;right:22px}.empty-state{color:#f7fbffbd;background:#ffffff14;border:1px dashed #8ed8ff52;border-radius:8px;grid-column:1/-1;justify-items:start;gap:10px;min-height:190px;padding:28px;display:grid}.empty-state svg{color:#9fe4ff}.empty-state strong{color:#f7fbff;font-size:1.3rem}.empty-state p{max-width:520px;margin:0}.profile-activity-sections{gap:34px;display:grid}.profile-activity-section{gap:18px;min-width:0;display:grid}.profile-activity-header{border-bottom:1px solid #8ed8ff38;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.profile-activity-header h3{color:#f7fbff;margin:0;font-size:clamp(1.25rem,2vw,1.7rem)}.profile-activity-header span{color:#061024;white-space:nowrap;background:#bcecff;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 11px;font-size:.82rem;font-weight:950;display:inline-flex}.timeline{gap:22px;display:grid}.year-group{gap:12px;min-width:0;display:grid}.year-group h4{color:#9fe4ff;margin:0;font-size:1.34rem}.event-list{gap:12px;display:grid}.event-item{width:100%;color:inherit;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.event-item-main{min-width:0}.event-editable{cursor:pointer}.event-editable:hover{background:#ffffff1f;border-color:#8ed8ff6b}.event-item time{color:#9fe4ff;font-size:.94rem;font-weight:900}.event-item strong{font-size:1rem;line-height:1.3;display:block}.event-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.event-title-row .event-type-badge{margin:0}.contest-description{overflow-wrap:anywhere;margin-top:5px;line-height:1.45;display:block}.event-item strong:last-child{align-self:center}.event-type-badge{border-radius:999px;width:fit-content;margin:0 0 4px;padding:3px 8px;font-size:.74rem;font-weight:900;display:inline-flex}.event-type-badge.activity{color:#07213a;background:#bcecff}.event-type-badge.contest{color:#251300;background:#ffd38a}.event-type-badge.leader{color:#081f16;background:#a7f3d0}.event-item p,.event-item span:not(.event-type-badge):not(.contest-award-flow):not(.contest-award-step):not(.contest-award-chip):not(.contest-scope):not(.contest-grade),.training-hero p,.prompt-card p,.blog-post p,.blog-post li{color:#f7fbffb8}.contest-award-flow,.contest-award-step{flex-wrap:wrap;align-items:center;display:inline-flex}.contest-award-flow{gap:8px}.contest-award-step{gap:6px}.contest-award-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:29px;padding:0 12px;font-size:.8rem;font-weight:950;display:inline-flex}.contest-award-chip.national.grade-1,.contest-award-chip.provincial.grade-1{color:#2a1300;background:linear-gradient(135deg,#fff4af,#fbbf24);border:1px solid #fbbf24c7;box-shadow:0 0 24px #fbbf2429}.contest-award-chip.national.grade-2,.contest-award-chip.provincial.grade-2{color:#08251a;background:linear-gradient(135deg,#ecfdf5,#86efac);border:1px solid #86efaca3}.contest-award-chip.national.grade-3,.contest-award-chip.provincial.grade-3{color:#2a1808;background:linear-gradient(135deg,#f5d0a8,#c89054);border:1px solid #f5d0a880}.contest-award-chip.grade-other{color:#dff5ff;background:#ffffff1a;border:1px solid #ffffff29}.event-resource-link{color:#061024;white-space:nowrap;background:#dff5ff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:.84rem;font-weight:950;display:inline-flex}.event-resource-link:hover{background:#bcecff}.contest-scope,.contest-grade{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:29px;padding:0 10px;font-size:.8rem;font-weight:950;display:inline-flex}.contest-scope.national{color:#2a1300;background:linear-gradient(135deg,#ffe9a8,#ff9f43);border:1px solid #ffb86bc7;box-shadow:0 0 22px #ffb86b24}.event-item .contest-scope.national{color:#2a1300}.contest-scope.provincial{color:#111827;background:linear-gradient(135deg,#f8fafc,#cbd5e1);border:1px solid #cbd5e1c2}.event-item .contest-scope.provincial{color:#111827}.contest-grade.grade-1{color:#2a1300;background:linear-gradient(135deg,#fff7c2,#fbbf24);border:1px solid #fbbf24c2;box-shadow:0 0 24px #fbbf2429}.event-item .contest-grade.grade-1{color:#2a1300}.contest-grade.grade-2{color:#08251a;background:linear-gradient(135deg,#ecfdf5,#86efac);border:1px solid #86efaca3}.event-item .contest-grade.grade-2{color:#08251a}.contest-grade.grade-3{color:#2a1808;background:linear-gradient(135deg,#f5d0a8,#c89054);border:1px solid #f5d0a880}.event-item .contest-grade.grade-3{color:#2a1808}.contest-grade.grade-other{color:#dff5ff;background:#ffffff1a;border:1px solid #ffffff29}.contact-section{width:100%;min-height:calc(100vh - var(--topbar-height) - var(--mobile-nav-height));text-align:center;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#05071314 0%,#05071357 48%,#050713e6 100%),url(/blue-moon-hero.png) 50% 62%/cover no-repeat;border:0;border-radius:0;place-items:end center;margin:0;padding:clamp(96px,12vh,140px) clamp(18px,5vw,80px) clamp(58px,8vh,96px);display:grid;position:relative;overflow:hidden}.contact-section.page-section{min-height:calc(100vh - var(--topbar-height) - var(--mobile-nav-height));padding-top:clamp(96px,12vh,140px)}.contact-section:before{content:"";background:radial-gradient(circle at 50% 42%,#8ed8ff29,#0000 18rem),linear-gradient(90deg,#0507137a,#05071314,#0507137a);position:absolute;inset:0}.contact-inner{z-index:1;justify-items:center;gap:4px;width:min(760px,100%);display:grid;position:relative}.contact-line{white-space:nowrap;align-items:center;gap:6px;margin:0;display:inline-flex}.contact-line svg{opacity:.68;color:#d7efff8f;width:13px;height:13px}.contact-kicker{color:#d7efff94;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 10px #00000059;font-size:.64rem;font-weight:620}.contact-dot{color:#d7efff6b;font-size:.78rem;line-height:1}.contact-email{color:#ecf6ffc7;letter-spacing:.04em;text-shadow:0 2px 14px #00000073;margin:0;font-size:clamp(.84rem,1.25vw,.96rem);font-weight:560}.contact-hint{color:#e2f2ff85;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem}.training-section{gap:24px;display:grid}.training-hero{justify-content:space-between;align-items:end;gap:24px;padding:clamp(24px,4vw,42px);display:flex}.training-hero h2{text-wrap:balance;word-break:keep-all;max-width:760px;margin:0;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.08}.training-hero p{word-break:keep-all;max-width:760px;margin:16px 0 0;font-size:1.06rem}.studio-button{color:#1f2937;background:#fff;border:1px solid #8ed8ff66;flex:none;min-height:54px;padding:0 20px;box-shadow:0 14px 30px #0206123d,inset 0 0 0 1px #ffffff94}.studio-logo{object-fit:contain;border-radius:7px;width:28px;height:28px}.prompt-actions a:has(.studio-logo){color:#1f2937;background:#fff;border:1px solid #8ed8ff52;box-shadow:0 10px 22px #02061229}.training-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.training-flow span{color:#dff5ff;background:linear-gradient(#8ed8ff1f,#ffffff0f),#ffffff14;border:1px solid #8ed8ff2e;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;min-height:70px;padding:12px 16px;font-weight:850;display:grid;position:relative}.training-flow span:not(:last-child):after{content:"";z-index:1;width:38px;height:1px;box-shadow:none;background:linear-gradient(90deg,#8ed8ff2e,#8ed8ffb8);position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.training-flow span:not(:last-child):before{content:"";z-index:2;border-top:1px solid #8ed8ffc7;border-right:1px solid #8ed8ffc7;width:8px;height:8px;position:absolute;top:50%;right:-25px;transform:translateY(-50%)rotate(45deg)}.training-flow em{color:#05101f;background:linear-gradient(135deg,#f4fbff,#85d9ff);border-radius:999px;grid-row:1/span 2;place-items:center;width:34px;height:34px;font-style:normal;font-weight:950;display:inline-grid}.training-flow strong,.training-flow small{min-width:0}.training-flow strong{color:#f7fbff;font-size:.98rem;line-height:1.25}.training-flow small{color:#f7fbffa3;font-size:.78rem;font-weight:750;line-height:1.3}.prompt-grid{gap:18px;display:grid}.prompt-card{grid-template-columns:minmax(220px,.7fr) minmax(320px,1.2fr);gap:22px;padding:22px;display:grid}.prompt-card-head{align-content:start;gap:10px;display:grid}.prompt-card-head span{color:#07213a;background:#bcecff;border-radius:999px;width:fit-content;padding:4px 9px;font-size:.78rem;font-weight:850}.prompt-card h3{color:#f7fbff;margin:0;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.18}.prompt-card p{margin:0}.prompt-card pre{color:#f7fbffdb;white-space:pre-wrap;background:#03071494;border:1px solid #ffffff1a;border-radius:8px;min-width:0;max-height:300px;margin:0;padding:16px;font:.92rem/1.7 Consolas,Courier New,monospace;overflow:auto}.prompt-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.prompt-actions a{color:#05101f}.prompt-actions button{color:#eaf8ff;background:linear-gradient(#8ed8ff2e,#36b9ff14),#050c1cd1;border:1px solid #8ed8ff75;box-shadow:0 12px 26px #0206123d,inset 0 0 0 1px #ffffff14}.prompt-actions button svg{color:#9fe4ff}.prompt-actions .example-link{color:#fff;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff2e}.example-placeholder{color:#f7fbff9e;box-shadow:none;cursor:default;background:#ffffff14;border:1px dashed #ffffff2e}.detail-page{color:#f7fbff;background:radial-gradient(circle at 18% 12%,#36b9ff29,#0000 28rem),linear-gradient(#050713 0%,#101835 100%);min-height:100vh}.detail-hero{min-height:auto;padding:28px var(--hero-inline) clamp(42px, 4vw, 64px);color:#fff;background:linear-gradient(#05071352,#050713e6),url(/blue-moon-hero.png) 50%/cover no-repeat}.detail-top-actions{justify-content:space-between;gap:12px;display:flex}.back-button{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.detail-layout{width:min(var(--layout-width), 100%);grid-template-columns:minmax(320px,1fr) minmax(280px,.56fr);align-items:center;gap:clamp(28px,4vw,56px);margin:clamp(54px,8vh,88px) auto 0;display:grid}.detail-copy{align-content:center;min-width:0;display:grid}.detail-hero h1{word-break:keep-all;text-wrap:balance;max-width:720px;font-size:clamp(2.35rem,4.4vw,4.5rem);line-height:1.06}.detail-preview{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:22px;justify-self:end;place-items:center;width:min(100%,520px);padding:clamp(12px,1.6vw,18px);display:grid;overflow:hidden;box-shadow:0 24px 58px #00000057}.detail-preview>.thumbnail-image-frame,.detail-preview>.thumbnail-fallback{aspect-ratio:16/10;width:100%;height:auto;box-shadow:none;border-radius:16px}.detail-preview>.thumbnail-image-frame img{object-fit:contain}.detail-preview>.thumbnail-fallback{min-height:0}.detail-hero p:not(.eyebrow){color:#ffffffdb;max-width:720px;font-size:1.2rem}.detail-content{width:min(1180px, calc(100% - (var(--content-gutter) * 2)));background:#111936f5;border:1px solid #8ed8ff42;border-radius:12px;gap:18px;margin:32px auto 80px;padding:clamp(10px,1.4vw,18px);display:grid;box-shadow:0 18px 42px #0206123d}.detail-like-button{color:#ffbfd2;background:#ff9fbd1f;border:1px solid #ff9fbd57;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:850;display:inline-flex}.detail-like-button.liked{color:#35101e;background:#ffabc5;border-color:#ffabc5}.blog-post{color:#172033;background:#fff;border-color:#0a19341a;width:100%;max-width:none;padding:0;overflow:hidden;box-shadow:0 8px 24px #02061229}.blog-post-intro{color:#fff;background:radial-gradient(circle at 88% 20%,#8ed8ff52,#0000 15rem),linear-gradient(135deg,#102855,#17638b);padding:clamp(26px,4vw,44px)}.blog-post-intro span{color:#bfeeff;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;font-weight:900;display:inline-flex}.blog-post .blog-post-intro h2{color:#fff;margin:0;font-size:clamp(1.55rem,3vw,2.35rem)}.blog-post .blog-post-intro p{color:#fffc;margin:10px 0 0;font-size:1rem}.blog-body{background-color:#fff;background-image:linear-gradient(#145c8509 1px,#0000 1px),linear-gradient(90deg,#145c8509 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;gap:16px;padding:clamp(24px,4vw,46px);display:grid}.blog-post h2,.blog-post h3{color:#101828;margin:18px 0 4px;line-height:1.24}.blog-post h2:first-child,.blog-post h3:first-child{margin-top:0}.blog-post .blog-auto-heading{align-items:center;gap:12px;font-size:clamp(1.18rem,2vw,1.45rem);display:flex}.blog-auto-heading span{color:#0878aa;background:#e4f6ff;border:1px solid #b8e8fa;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:950;display:grid}.blog-post p{color:#273449;white-space:pre-wrap;max-width:940px;margin:0 0 18px;font-size:1.06rem;line-height:1.8}.blog-post .blog-copy-block{background:#f5f9fcf0;border:1px solid #e2eaf0;border-left:4px solid #38a9d7;border-radius:12px;max-width:none;margin:0;padding:18px 20px}.blog-post ul{color:#273449;background:#f5f9fc;border:1px solid #e2eaf0;border-radius:12px;gap:10px;max-width:none;margin:0 0 20px;padding:16px;list-style:none;display:grid}.blog-post ul li{color:#273449;background:#fff;border:1px solid #e1eaf0;border-radius:9px;min-height:46px;padding:11px 14px 11px 44px;font-size:1rem;line-height:1.5;position:relative}.blog-post ul li:before{content:"✓";color:#0878aa;background:#e4f6ff;border-radius:7px;place-items:center;width:23px;height:23px;font-size:.75rem;font-weight:950;display:grid;position:absolute;top:11px;left:13px}.blog-image{background:#eef5f8;border:1px solid #d7e4eb;border-radius:16px;width:min(100%,860px);margin:8px auto;overflow:hidden;box-shadow:0 14px 32px #0b31481f}.blog-image img{object-fit:contain;background:#f7fafc;width:100%;max-height:620px;display:block}.blog-image figcaption{color:#526273;text-align:center;background:#fff;border-top:1px solid #dfe9ee;padding:11px 16px;font-size:.88rem}.app-community{color:#172033;background:#fff;border:1px solid #0a19341a;border-radius:8px;gap:22px;padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 8px 24px #02061229}.community-heading{border-bottom:1px solid #dfe8ee;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.community-heading span{color:#0878aa;align-items:center;gap:7px;font-size:.82rem;font-weight:900;display:inline-flex}.community-heading h2{color:#101828;margin:8px 0 0;font-size:clamp(1.45rem,2.5vw,2rem)}.community-heading h2 em{color:#0878aa;font-style:normal}.community-heading p{color:#657184;margin:0}.comment-form{background:#f5f9fc;border:1px solid #dfe8ee;border-radius:12px;gap:14px;padding:20px;display:grid}.comment-identity-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comment-form label{color:#344054;gap:7px;font-size:.86rem;font-weight:850;display:grid}.comment-form input,.comment-form textarea{color:#172033;background:#fff;border:1px solid #ccd9e2;border-radius:8px;outline:0;width:100%}.comment-form input:focus,.comment-form textarea:focus{border-color:#38a9d7;box-shadow:0 0 0 3px #38a9d71f}.comment-form input{min-height:44px;padding:0 12px}.comment-form textarea{resize:vertical;min-height:110px;padding:12px}.comment-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-form-footer small{color:#697586}.comment-form-footer button{color:#061024;background:#a9e6ff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-weight:900;display:inline-flex}.comment-form-footer button:disabled{opacity:.6;cursor:wait}.comment-list{gap:10px;display:grid}.comment-item{background:#f8fafc;border:1px solid #e1e8ee;border-radius:10px;padding:16px 76px 16px 18px;position:relative}.comment-item header{align-items:center;gap:10px;display:flex}.comment-item time{color:#7a8797;font-size:.78rem}.comment-item p{color:#344054;white-space:pre-wrap;margin:8px 0 0;line-height:1.65}.comment-item>button{color:#697586;background:#fff;border:1px solid #d5dfe6;border-radius:7px;min-height:30px;padding:0 9px;font-size:.78rem;position:absolute;top:14px;right:14px}.comment-item.deleted{opacity:.62;padding-right:18px}.comment-empty{color:#697586;text-align:center;background:#f8fafc;border:1px dashed #ccd9e2;border-radius:10px;margin:0;padding:22px}.admin-grid,.admin-lists{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-list-view{gap:16px;display:grid}.admin-list-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;padding-bottom:10px;display:flex}.admin-category-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto;display:flex}.admin-category-filters button{--category-accent:#8ed8ff;--category-ink:#061024;color:#f7fbffb8;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:.82rem;font-weight:850;display:inline-flex}.admin-category-filters button.active{color:var(--category-ink);background:var(--category-accent);border-color:var(--category-accent)}.admin-category-filters button span{color:#061024;background:#ffffffb8;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:.72rem;font-weight:950;display:grid}.admin-subtabs{flex-wrap:wrap;gap:8px;display:flex}.admin-subtabs button{color:#ffffffc2;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:850;display:inline-flex}.admin-subtabs button.active{color:#04101f;background:#a9e6ff;border-color:#a9e6ff}.admin-subtabs span{color:#061024;background:#ffffffb8;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.76rem;font-weight:900;display:grid}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.admin-nav-groups{grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-bottom:20px;display:grid}.admin-tab-group{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:12px;gap:10px;padding:14px;display:grid}.admin-tab-group.registration-group{border-top:3px solid #8ed8ff}.admin-tab-group.management-group{border-top:3px solid #c4a4ff;min-width:178px}.admin-tab-group-label{color:#f7fbffad;align-items:center;gap:7px;font-size:.82rem;font-weight:900;display:inline-flex}.admin-tab-group.registration-group .admin-tab-group-label{color:#bdeaff}.admin-tab-group.management-group .admin-tab-group-label{color:#d8c7ff}.admin-tab-group .admin-tabs{margin:0}.admin-tabs button{color:#ffffffc2;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;min-height:42px;padding:0 15px}.admin-tabs button.active{color:#04101f;background:#a9e6ff;border-color:#a9e6ff}.admin-form,.admin-list{gap:12px;padding:22px;display:grid}.admin-form{max-width:920px}.admin-event-form{max-width:none}.admin-labeled-grid,.event-form-grid{grid-template-columns:repeat(2,minmax(320px,1fr));align-items:start;gap:14px 18px;display:grid}.event-form-note{color:#f7fbff94;font-size:.9rem;font-weight:800}.labeled-field{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.labeled-field.wide,.labeled-pair.wide{grid-column:1/-1}.labeled-field>span{color:#dff5ff;word-break:keep-all;padding-top:11px;font-size:.92rem;font-weight:950}.labeled-field.compact{grid-template-columns:92px minmax(0,1fr)}.labeled-field.tall>span{padding-top:13px}.labeled-field-control{min-width:0}.labeled-pair{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px 18px;min-width:0;display:grid}.contest-result-row{grid-template-columns:minmax(320px,max-content) minmax(220px,320px);justify-content:start}.contest-result-row .labeled-field.compact:first-child{grid-template-columns:112px minmax(0,1fr)}.field-check-row{color:#dff5ff;min-height:44px}.admin-form-with-preview{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;max-width:none}.admin-form-fields{gap:12px;min-width:0;display:grid}.admin-form-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-form h3,.admin-list h3{margin:0 0 4px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #10213a24;border-radius:8px;outline:0}.admin-form input,.admin-form select{min-height:44px;padding:0 12px}.field-label{gap:7px;display:grid}.field-label span{color:#f7fbffb8;font-size:.9rem;font-weight:850}.admin-form textarea{resize:vertical;min-height:108px;padding:12px}.admin-form .blog-editor{min-height:320px;line-height:1.7}.management-group .admin-tabs button.active{color:#1b0d34;background:#c4a4ff;border-color:#c4a4ff}.blog-editor-field{gap:8px;min-width:0;display:grid}.blog-editor-toolbar{color:#dff5ff;background:#0307145c;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;box-shadow:0 14px 34px #0206122e}.blog-editor-toolbar button{color:#071629;background:#bcecff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:.84rem;font-weight:900;display:inline-flex}.blog-editor-toolbar button:disabled{opacity:.58;cursor:wait}.blog-editor-toolbar small{color:#f7fbff94;font-size:.78rem}.admin-form .prompt-editor{min-height:280px;line-height:1.7}.thumbnail-panel{background:#03071452;border:1px solid #ffffff1f;border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid;position:sticky;top:92px}.thumbnail-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.thumbnail-panel-head h3{margin:0}.thumbnail-panel-head span,.thumbnail-dropzone span{color:#f7fbff94;font-size:.82rem;font-weight:800}.thumbnail-dropzone{border:1px dashed #8ed8ff52;border-radius:8px;outline:0;place-items:center;min-height:58px;display:grid}.thumbnail-dropzone:focus{border-color:#8ed8ffb8;box-shadow:0 0 0 3px #8ed8ff1f}.thumbnail-controls{background:#8ed8ff0f;border:1px solid #8ed8ff2e;border-radius:8px;gap:10px;padding:12px;display:grid}.thumbnail-controls-head,.thumbnail-controls label>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.thumbnail-controls-head strong,.thumbnail-controls label>span{color:#f7fbffd1;font-size:.8rem;font-weight:800}.thumbnail-controls-head button{color:#bdeaff;background:0 0;border:1px solid #8ed8ff40;border-radius:6px;padding:4px 8px;font-size:.74rem}.thumbnail-controls label{gap:4px;display:grid}.thumbnail-controls label em{color:#9fe4ff;font-style:normal}.admin-form .thumbnail-controls input[type=range]{accent-color:#8ed8ff;width:100%;min-height:20px;padding:0}.thumbnail-controls small{color:#f7fbff85;font-size:.72rem;line-height:1.4}.admin-preview-shell{min-width:0;display:grid}.app-card-preview,.resource-card-preview{cursor:default;width:100%}.app-card-preview:hover{transform:none}.resource-card-preview{text-align:left;min-height:0}.prompt-admin-form{max-width:none}.prompt-admin-preview{background:#03071447;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.2fr)}.admin-home-banner-preview{grid-template-columns:auto minmax(180px,.7fr) minmax(220px,1fr) auto;min-height:72px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.compact{align-items:center}.file-input{color:#14577c;background:#eaf8ff;border:1px dashed #1f7ba56b;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 12px;display:flex;position:relative;overflow:hidden}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.check-row{color:var(--muted);align-items:center;gap:8px;display:flex}.check-row input{accent-color:#a9e6ff;width:18px;min-height:18px;padding:0}.role-choice-group{flex-wrap:wrap;gap:8px;display:flex}.role-choice-group button{color:#ffffffc2;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-height:42px;padding:0 15px;font-weight:850}.role-choice-group button.active{color:#04101f;background:#a9e6ff;border-color:#a9e6ff}.form-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.secondary-admin-button{color:#fff;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff2e}.event-admin-dashboard{gap:16px;display:grid}.event-dashboard-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.event-dashboard-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.event-summary-card{color:#eaf8ff;background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;gap:6px;min-height:78px;padding:15px 16px;display:grid}.event-summary-card span{color:#f7fbff9e;font-size:.84rem;font-weight:850}.event-summary-card strong{font-size:1.7rem;line-height:1}.event-summary-card.warning{background:#ffb86b21;border-color:#ffb86b7a}.event-admin-groups{gap:14px;display:grid}.event-admin-group{background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;gap:10px;padding:18px;display:grid;box-shadow:0 18px 42px #02061233}.event-admin-group header{justify-content:space-between;align-items:center;gap:12px;display:flex}.event-admin-group header div:first-child{align-items:center;gap:10px;display:flex}.event-admin-group header span{color:#9fe4ff;font-weight:900}.event-admin-group header strong{color:#f7fbff}.event-group-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.event-group-meta em,.order-conflict-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.8rem;font-style:normal;font-weight:900;display:inline-flex}.event-group-meta em{color:#061024;background:#bcecff}.event-group-meta button,.event-order-button{color:#061024;white-space:nowrap;background:#dff5ff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:.84rem;font-weight:950;display:inline-flex}.event-order-button.primary{background:linear-gradient(135deg,#f4fbff,#85d9ff);min-width:142px;min-height:78px;padding:0 16px;box-shadow:0 14px 30px #36b9ff2e}.order-conflict-badge{color:#2a1300;background:#ffd38a}.event-admin-rows{gap:8px;display:grid}.event-admin-row{background:#03071438;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.event-admin-row.dragging{opacity:.54}.drag-handle{color:#dff5ffb3;cursor:grab;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:30px;height:34px;display:inline-grid}.drag-handle:active{cursor:grabbing}.event-admin-main{color:#f7fbff;text-align:left;background:0 0;border:0;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 10px;min-width:0;padding:0;display:grid}.event-admin-main>.order-chip,.event-admin-main>.event-type-badge{grid-row:1/span 3;align-self:center;margin-bottom:0}.event-admin-main strong,.event-admin-main small,.event-admin-main p{min-width:0}.event-admin-main strong{overflow-wrap:anywhere}.event-admin-title-line{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.event-prize-chips{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.event-prize-chips .contest-scope,.event-prize-chips .contest-grade{min-height:28px;padding:0 10px;font-size:.78rem}.event-admin-main small,.event-admin-main p{color:#f7fbff9e;grid-column:3}.event-admin-main small{font-size:.88rem;font-weight:760}.event-admin-main p{overflow-wrap:anywhere;margin:0;line-height:1.55}.order-chip{color:#061024;white-space:nowrap;background:#dff5ff;border-radius:8px;justify-content:center;align-items:center;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:950;display:inline-flex}.order-chip.conflict{color:#2a1300;background:#ffd38a}.admin-list-row{background:linear-gradient(90deg, var(--category-soft), transparent 36%), #03071457;border:1px solid #ffffff1f;border-left:3px solid var(--category-accent);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:border-color .16s,background .16s,transform .16s;display:flex;box-shadow:0 10px 24px #02061224}.admin-list-row:last-child{border-bottom:1px solid #ffffff1f}.admin-list-row:hover{background:linear-gradient(90deg, var(--category-soft), transparent 42%), #03071475;border-color:var(--category-border);border-left-color:var(--category-accent);transform:translateY(-1px)}.row-edit-trigger{color:#f7fbff;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;gap:4px;width:auto;min-width:0;height:auto;padding:0;display:grid}.row-edit-trigger strong{color:#f7fbff}.row-edit-trigger span,.admin-empty{color:#f7fbff94;font-size:.9rem}.row-edit-trigger:hover{color:#9fe4ff}.row-controls{flex:none;align-items:center;gap:6px;display:flex}.row-controls button{color:#14577c;background:#edf7fc;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.mini-toggle{color:#d9f4ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:0 8px;font-size:.82rem;font-weight:800;display:inline-flex}.mini-toggle input{accent-color:#a9e6ff}.toast{z-index:30;color:#061024;background:#dff5ff;border:1px solid #36b9ff61;border-radius:8px;align-items:center;gap:10px;max-width:min(420px,100% - 44px);padding:14px 16px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 44px #02061238}@media (width>=1281px){:root{--topbar-height:68px;--mobile-nav-height:0px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:14px clamp(18px,4vw,56px)}.desktop-nav button{font-size:1rem}}@media (width<=768px){:root{--layout-width:100vw;--content-gutter:18px;--hero-inline:20px;--topbar-height:64px;--mobile-nav-height:calc(66px + env(safe-area-inset-bottom))}.site-shell{padding-bottom:var(--mobile-nav-height)}.desktop-nav{display:none}.bottom-nav{z-index:25;padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050713e6;border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{white-space:nowrap;border-radius:8px;justify-self:center;width:100%;min-width:0;max-width:54px;min-height:38px;padding:0 2px;font-size:.8rem}.topbar{grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.brand-button span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:inline;overflow:hidden}.login-button{min-width:42px;padding:0 11px}.login-button span{font-size:.9rem;display:inline}.hero{background-position:50% 60%;min-height:420px;padding:90px 20px 96px}.app-section{border-radius:15px;margin-top:-62px;padding:30px 24px}.home-banner-section{width:min(100% - 36px,100vw);padding-top:18px}.tool-panel,.home-banner,.detail-layout,.detail-content,.year-group,.event-item,.contact-section,.admin-grid,.admin-lists,.admin-form-with-preview,.prompt-card,.prompt-admin-preview,.form-grid{grid-template-columns:1fr}.detail-preview{justify-self:center}.home-banner{align-items:start;gap:10px}.home-banner em{width:fit-content}.contact-section{width:100%;min-height:calc(100vh - var(--topbar-height) - var(--mobile-nav-height));padding:96px 18px calc(58px + var(--mobile-nav-height))}.contact-section.content-section{width:100%;max-width:none}.training-hero{display:grid}.training-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.training-flow span:before,.training-flow span:after{display:none}.admin-section.page-section{padding-top:54px;padding-bottom:calc(54px + var(--mobile-nav-height))}.admin-form,.admin-list{padding:16px}.admin-labeled-grid,.event-form-grid,.labeled-pair,.contest-result-row{grid-template-columns:1fr}.thumbnail-panel{position:static}.admin-form-title-row{display:grid}.admin-list-row{align-items:stretch;display:grid}.event-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.event-dashboard-toolbar{grid-template-columns:1fr}.event-order-button.primary{min-height:48px}.event-admin-row{grid-template-columns:auto minmax(0,1fr)}.event-admin-row .row-controls{grid-column:2;justify-content:flex-start}.row-controls{flex-wrap:wrap;justify-content:flex-start}.app-category-heading{flex-wrap:wrap;align-items:flex-start}.app-category-controls{justify-content:flex-start}.app-grid.app-carousel-grid,.app-grid.app-expanded-grid,.app-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.content-section{width:min(100% - 28px,1180px);padding:54px 0}.content-section.app-section{margin-top:-48px;padding:26px 18px 42px}.home-banner-section{width:min(100% - 28px,1180px)}.hero{min-height:380px;padding:82px 20px}.topbar,.brand-button{gap:8px}.brand-mark{width:34px;height:34px}.brand-button span:last-child{max-width:112px;font-size:.94rem}.login-button{min-height:38px;padding:0 10px}.login-button span,.visitor-stats{display:none}.bottom-nav button{max-width:52px;min-height:38px;padding:0 2px;font-size:.8rem}.hero h1{font-size:clamp(2.8rem,17vw,4.3rem)}.detail-hero h1{font-size:clamp(2.15rem,11vw,3.4rem)}.detail-preview{min-height:220px;max-height:none}.hero-title{font-size:1.14rem}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero-actions button{white-space:nowrap;width:100%;min-height:48px;padding:0 10px}.detail-actions{display:grid}.detail-actions a,.detail-like-button{width:100%}.community-heading{align-items:start;display:grid}.comment-identity-fields{grid-template-columns:1fr}.comment-form-footer{flex-direction:column;align-items:stretch}.section-heading{display:block}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-nav-groups{grid-template-columns:1fr}.admin-tab-group.management-group{min-width:0}.management-group .admin-tabs{grid-template-columns:1fr}.admin-tabs button{border-radius:8px;min-height:44px;padding:0 8px;font-size:.92rem}.admin-form h3,.admin-list h3{font-size:1.08rem}.labeled-field{grid-template-columns:1fr;gap:7px}.labeled-field.compact{grid-template-columns:1fr}.labeled-field>span,.labeled-field.tall>span{padding-top:0}.admin-list-row{gap:10px;padding:14px}.admin-list-header{flex-direction:column;align-items:flex-start}.admin-category-filters{justify-content:flex-end;width:100%}.event-dashboard-summary{grid-template-columns:1fr}.event-admin-group{padding:14px}.event-admin-group header{align-items:start;display:grid}.event-group-meta{justify-content:flex-start}.event-admin-main{grid-template-columns:auto minmax(0,1fr)}.event-admin-main .event-type-badge{width:fit-content}.event-admin-title-line,.event-admin-main strong,.event-admin-main small,.event-admin-main p{grid-column:1/-1}.row-controls{grid-template-columns:1fr 36px 36px;display:grid}.event-admin-row .row-controls{display:flex}.mini-toggle{justify-content:center}.app-grid.app-carousel-grid,.app-grid.app-expanded-grid,.app-grid,.resource-grid,.training-flow{grid-template-columns:1fr}.prompt-actions{display:grid}.detail-hero{min-height:620px}.detail-layout{margin-top:70px}}@media (width<=360px){:root{--mobile-nav-height:calc(106px + env(safe-area-inset-bottom))}}
