:root{--bg: oklch(.95 .018 78);--surface: oklch(.99 .008 78);--surface-2: oklch(.965 .015 78);--ink: oklch(.19 .025 55);--muted: oklch(.42 .025 55);--line: oklch(.83 .026 72);--primary: oklch(.49 .105 35);--primary-ink: oklch(.99 .006 70);--accent: oklch(.43 .08 198);--focus: oklch(.46 .095 198);--warning: oklch(.72 .08 80);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=mist]{--bg: oklch(.93 .014 230);--surface: oklch(.985 .006 230);--surface-2: oklch(.955 .012 230);--ink: oklch(.18 .025 235);--muted: oklch(.39 .03 235);--line: oklch(.8 .028 225);--primary: oklch(.42 .085 224);--accent: oklch(.47 .075 170)}:root[data-theme=sage]{--bg: oklch(.93 .02 138);--surface: oklch(.985 .008 132);--surface-2: oklch(.955 .018 132);--ink: oklch(.18 .027 150);--muted: oklch(.38 .035 145);--line: oklch(.8 .035 132);--primary: oklch(.42 .095 150);--accent: oklch(.48 .08 30)}:root[data-theme=clay]{--bg: oklch(.93 .026 45);--surface: oklch(.985 .01 45);--surface-2: oklch(.955 .022 45);--ink: oklch(.18 .03 35);--muted: oklch(.39 .04 35);--line: oklch(.8 .04 45);--primary: oklch(.45 .12 28);--accent: oklch(.44 .075 190)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary),var(--line) 45%);background:var(--surface-2)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--focus),white 25%);outline-offset:2px}.page{width:min(980px,calc(100% - 28px));margin:24px auto 48px;display:grid;gap:12px}.page>*{min-width:0}.hero,.status,.panel,.sponsor,.notice,.message,.abstract-reveal{border:1px solid var(--line);border-radius:12px;background:var(--surface)}.hero{min-height:124px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.kicker,.meta,.panel p,.sponsor p,.empty,.notice{color:var(--muted)}.kicker,.meta{margin:0}.hero h1{margin:7px 0 10px;font-size:2.55rem;line-height:1;letter-spacing:0}.hero-tools,.topnav,.controls,.secondary-actions,.toolbar,.name-row,.theme-picker,.segmented{display:flex;align-items:center;gap:8px}.hero-tools{justify-content:flex-end;flex-wrap:wrap}.ghost,.topnav button,.theme-picker button,.segmented button,.controls button,.secondary-actions button,.name-row button,.panel button{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.topnav{flex-wrap:wrap;min-width:0}.topnav button{min-width:0;overflow-wrap:anywhere}.topnav button.active,.segmented button.active,.theme-picker button.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.notice{margin:0;padding:10px 14px}.toolbar{justify-content:space-between;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.theme-picker{flex-wrap:wrap;color:var(--muted)}.status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}.status strong{color:var(--primary);letter-spacing:.12em}.difficulty-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.difficulty-chip{min-height:38px;padding:8px 10px;font-size:.88rem;font-weight:700;text-align:center}.difficulty-chip.active{border-color:var(--ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink),transparent 84%)}.level-yellow{background:#f9dfa0;border-color:#c3a364}.level-green{background:#c7e2b2;border-color:#86a36f}.level-blue{background:#b1e0f3;border-color:#609fb8}.level-purple{background:#e4d1fb;border-color:#a48cc0}.message{min-height:46px;margin:0;padding:12px 14px;color:var(--muted)}.solved{display:grid;gap:10px}.solved-item{padding:12px 14px;border:1px solid var(--line);border-radius:10px}.solved-item h2{margin:0 0 4px;font-size:1rem}.solved-item p{margin:0;color:var(--muted)}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tile{min-height:74px;padding:10px 6px;background:var(--surface-2);font-size:1.05rem;font-weight:750}.tile.selected{background:color-mix(in srgb,var(--primary),white 72%);border-color:var(--primary);transform:translateY(-1px)}.image-board{gap:8px}.image-board .tile{aspect-ratio:1 / .88;min-height:auto;padding:5px;overflow:hidden}.image-cell{display:block;width:100%;height:100%;border-radius:6px;background-repeat:no-repeat;background-size:400% 400%;background-color:var(--surface-2)}.abstract-reveal{min-height:44px;padding:10px 14px;color:var(--ink);display:flex;align-items:center;gap:10px;font-weight:750}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.primary,.controls .primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.panel{padding:16px;min-width:0}.panel h2,.panel h3,.sponsor h2{margin:0}.panel h2{font-size:1.45rem}.panel h3{margin-top:20px;font-size:1.08rem}.panel p{margin:6px 0 0;line-height:1.55}.panel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,auto);gap:14px;align-items:start;margin-bottom:14px}.name-row{justify-content:flex-end}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}input,select{min-height:38px;padding:0 10px}textarea{min-height:80px;padding:10px;resize:vertical}.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:var(--surface-2);font-size:.9rem;color:var(--muted)}tr:last-child td{border-bottom:0}.empty{margin:14px 0 0}.submission-form{display:grid;gap:14px}.submission-form label{display:grid;gap:6px;color:var(--muted)}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}fieldset{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;display:grid;gap:8px}legend{padding:0 6px;color:var(--muted)}.admin-list{display:grid;gap:10px}.admin-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px}.admin-item p{margin:4px 0 8px}.admin-item pre{max-height:180px;margin:0;padding:10px;overflow:auto;border-radius:8px;background:var(--surface);color:var(--ink);font-size:.82rem}.sponsor{padding:16px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.sponsor-copy{display:grid;gap:6px}.sponsor-label{margin:0;color:var(--primary);font-size:.88rem;font-weight:750}.sponsor h2{font-size:1.36rem;line-height:1.25}.pay-code{width:clamp(150px,21vw,196px);margin:0;padding:10px 10px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:center}.pay-zoom{width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;display:grid;gap:7px;color:var(--muted)}.pay-code img{display:block;width:100%;aspect-ratio:1 / 1.34;object-fit:cover;border-radius:7px}.pay-zoom span{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.84rem}.pay-code figcaption{margin-top:8px;color:var(--muted);font-size:.9rem}.pay-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px}.pay-modal-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:#14100cb8;cursor:zoom-out}.pay-modal-panel{position:relative;width:min(520px,96vw);max-height:min(90vh,760px);padding:14px;border-radius:12px;background:#fff;overflow:auto}.pay-modal-panel img{display:block;width:100%;height:auto;border-radius:8px}.pay-modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;border-radius:999px;background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.hero,.panel-head,.sponsor,.admin-item{grid-template-columns:1fr}.hero-tools,.name-row{justify-content:flex-start}.difficulty-strip,.controls,.group-grid,.board{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-code{width:min(100%,240px);justify-self:center}}@media(max-width:520px){.page{width:min(100%,calc(100% - 18px));margin-top:14px}.hero h1{font-size:2.1rem}.secondary-actions,.theme-picker,.segmented{width:100%}.theme-picker button,.segmented button,.secondary-actions button{flex:1}.topnav button{flex:1 1 calc(50% - 8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}