:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263238;background:#fff8eb;--ink:#263238;--muted:#68777c;--paper:#fffdf8;--coral:#ff6b6b;--yellow:#ffd166;--green:#06c99a;--purple:#7457e8;--blue:#4dabf7;--line:#eadfce;--shadow:0 18px 55px rgba(92,70,42,.12);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 4%,#fff0c7 0,transparent 28%),radial-gradient(circle at 94% 8%,#f0dcff 0,transparent 26%),linear-gradient(180deg,#fffaf1,#f8fbff 70%);color:var(--ink)}a{color:#5c42d5;text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}.public-page{overflow-x:hidden}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding-top:70px;padding-bottom:90px}.brand-mark{font-weight:900;font-size:1.2rem;display:flex;gap:8px;align-items:center;margin-bottom:22px}.hero h1{font-size:clamp(4rem,12vw,8.7rem);line-height:.82;letter-spacing:-.075em;margin:18px 0 26px;color:#29343a}.hero h1 span{color:var(--purple)}.lead{font-size:clamp(1.12rem,2vw,1.48rem);max-width:720px;color:#536269;line-height:1.55}.lead-small{font-size:1.08rem;line-height:1.6}.hero-orb{position:absolute;border-radius:50%;display:grid;place-items:center;font-weight:900;z-index:-1;filter:saturate(1.05)}.orb-one{width:180px;height:180px;background:#ffd86e;right:6%;top:12%;font-size:6rem;transform:rotate(12deg)}.orb-two{width:110px;height:110px;background:#70e2c3;right:26%;bottom:16%;font-size:3rem;transform:rotate(-15deg)}.badge{display:inline-flex;padding:7px 12px;border:1px solid #dccff7;border-radius:999px;font-size:.82rem;font-weight:800;color:#6247c5;background:#f5efff}.badge-ok{border-color:#a4e5cf;color:#087553;background:#e9fbf5}.actions{margin-top:26px}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9d0c3;border-radius:14px;padding:12px 17px;font:inherit;font-weight:800;cursor:pointer;background:#fff;color:#37434a;box-shadow:0 3px 0 rgba(51,42,32,.05);transition:.15s ease}.button:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 7px 16px rgba(70,55,38,.10)}.button.primary{background:linear-gradient(135deg,#7357e8,#8c6df0);border-color:#7357e8;color:white}.button.soft{background:#fff8df;border-color:#f1d988}.button.danger{background:#fff0f0;color:#b73545;border-color:#f3b4bb}.button.big{padding:15px 22px;font-size:1.05rem}.button.small{padding:8px 10px;font-size:.82rem}.button.full{width:100%}.button:disabled,.answer-button:disabled{opacity:.5;cursor:not-allowed}.button-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover}.feature-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.feature-chips span{background:rgba(255,255,255,.75);border:1px solid #eee2d2;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700;color:#59666a}.admin-link{margin-top:30px;font-size:.86rem;color:#899396}.card{background:rgba(255,253,248,.94);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin:18px 0}.card.narrow{max-width:560px;margin:7vh auto}.narrow-wide{max-width:720px;margin-left:auto;margin-right:auto}.card h1,.card h2{margin:12px 0}.card h1{letter-spacing:-.03em}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 24px;color:#5d6a70;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.muted{color:var(--muted)}.stack{display:grid;gap:16px;margin-top:22px}.stack label{display:grid;gap:8px;font-weight:750}.stack small{font-weight:500;color:var(--muted)}input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],input[type=url],input[type=file],select,textarea{width:100%;border:1px solid #d9d0c3;border-radius:13px;background:#fff;color:#263238;padding:12px 13px;font:inherit;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8f79e8;box-shadow:0 0 0 3px rgba(116,87,232,.12)}.form-grid{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}.alert{padding:13px 15px;border-radius:14px;margin:16px 0;border:1px solid}.alert.error{background:#fff0f1;border-color:#f2b3bb;color:#9a2d3b}.alert.success{background:#eafbf5;border-color:#a9e6d1;color:#0c7154}.alert.warning{background:#fff8dc;border-color:#eed58b;color:#765b07}.table-wrap{overflow:auto;border-radius:15px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:11px;border-bottom:1px solid #ede5d9;font-size:.92rem}th{color:#68777c;font-size:.79rem;text-transform:uppercase;letter-spacing:.04em}code{background:#f2ede6;padding:2px 5px;border-radius:5px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}.check{display:grid;gap:5px;padding:13px;border-radius:13px;border:1px solid #e5dccf;background:#fff}.check span{font-size:.9rem;color:#68777c}.check.ok{border-color:#9ddfc8;background:#effbf7}.check.bad{border-color:#efb6bc;background:#fff4f4}.db-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;color:#68777c;font-size:.92rem}.compact-form{display:flex;gap:6px;align-items:center;margin:4px 0}.profile-head{display:flex;gap:22px;align-items:center;background:linear-gradient(135deg,#fff,#fff7d7)}.profile-main{min-width:0}.avatar-big{width:100px;height:100px;border-radius:28px;display:grid;place-items:center;font-size:3.3rem;background:#f7eaff;border:4px solid #fff;box-shadow:0 8px 20px rgba(86,60,120,.12);flex:0 0 100px}.avatar-big.photo{object-fit:cover}.avatar-small{width:58px;height:58px;border-radius:18px;object-fit:cover}.avatar-small.emoji,.avatar-table.emoji{display:grid;place-items:center;background:#f3edff}.avatar-table{width:38px;height:38px;border-radius:12px;object-fit:cover;display:inline-grid}.person-cell{display:flex;align-items:center;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{display:grid;gap:4px;margin:0;text-align:center;border-top:5px solid #ddd}.stat strong{font-size:2rem}.stat span{color:#68777c}.accent-yellow{border-top-color:var(--yellow)}.accent-purple{border-top-color:var(--purple)}.accent-green{border-top-color:var(--green)}.accent-coral{border-top-color:var(--coral)}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid #ddd}.status-active{border-color:#9cddc7;color:#087553;background:#eafbf5}.status-draft{color:#765b07;border-color:#ead28a;background:#fff8dc}.status-archived,.status-inactive{color:#6f777a;background:#f2f2f2}.status-pending{color:#a14e0b;border-color:#f2c28d;background:#fff2df}.category-grid{display:grid;gap:12px}.category-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px;border:1px solid #eadfce;border-radius:18px;background:#fff}.category-card.is-inactive{opacity:.55}.category-card h3{margin:0 0 5px}.category-card p{margin:0 0 6px;color:#68777c}.category-icon{font-size:2.1rem;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff1b9}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{padding:14px;border:1px solid #e7ded2;border-radius:16px;background:#fff}.align-end{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.category-play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}.play-category{position:relative;display:grid;gap:7px;padding:18px;border:2px solid #eadfce;border-radius:20px;background:#fff;cursor:pointer;transition:.15s ease}.play-category:hover{transform:translateY(-2px);border-color:#c8b8ff}.play-category input{position:absolute;opacity:0;pointer-events:none}.play-category:has(input:checked){border-color:#7457e8;box-shadow:0 0 0 4px rgba(116,87,232,.10)}.play-category.disabled{opacity:.42;cursor:not-allowed}.play-category small{color:#68777c}.sticky-action{display:flex;justify-content:flex-end;position:sticky;bottom:12px;padding:12px 0}.quiz-shell{max-width:860px}.quiz-top{display:flex;justify-content:space-between;align-items:center;padding:5px 0 14px;color:#59676c}.progress{height:10px;border-radius:999px;background:#ede5db;overflow:hidden;margin-bottom:18px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#06c99a,#4dabf7,#7457e8);border-radius:inherit}.quiz-card{position:relative;text-align:center;padding:clamp(20px,5vw,42px)}.quiz-card h1{font-size:clamp(1.45rem,4vw,2.3rem);line-height:1.25;margin:28px auto;max-width:680px}.question-meta{display:flex;justify-content:space-between;gap:12px;color:#68777c}.timer{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:18px auto -4px;font-weight:900;font-size:1.8rem;border:6px solid #ffd166;background:#fff}.timer.danger{border-color:#ff6b6b;color:#bd3847}.answers-play{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-button{display:flex;align-items:center;gap:12px;text-align:left;border:2px solid #eadfce;border-radius:17px;padding:15px;background:#fff;color:#263238;font:inherit;font-weight:750;cursor:pointer;transition:.12s}.answer-button:hover{border-color:#8f79e8;transform:translateY(-1px)}.answer-button span{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f3edff;color:#6247c5}.feedback-good{border-color:#70d9b6;background:#f0fcf8}.feedback-bad{border-color:#ef9ca6;background:#fff5f5}.answer-reveal{font-size:1.15rem;padding:16px;border-radius:14px;background:#fff8dc;margin:18px 0}.explanation{color:#59676c;line-height:1.6}.score-pop{font-size:1.8rem;font-weight:900;margin:22px 0;color:#6247c5}.result-hero{text-align:center}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.result-stats div{display:grid;gap:4px;padding:14px;border:1px solid #eadfce;border-radius:16px;background:#fff}.result-stats strong{font-size:1.55rem}.result-stats span{color:#68777c}.result-hero .action-row{justify-content:center}.result-list{display:grid;gap:10px}.result-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #eadfce;border-radius:16px;background:#fff}.result-row.good{border-left:5px solid #06c99a}.result-row.bad{border-left:5px solid #ff6b6b}.result-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#f5f0e8}.result-row>div:nth-child(2){display:grid;gap:4px}.result-row small{color:#68777c}.knowledge-list,.history-list{display:grid;gap:9px}.knowledge-list>div,.history-list>a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:11px 0;border-bottom:1px solid #eee4d8}.knowledge-list small,.history-list small{grid-column:1/-1;color:#68777c}.history-list>a{color:#263238}.pending-card{border-top:6px solid #ffd166;background:linear-gradient(135deg,#fffdf8,#fff8d9)}.pending-list{display:grid;gap:10px;margin-top:16px}.pending-person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid #eadfce;padding:12px;border-radius:17px}.pending-person small{display:block;color:#68777c;margin-top:3px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding-top:30px}.auth-card,.register-card{width:min(100%,760px)}.register-card{margin:3vh auto}.auth-icon,.celebrate{font-size:3.2rem;margin-bottom:10px}.auth-foot{text-align:center;margin-top:20px}.back-link{display:inline-block;margin-bottom:18px;font-weight:750}.upload-field{background:#fffaf0;border:1px dashed #e2c88c;border-radius:16px;padding:14px}.approval-photo{width:130px;height:130px;border-radius:28px;object-fit:cover;margin:14px 0}.approval-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.approval-data p{background:#fff8e7;padding:12px;border-radius:14px}.approval-data p strong{color:#7657d8}
@media(max-width:760px){.shell{width:min(100% - 22px,1120px);padding:22px 0 56px}.hero{min-height:auto;padding-top:55px}.hero h1{font-size:clamp(3.4rem,21vw,6rem)}.orb-one{width:110px;height:110px;font-size:4rem;right:-25px;top:65px}.orb-two{display:none}.form-grid,.answer-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}.profile-head{align-items:flex-start;gap:14px}.avatar-big{width:78px;height:78px;flex-basis:78px;border-radius:22px;font-size:2.5rem}.answers-play{grid-template-columns:1fr}.result-stats{grid-template-columns:repeat(2,1fr)}.result-row{grid-template-columns:auto 1fr}.result-row>b{grid-column:2}.sticky-action{justify-content:stretch}.sticky-action .button{width:100%}.category-card{grid-template-columns:auto 1fr}.category-card form{grid-column:1/-1}.pending-person{grid-template-columns:auto 1fr}.pending-person form{grid-column:1/-1}.pending-person .button{width:100%}.approval-data{grid-template-columns:1fr}.hero .action-row{width:100%}.hero .button{flex:1 1 230px}.card{padding:18px;border-radius:19px}.quiz-card{padding:20px 15px}.question-meta{font-size:.88rem}.answer-button{min-height:60px}.topbar{font-size:.92rem}}
@media(max-width:420px){.shell{width:calc(100% - 16px)}.hero h1{font-size:3.55rem}.feature-chips span{font-size:.79rem}.button{width:100%}.topbar .button{width:auto}.profile-head{display:grid;grid-template-columns:auto 1fr}.profile-main .action-row{grid-column:1/-1}.stat strong{font-size:1.65rem}.card{padding:15px}.quiz-card h1{font-size:1.45rem;margin:20px auto}.timer{width:66px;height:66px;font-size:1.55rem}.result-stats{grid-template-columns:1fr 1fr}}


/* V0.6.1 Sunshine redesign */
:root{--ink:#243047;--muted:#68748a;--paper:#fff;--coral:#ff6f61;--yellow:#ffd84d;--green:#35c98b;--purple:#7357e8;--blue:#46a6ff;--line:#e8eaf2;--shadow:0 14px 38px rgba(61,69,96,.10);color-scheme:light!important}
html,body{background:#fffaf2!important;color:var(--ink)!important}
body{background:linear-gradient(135deg,#fff7d6 0%,#fff 36%,#effaff 68%,#f7efff 100%) fixed!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 8% 12%,rgba(255,216,77,.35),transparent 24%),radial-gradient(circle at 92% 18%,rgba(70,166,255,.18),transparent 24%),radial-gradient(circle at 82% 86%,rgba(255,111,97,.15),transparent 22%)}
.card{background:rgba(255,255,255,.94)!important;border:1px solid #e9e7ee!important;box-shadow:0 16px 42px rgba(57,66,92,.10)!important}
.topbar,.topbar *{color:#39465e!important}
a{color:#5d46c8!important}
.badge{background:#f0ebff!important;border-color:#d8cdfd!important;color:#654acb!important}
.button{background:#fff!important;color:#354158!important;border-color:#dfe2eb!important}
.button.primary{background:linear-gradient(135deg,#ff7065,#ff9670)!important;border-color:#ff7668!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,112,101,.22)!important}
.button.soft,.button.sunshine{background:linear-gradient(135deg,#ffe46d,#ffd13f)!important;border-color:#f4c932!important;color:#574500!important}
.alert.warning{background:#fff7cc!important;border-color:#f0d05c!important;color:#66520b!important}
.alert.success{background:#e9fff5!important;border-color:#9fe3c7!important;color:#16674e!important}
.alert.error{background:#fff0ef!important;border-color:#f5b0aa!important;color:#923d37!important}
input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],input[type=url],input[type=file],select,textarea{background:#fff!important;color:#26334a!important;border-color:#dfe2ea!important}
.hero h1{color:#25314a!important}.hero h1 span{color:#ff7065!important}
.answer-button{background:#fff!important;color:#28354c!important;border-color:#e1e4ec!important}
.answer-button:hover{background:#fff8d9!important;border-color:#f0cc48!important}
.play-category{background:#fff!important;color:#28354c!important;border-color:#e4e5ec!important}
.play-category:has(input:checked){background:#fff5d2!important;border-color:#efc940!important;box-shadow:0 8px 20px rgba(239,201,64,.18)!important}
.status-pill{color:#334057!important}
@media(max-width:700px){.shell{width:min(100% - 22px,1120px)!important;padding:16px 0 38px!important}.card{border-radius:20px!important;padding:18px!important}.topbar{padding:6px 2px 14px!important}.form-grid{grid-template-columns:1fr!important}.form-grid .span-2{grid-column:auto!important}.hero{min-height:auto!important;padding:46px 0 54px!important}.hero h1{font-size:clamp(3.1rem,18vw,5.2rem)!important}.button.big,.sticky-action .button{min-height:54px!important;width:100%!important}.answer-button{min-height:64px!important;font-size:1rem!important}.category-play-grid{grid-template-columns:1fr!important}.register-card{margin:12px auto!important}.table-wrap{margin-left:-6px;margin-right:-6px!important}}


/* V0.6.2 Confetti design – deliberately bright and friendly */
:root{--ink:#26324a;--muted:#657089;--cream:#fffaf0;--paper:#ffffff;--sun:#ffd84d;--coral:#ff7468;--mint:#4ed1a1;--sky:#5cb8ff;--violet:#8067e8;--pink:#ff8bc2;--line:#e7e8f0;--shadow:0 16px 40px rgba(58,65,91,.11);color-scheme:light!important}
html,body{background:#fffaf0!important;color:var(--ink)!important}
body{background:linear-gradient(145deg,#fff7d3 0%,#fffdf8 30%,#eef9ff 62%,#fbf2ff 100%) fixed!important;min-height:100vh}
body:before{background:radial-gradient(circle at 5% 8%,rgba(255,216,77,.45),transparent 20%),radial-gradient(circle at 95% 12%,rgba(92,184,255,.28),transparent 22%),radial-gradient(circle at 91% 91%,rgba(255,139,194,.20),transparent 20%),radial-gradient(circle at 12% 92%,rgba(78,209,161,.17),transparent 20%)!important}
.shell{position:relative;z-index:1}.topbar{background:rgba(255,255,255,.68);backdrop-filter:blur(12px);border:1px solid rgba(226,226,238,.8);border-radius:18px;padding:12px 16px!important;margin-bottom:18px!important;box-shadow:0 7px 24px rgba(55,65,90,.06)}
.card{background:rgba(255,255,255,.95)!important;border:1px solid rgba(224,225,235,.92)!important;box-shadow:var(--shadow)!important;color:var(--ink)!important}
.grid>.card:nth-child(6n+1){background:linear-gradient(145deg,#fff,#fff8d8)!important;border-top:5px solid var(--sun)!important}.grid>.card:nth-child(6n+2){background:linear-gradient(145deg,#fff,#eaf9f3)!important;border-top:5px solid var(--mint)!important}.grid>.card:nth-child(6n+3){background:linear-gradient(145deg,#fff,#edf7ff)!important;border-top:5px solid var(--sky)!important}.grid>.card:nth-child(6n+4){background:linear-gradient(145deg,#fff,#fff0ed)!important;border-top:5px solid var(--coral)!important}.grid>.card:nth-child(6n+5){background:linear-gradient(145deg,#fff,#f2efff)!important;border-top:5px solid var(--violet)!important}.grid>.card:nth-child(6n+6){background:linear-gradient(145deg,#fff,#fff0f7)!important;border-top:5px solid var(--pink)!important}
.badge{background:#f0edff!important;border-color:#d9d2ff!important;color:#604ac1!important}.badge-ok{background:#e9fbf4!important;border-color:#a5e4cc!important;color:#127252!important}
a{color:#604ac1!important}.button{background:#fff!important;color:#33405a!important;border:1px solid #dfe1ea!important;box-shadow:0 5px 12px rgba(58,65,91,.07)!important}.button:hover{box-shadow:0 9px 20px rgba(58,65,91,.12)!important}.button.primary{background:linear-gradient(135deg,#ff6f66,#ff9671)!important;border-color:#ff7468!important;color:#fff!important}.button.soft,.button.sunshine{background:linear-gradient(135deg,#ffe878,#ffd445)!important;border-color:#eec83a!important;color:#5a4700!important}.button.danger{background:#fff1ef!important;border-color:#ffc0ba!important;color:#a24039!important}
input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],input[type=url],input[type=file],select,textarea{background:#fff!important;color:#26324a!important;border:1px solid #dfe2ec!important;box-shadow:inset 0 1px 0 rgba(50,60,80,.03)}input:focus,select:focus,textarea:focus{border-color:#8067e8!important;box-shadow:0 0 0 4px rgba(128,103,232,.12)!important}
.profile-head{background:linear-gradient(135deg,#fff8ce 0%,#fff 42%,#eefaff 100%)!important;border-top:5px solid var(--sun)!important}.avatar-big{background:linear-gradient(135deg,#f2eaff,#e8f8ff)!important}.stat{background:#fff!important}.accent-yellow{background:#fff8cc!important;border-top-color:var(--sun)!important}.accent-purple{background:#f0edff!important;border-top-color:var(--violet)!important}.accent-green{background:#e8fbf4!important;border-top-color:var(--mint)!important}.accent-coral{background:#fff0ed!important;border-top-color:var(--coral)!important}
.pending-card{background:linear-gradient(135deg,#fff8d6,#fff)!important;border-left:6px solid var(--sun)!important}.archive-card{background:linear-gradient(135deg,#f5f3ff,#fff)!important;border-left:6px solid var(--violet)!important}.account-zone{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#fff5f2,#fff)!important;border-left:6px solid var(--coral)!important}.account-zone p{max-width:720px;margin-bottom:0}.restore-box{padding:14px;border-radius:18px;background:#fff8d5;border:1px solid #f2d45d}
.category-card{border:0!important;box-shadow:0 8px 20px rgba(55,65,90,.07);background:linear-gradient(135deg,#fff,#f9fbff)!important}.category-card:nth-child(5n+1){border-left:6px solid var(--mint)!important}.category-card:nth-child(5n+2){border-left:6px solid var(--coral)!important}.category-card:nth-child(5n+3){border-left:6px solid var(--sky)!important}.category-card:nth-child(5n+4){border-left:6px solid var(--violet)!important}.category-card:nth-child(5n+5){border-left:6px solid var(--sun)!important}
.play-category{background:#fff!important;border-color:#e2e4ec!important}.play-category:nth-child(6n+1){box-shadow:inset 0 5px 0 var(--sun)}.play-category:nth-child(6n+2){box-shadow:inset 0 5px 0 var(--mint)}.play-category:nth-child(6n+3){box-shadow:inset 0 5px 0 var(--sky)}.play-category:nth-child(6n+4){box-shadow:inset 0 5px 0 var(--coral)}.play-category:nth-child(6n+5){box-shadow:inset 0 5px 0 var(--violet)}.play-category:nth-child(6n+6){box-shadow:inset 0 5px 0 var(--pink)}
.quiz-card{background:linear-gradient(145deg,#fff,#fffaf0)!important}.progress{background:#e8eaf0!important}.progress span{background:linear-gradient(90deg,var(--mint),var(--sky),var(--violet),var(--coral))!important}.timer{background:#fff!important;border-color:var(--sun)!important}.answer-button{background:#fff!important;color:#26324a!important}.answer-button:nth-child(1) span{background:#fff1bf!important;color:#7a5b00!important}.answer-button:nth-child(2) span{background:#e5f8f1!important;color:#126c50!important}.answer-button:nth-child(3) span{background:#eaf5ff!important;color:#286a9f!important}.answer-button:nth-child(4) span{background:#f1edff!important;color:#5c47b1!important}
table{background:rgba(255,255,255,.74);border-radius:16px}th{color:#69758b!important}td{border-bottom-color:#e9eaf0!important}.status-archived{background:#eeeaff!important;color:#5d4aa6!important;border-color:#cbc2f5!important}.status-inactive{background:#f2f3f6!important;color:#626b7a!important}.status-active{background:#e9fbf4!important;color:#126d50!important;border-color:#a5e2cb!important}.status-pending{background:#fff3cf!important;color:#71560c!important;border-color:#efcf67!important}
.hero{isolation:isolate}.hero-orb{z-index:-1!important}.orb-one{background:linear-gradient(135deg,#ffe65f,#ffbb55)!important;box-shadow:0 18px 50px rgba(247,185,63,.25)}.orb-two{background:linear-gradient(135deg,#68dfb8,#52bfff)!important;box-shadow:0 15px 40px rgba(82,191,255,.20)}.hero h1 span{color:#ff6f66!important}.feature-chips span{background:rgba(255,255,255,.88)!important;box-shadow:0 5px 16px rgba(58,65,91,.06)}
@media(max-width:760px){.topbar{border-radius:14px!important}.account-zone{display:grid!important}.account-zone .button{width:100%!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.card{box-shadow:0 10px 28px rgba(58,65,91,.09)!important}}
\n/* V0.6.3 account & password helpers */\n.auth-links{display:flex;justify-content:flex-end;margin-top:-4px}.auth-links a{font-size:.92rem}.account-settings{align-items:start}.account-settings .card{height:100%}@media(max-width:700px){.auth-links{justify-content:center}.account-settings{grid-template-columns:1fr!important}}\n
.question-media{display:grid;gap:14px;margin:18px 0 22px;transition:.3s ease}.question-media.media-hidden{opacity:0;max-height:0;overflow:hidden;margin:0}.question-media img,.question-media video{display:block;max-width:100%;max-height:460px;margin:auto;border-radius:20px;box-shadow:0 10px 30px rgba(40,60,90,.14)}.question-media audio{width:100%}.question-media figure{margin:0}.question-media figcaption{text-align:center;font-size:.8rem;color:var(--muted);margin-top:6px}.media-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.media-admin-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:grid;gap:7px}.media-admin-item img{width:100%;height:110px;object-fit:cover;border-radius:12px}.soft-card{background:linear-gradient(135deg,#fff9da,#f2fbff)!important}.question-pack-card{border-top:5px solid #49cfa2!important}@media(max-width:700px){.question-media img,.question-media video{max-height:330px}.media-admin-grid{grid-template-columns:1fr 1fr}}

.intro-countdown{font-size:clamp(3rem,12vw,7rem);font-weight:950;text-align:center;color:#ff7065;margin:12px 0;animation:pulse .8s ease infinite alternate}@keyframes pulse{to{transform:scale(1.08)}}

/* V0.7.0 Live team quiz */
.live-builder{border-top:6px solid var(--coral)!important}.team-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-name-grid label{display:grid;gap:8px;font-weight:800}.team-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.team-a{background:var(--coral)}.team-b{background:var(--mint)}.team-c{background:var(--violet)}.team-d{background:var(--sky)}
.live-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.live-player-card{display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:0 7px 18px rgba(58,65,91,.06)}.live-player-person{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.live-player-person img,.live-player-person>span{grid-row:1/3;width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#f3efff;font-size:1.35rem}.live-player-person strong{align-self:end}.live-player-person small{align-self:start;color:var(--muted)}
.live-event-list{display:grid;gap:12px}.live-event-admin,.live-event-player{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff}.live-event-admin.status-playing,.live-event-player:has(.live-playing){border-left:6px solid var(--coral);box-shadow:0 7px 20px rgba(255,116,104,.10)}.live-event-admin.status-lobby,.live-event-player:has(.live-lobby){border-left:6px solid var(--sun)}.live-event-player:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 9px 22px rgba(58,65,91,.09)}.live-event-player>span:first-child{display:grid;gap:4px}.live-event-player small,.live-event-admin small{color:var(--muted)}.live-code{display:inline-block;margin:5px 0;font-weight:900;letter-spacing:.12em;color:#6a50c9}.live-state{white-space:nowrap;font-weight:900}.live-playing{color:#d84c42}.live-lobby{color:#856500}.live-finished{color:#657089}
.live-stage{min-height:560px;border-top:6px solid var(--violet)!important}.live-loading,.live-empty{text-align:center;padding:70px 20px;font-size:1.1rem}.live-empty>span{font-size:4rem}.live-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.live-head h1{margin-bottom:4px}.live-round{display:grid;place-items:center;min-width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,#fff2bd,#ffe061);font-size:1.25rem;font-weight:950;color:#6d5300}.live-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0}.live-score{display:grid;gap:3px;padding:14px;border-radius:17px;border:1px solid var(--line);background:#fff}.live-score b{font-size:1.45rem}.live-score small{color:var(--muted)}.live-score.team-a{background:#fff0ed;border-top:4px solid var(--coral)}.live-score.team-b{background:#eafbf5;border-top:4px solid var(--mint)}.live-score.team-c{background:#f1edff;border-top:4px solid var(--violet)}.live-score.team-d{background:#edf7ff;border-top:4px solid var(--sky)}
.live-lobby,.live-finish,.live-wait{text-align:center;padding:35px 15px}.live-pulse,.live-trophy,.live-wait>span{font-size:4.2rem}.live-pulse{animation:livePulse 1s ease-in-out infinite alternate}@keyframes livePulse{to{transform:scale(1.12)}}.live-members{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.live-member{display:inline-flex;gap:6px;align-items:center;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line)}.live-member small{color:var(--muted)}
.live-question-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:800;margin-top:18px}.live-timer{width:88px;height:88px;margin:12px auto;display:grid;place-items:center;border-radius:50%;font-size:2.2rem;font-weight:950;background:#fff8cb;border:5px solid var(--sun);box-shadow:0 9px 22px rgba(255,216,77,.18)}.live-timer.danger{background:#fff0ed;border-color:var(--coral);color:#b7463e;animation:livePulse .45s ease-in-out infinite alternate}.live-question{text-align:center;font-size:clamp(1.45rem,4vw,2.25rem);margin:18px auto 24px;max-width:900px}.live-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.live-answer{min-height:78px;text-align:left}.live-reveal{margin-top:20px;padding:22px;border-radius:20px;text-align:center}.live-reveal.good{background:#e9fbf4;border:1px solid #a8e5cf}.live-reveal.bad{background:#fff2ed;border:1px solid #ffc5bc}.live-wait{background:linear-gradient(135deg,#f2efff,#edf9ff);border-radius:20px}.live-finish{background:linear-gradient(135deg,#fff8cc,#fff,#eafbf5);border-radius:22px}.live-trophy{filter:drop-shadow(0 8px 10px rgba(120,95,20,.15))}
@media(max-width:760px){.team-name-grid,.live-answers{grid-template-columns:1fr}.live-event-admin,.live-event-player,.live-head{align-items:stretch;flex-direction:column}.live-event-admin .action-row{width:100%}.live-event-admin .action-row>*{flex:1}.live-round{min-width:64px;width:64px;height:64px}.live-score-grid{grid-template-columns:1fr 1fr}.live-stage{padding:16px!important}.live-question{font-size:1.45rem}.live-answer{min-height:68px}.live-player-grid{grid-template-columns:1fr}}

/* V0.7.1 interaction engine */
.interaction-config{border-left:6px solid var(--sky)!important}.check-row{display:flex;flex-wrap:wrap;gap:14px}.check-row label{display:flex!important;align-items:center;gap:7px}.big-input-wrap{display:flex;gap:10px;align-items:center}.big-input{font-size:1.25rem!important;min-height:58px!important}.letter-scramble{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:15px 0 22px}.letter-scramble span{display:grid;place-items:center;min-width:48px;height:54px;border-radius:14px;background:#fff4c7;border:2px solid #f0cf56;font-size:1.5rem;font-weight:950;box-shadow:0 5px 12px rgba(100,80,20,.08)}.sortable-list{display:grid;gap:10px;margin:14px 0}.sort-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dfe3ed;border-radius:16px;background:#fff;padding:15px;font:inherit;font-weight:800;cursor:grab;color:#2d3850}.sort-item span{font-size:1.3rem;color:#8790a1}.matching-list{display:grid;gap:12px;margin:14px 0}.matching-list label{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,1.3fr);align-items:center;gap:14px;padding:12px;border-radius:16px;background:#fff;border:1px solid #e3e6ee}.puzzle-wrap{margin:16px 0}.puzzle-board{width:min(620px,92vw);aspect-ratio:1;margin:14px auto;display:grid;grid-template-columns:repeat(var(--puzzle-grid,3),1fr);gap:3px;background:#e9e9ef;border:7px solid #fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 35px rgba(50,60,85,.15)}.puzzle-tile{border:0;border-radius:4px;background-repeat:no-repeat;cursor:pointer;min-width:0;min-height:0}.puzzle-tile.blank{background:#f4f5f8!important}.interaction-form{gap:14px}@media(max-width:700px){.matching-list label{grid-template-columns:1fr}.letter-scramble span{min-width:40px;height:46px}.sort-item{min-height:58px}.puzzle-board{width:100%}}

.sort-item{display:grid!important;grid-template-columns:auto 1fr auto!important}.sort-controls{display:flex;gap:6px}.sort-controls button{width:38px;height:38px;border:0;border-radius:10px;background:#f3f0ff;color:#5f4cb5;font-weight:950;font-size:1.1rem;cursor:pointer}.sort-grip{cursor:grab}.solution-media{background:#f7fbff;padding:12px;border-radius:18px}


/* V0.7.2 BauerQuiz.de brand landing */
.landing-page{background:linear-gradient(145deg,#fff8dc 0%,#fff 38%,#eef9ff 72%,#fff5e9 100%)!important}
.landing-shell{width:min(1240px,calc(100% - 36px));margin:auto;padding:22px 0 38px}.landing-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 4px 24px}.landing-nav nav{display:flex;gap:12px;align-items:center}.landing-nav nav>a:not(.button){font-weight:850;color:#233c5f!important}.landing-brand:hover{text-decoration:none}.brand-word{font-size:1.28rem;font-weight:950;letter-spacing:-.04em}.brand-word b{color:#0d315b}.brand-word em{font-style:normal;color:#ff8a00}
.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;min-height:650px;padding:42px 54px;border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,252,232,.94) 48%,rgba(239,249,255,.96));border:1px solid #e7e8ee;box-shadow:0 28px 70px rgba(45,62,88,.12);position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffe25c55;right:-70px;top:-110px}.landing-copy{position:relative;z-index:1}.landing-copy h1{font-size:clamp(4.2rem,8vw,7.6rem);line-height:.83;letter-spacing:-.075em;color:#0d315b;margin:22px 0 28px}.landing-copy h1 span{color:#ff8a00}.landing-copy .lead{max-width:680px;color:#53647a}.landing-actions{margin-top:26px}.landing-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.landing-pills span{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #e4e7ee;box-shadow:0 5px 14px rgba(50,60,80,.05);font-weight:800;font-size:.9rem;color:#405168}.landing-logo-wrap{position:relative;z-index:1;display:grid;place-items:center}.landing-logo{width:min(100%,540px);height:auto;filter:drop-shadow(0 20px 28px rgba(23,57,92,.14))}
.landing-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.landing-modes article{padding:28px;border-radius:26px;background:#fff;border:1px solid #e8eaf0;box-shadow:0 14px 34px rgba(52,64,88,.08)}.landing-modes article:nth-child(1){border-top:6px solid #36b9ff}.landing-modes article:nth-child(2){border-top:6px solid #ff8a00}.landing-modes article:nth-child(3){border-top:6px solid #ffd43b}.landing-modes h2{margin:10px 0 8px;color:#17395e}.landing-modes p{color:#637187;line-height:1.55}.mode-icon{font-size:2.25rem}
.landing-worlds{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding:36px;margin:28px 0;border-radius:30px;background:linear-gradient(135deg,#0f3762,#184d7a);color:#fff;box-shadow:0 18px 45px rgba(18,55,92,.18)}.landing-worlds h2{font-size:clamp(2rem,4vw,3.25rem);margin:8px 0 12px}.landing-worlds p{color:#dceafd;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:#ffd75d}.world-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.world-cloud span{background:#ffffff18;border:1px solid #ffffff2e;padding:11px 14px;border-radius:999px;font-weight:800;backdrop-filter:blur(5px)}.landing-footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#7b8797;font-size:.87rem;padding:18px 4px}.landing-footer a{color:#7b8797!important}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;padding:34px 28px;min-height:auto}.landing-logo-wrap{order:-1}.landing-logo{width:min(74vw,410px)}.landing-copy{text-align:center}.landing-copy .lead{margin-left:auto;margin-right:auto}.landing-actions,.landing-pills{justify-content:center}.landing-modes,.landing-worlds{grid-template-columns:1fr}.landing-worlds{text-align:center}}
@media(max-width:620px){.landing-shell{width:min(100% - 20px,1240px);padding-top:10px}.landing-nav{padding:8px 4px 16px}.landing-nav nav>a:not(.button){display:none}.landing-nav .button{padding:10px 12px}.landing-hero{padding:24px 18px;border-radius:26px}.landing-copy h1{font-size:clamp(3.2rem,19vw,5rem)}.landing-logo{width:min(82vw,340px)}.landing-modes article{padding:22px}.landing-worlds{padding:25px 20px;border-radius:24px}.landing-actions .button{width:100%}}