:root{--bg:#f5efe2;--bg-strong:#efe4cc;--surface:#fffaf0;--surface-strong:#fff;--ink:#1f2b1f;--muted:#5e675d;--accent:#d46a34;--accent-dark:#9d471f;--success:#2f7d4a;--danger:#b64934;--border:rgba(31,43,31,0.12);--shadow:0 18px 40px rgba(91,72,39,0.1);--radius:22px;--font-sans:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--font-serif:"Iowan Old Style","Palatino Linotype",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(212,106,52,.08),transparent 28%),linear-gradient(180deg,var(--bg) 0,#f9f5ea 42%,#f4ede0 100%);color:var(--ink);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1100px,calc(100vw - 32px));margin:0 auto;padding:32px 0 60px}.page-header{margin-bottom:28px}.child-library-top,.page-header,.title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.child-library-top .eyebrow{margin-bottom:0}.eyebrow{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);margin:0 0 10px}.title{margin:0;font-family:var(--font-serif);font-size:clamp(2.2rem,6vw,4rem);line-height:.95}.subtitle{margin:14px 0 0;max-width:66ch;color:var(--muted);line-height:1.5}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card h2,.card h3{margin-top:0}.stack{display:grid;grid-gap:12px;gap:12px}.side-panel-card{display:grid;grid-gap:24px;gap:24px;align-content:start}.panel-section{display:grid;grid-gap:16px;gap:16px}.section-heading{margin:0;font-size:1.5rem;line-height:1.15}.stats-grid{display:grid;grid-gap:12px;gap:12px}.stats-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stats-grid.three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid.five{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat-card{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(255,255,255,.64)}.stat-card.compact{gap:4px;padding:14px}.compact-stats-grid{gap:10px}.compact-stats-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.compact-stats-grid .stat-card-wide{grid-column:1/-1}.side-panel-card .stat-card{border-radius:16px;padding:12px}.side-panel-card .stat-label{font-size:.8rem;line-height:1.3}.side-panel-card .stat-value{font-size:clamp(1rem,2vw,1.35rem)}.side-panel-card .small{font-size:.82rem;line-height:1.35}.stat-label{color:var(--muted);font-size:.92rem;font-weight:700}.stat-value{font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.1}.top-space{margin-top:12px}.top-space-tight{margin-top:8px}.inline{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.toggle-label{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;flex-wrap:nowrap}.toggle-label input{width:auto;margin:0;flex:0 0 auto}.toggle-label-text-first{flex-direction:row}.toggle-label-text-first span{white-space:nowrap}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:.95rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border-radius:14px;border:1px solid var(--border);padding:12px 14px;background:rgba(255,255,255,.85)}.choice-row{display:flex;flex-wrap:wrap;gap:10px}.child-create-card{display:grid;grid-gap:12px;gap:12px;margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.5)}.choice-button{border:1px solid var(--border);border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.75);color:var(--ink);font-weight:700}.choice-button:hover{border-color:rgba(212,106,52,.45);background:rgba(255,255,255,.96)}.choice-button.is-active{border-color:transparent;background:var(--accent);color:white}.link-box{display:grid;grid-gap:12px;gap:12px}.access-setup-card{align-items:start}.link-value{overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.45}.qr-code-panel{display:grid;grid-gap:10px;gap:10px;justify-items:start}.qr-code-image{width:min(220px,100%);height:auto;border-radius:18px;background:white;border:1px solid var(--border);padding:10px}.button{border:none;border-radius:999px;padding:12px 18px;background:var(--accent);color:white;font-weight:700;transition:transform .12s ease,background .12s ease}.button:hover{background:var(--accent-dark);transform:translateY(-1px)}.button.secondary{background:rgba(31,43,31,.08);color:var(--ink)}.button.secondary:hover{background:rgba(31,43,31,.14)}.button.danger{background:var(--danger)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding-inline:0}.child-parent-link-button{width:44px;min-width:44px;height:44px;padding:0;color:var(--accent-dark)}.child-parent-link-button svg{width:18px;height:18px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(31,43,31,.08);color:var(--muted);font-size:.92rem}.pill.success{background:rgba(47,125,74,.12);color:var(--success)}.pill.danger{background:rgba(182,73,52,.1);color:var(--danger)}.pill.pause{background:rgba(227,138,36,.16);color:#a65a00}.video-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.video-card{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#fff5e5);border:1px solid rgba(31,43,31,.1)}.video-card-button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;color:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.video-card-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px rgba(91,72,39,.12);border-color:rgba(212,106,52,.28)}.video-card-button:focus-visible{outline:3px solid rgba(212,106,52,.28);outline-offset:3px}.video-card-button:disabled{cursor:not-allowed}.video-card-disabled{background:linear-gradient(180deg,#f1eee7,#e5e0d5);border-color:rgba(31,43,31,.08);color:rgba(31,43,31,.72);box-shadow:none}.video-card-disabled .video-thumb-image{filter:grayscale(1) saturate(.2) brightness(.92)}.video-card-disabled .video-thumb-fallback{background:#ddd6c8;color:rgba(31,43,31,.58)}.video-thumb{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,rgba(212,106,52,.18),rgba(212,106,52,.03)),#f2e8d5;overflow:hidden}.video-thumb-fallback,.video-thumb-image{width:100%;height:100%}.video-thumb-image{display:block;object-fit:cover}.video-thumb-fallback{display:grid;place-items:center;font-size:.92rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.92rem}.review-stage{gap:20px}.review-media{width:min(420px,100%);margin:0 auto}.review-question{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.45}.review-answer{width:min(520px,100%);margin:0 auto;padding:18px;border-radius:18px;background:rgba(31,43,31,.05);border:1px solid rgba(31,43,31,.12);transition:background .16s ease,border-color .16s ease,color .16s ease}.review-answer-success{background:rgba(47,125,74,.12);border-color:rgba(47,125,74,.24);color:var(--success)}.review-answer-danger{background:rgba(182,73,52,.12);border-color:rgba(182,73,52,.24);color:var(--danger)}.review-answer p:last-child{margin:0;font-size:1.1rem;line-height:1.5}.review-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.review-grade-button,.review-icon-button{min-width:64px;min-height:64px;padding:0;display:inline-flex;align-items:center;justify-content:center}.review-grade-button-success{background:var(--success)}.review-grade-button-success:hover{background:#24633a}.review-grade-button-danger{background:var(--danger)}.review-grade-button-danger:hover{background:#933524}.big-choice{width:100%;text-align:left;padding:18px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.8)}.big-choice:hover{border-color:rgba(212,106,52,.4);background:rgba(255,255,255,1)}.big-choice.is-selected{border-color:var(--accent);background:rgba(212,106,52,.08)}.big-choice.is-correct{border-color:rgba(47,125,74,.28);background:rgba(47,125,74,.16);color:var(--success)}.big-choice.is-wrong{border-color:rgba(182,73,52,.28);background:rgba(182,73,52,.16);color:var(--danger)}.notice{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.6)}.notice.error{border-color:rgba(182,73,52,.2);background:rgba(182,73,52,.08);color:var(--danger)}.notice.success{border-color:rgba(47,125,74,.2);background:rgba(47,125,74,.08);color:var(--success)}.notice.pause{border-color:rgba(227,138,36,.28);background:rgba(255,176,77,.12);color:#8a4a00}.break-progress{width:100%;height:12px;margin-top:12px;border-radius:999px;overflow:hidden;background:rgba(227,138,36,.18)}.break-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f0a23b,#d66a34);transition:width 1s linear}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(18,17,14,.56);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(460px,calc(100vw - 24px))}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}.center{text-align:center}.frame{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:16/9;background:#20150d}.frame-locked iframe{pointer-events:none}.frame #yt-player,.frame iframe{width:100%;height:100%}.player-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))}.player-overlay-stack{display:grid;grid-gap:12px;gap:12px;justify-items:center}.player-control{pointer-events:auto;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-overlay-blocking{align-items:center;padding:24px;background:rgba(0,0,0,.94)}.player-dismiss{position:absolute;top:18px;right:18px;min-width:42px;min-height:42px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.86);pointer-events:auto}.player-dismiss:hover{background:rgba(255,255,255,.2);color:rgba(255,255,255,1)}.watch-shell{width:100vw;margin:0;padding:0}.watch-player,.watch-shell{min-height:100vh;min-height:100dvh;background:#000}.watch-player{position:relative}.watch-stage{width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border-radius:0;aspect-ratio:auto;background:#000}.watch-stage .player-overlay{padding:24px;align-items:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42))}.watch-stage .player-overlay.player-overlay-blocking{align-items:center;background:rgba(0,0,0,.94)}.watch-notice{position:absolute;top:18px;left:50%;z-index:5;width:min(560px,calc(100vw - 32px));transform:translateX(-50%)}.child-test-page{--test-petrol-700:#2e6671;--test-petrol-600:#3f7c87;--test-turquoise-500:#67b8c6;--test-turquoise-300:#a9d8de;--test-yellow-500:#e6be4e;--test-yellow-300:#f3dea1;--test-coral-500:#e98c74;--test-coral-300:#f4b6a4;--test-rose-300:#efb7ae;--test-sage-500:#95b46b;--test-sage-300:#c9d9af;--test-paper-ivory:#fbf6ec;--test-paper-warm:#f5ebd9;--test-paper-cream:#f8f1e4;--test-paper-border:#e7d8be;--test-text-strong:#31505b;--test-text-default:#496470;--test-text-soft:#6f8790;--test-shadow-md:0 12px 30px rgba(117,90,48,0.1);--test-shadow-sm:0 4px 14px rgba(117,90,48,0.08);display:grid;grid-gap:26px;gap:26px;padding:30px 26px 28px;border-radius:40px;color:var(--test-text-default);position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,252,247,.72),rgba(248,241,228,.78)),url(/child-test/background.jpg);background-position:top;background-repeat:repeat;background-size:680px auto;border:1.5px solid rgba(231,216,190,.72);box-shadow:var(--test-shadow-md)}.child-test-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,248,235,.14));opacity:1;pointer-events:none}.child-test-page>*{position:relative;z-index:1}.child-test-page .eyebrow{color:var(--test-text-soft)}.child-test-page .title{color:var(--test-text-strong)}.child-test-page .subtitle{color:var(--test-text-default)}.child-test-page .button.secondary{background:rgba(255,249,240,.92);color:var(--test-petrol-700);border:1.5px solid rgba(231,216,190,.92);box-shadow:var(--test-shadow-sm)}.child-test-page .button.secondary:hover{background:rgba(255,252,246,.98)}.child-test-hero-card-live{position:relative;overflow:hidden;padding-right:clamp(170px,23vw,280px)}.child-test-hero-card-live:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,239,0),rgba(255,250,239,.16) 58%,rgba(255,250,239,.38));pointer-events:none}.child-test-hero-card-live>*{position:relative;z-index:1}.child-test-hero-logo{position:absolute;right:28px;top:26px;width:clamp(120px,16vw,180px);height:auto;opacity:.15;pointer-events:none;z-index:0}.child-test-topbar{gap:18px;align-items:flex-start}.child-test-adminbar,.child-test-topbar{display:flex;justify-content:space-between}.child-test-adminbar{align-items:center;gap:14px;flex-wrap:wrap}.child-test-toolbar{background:linear-gradient(180deg,rgba(255,249,239,.96),rgba(248,241,228,.96));border:1.5px solid var(--test-paper-border);box-shadow:var(--test-shadow-md)}.child-test-logo-panel{display:grid;place-items:center;padding:8px 20px 9px;border-radius:26px;background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(248,241,228,.96));border:1.5px solid rgba(231,216,190,.92);box-shadow:var(--test-shadow-sm)}.child-test-logo-image{display:block;width:min(100%,420px);height:auto}.child-test-stage{position:relative;display:grid;grid-gap:14px;gap:14px;padding:30px 26px 28px;border-radius:40px;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(103,184,198,.12),transparent 20%),radial-gradient(circle at 86% 14%,rgba(243,222,161,.42),transparent 24%),radial-gradient(circle at 70% 88%,rgba(149,180,107,.13),transparent 20%),radial-gradient(circle at 22% 80%,rgba(233,140,116,.12),transparent 18%),linear-gradient(180deg,rgba(255,252,247,.98),rgba(248,241,228,.98));border:1.5px solid rgba(231,216,190,.72);box-shadow:var(--test-shadow-md)}.child-test-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 14%,rgba(255,190,120,.18),transparent 14%),radial-gradient(circle at 92% 8%,rgba(255,210,125,.18),transparent 14%),radial-gradient(circle at 80% 60%,rgba(149,180,107,.1),transparent 16%),radial-gradient(circle at 12% 54%,rgba(103,184,198,.11),transparent 18%);opacity:.9;pointer-events:none}.child-test-filter-panel,.child-test-grid,.child-test-hero,.child-test-info,.child-test-notice,.child-test-palette,.child-test-preview-panel,.child-test-stage-wash,.child-test-state-notice{position:relative;z-index:1}.child-test-stage-wash{position:absolute;border-radius:999px;filter:blur(18px);opacity:.45;pointer-events:none}.child-test-stage-wash-coral{left:-48px;top:120px;width:200px;height:76px;background:rgba(244,182,164,.72)}.child-test-stage-wash-yellow{right:-38px;top:88px;width:210px;height:96px;background:rgba(243,222,161,.84)}.child-test-stage-wash-sage{left:40%;bottom:280px;width:220px;height:110px;background:rgba(201,217,175,.7)}.child-test-stage-wash-blue{left:18px;bottom:150px;width:180px;height:80px;background:rgba(169,216,222,.62)}.child-test-hero{position:relative;display:grid;grid-gap:20px;gap:20px;padding:6px 4px 0}.child-test-hero-stack{position:absolute;border-radius:28px;opacity:.94;filter:blur(.25px);box-shadow:0 12px 20px rgba(117,90,48,.08)}.child-test-hero-stack-coral{width:min(26vw,188px);height:96px;left:12px;top:58px;transform:rotate(-10deg);background:linear-gradient(180deg,rgba(255,151,138,.82),rgba(244,182,164,.86))}.child-test-hero-stack-yellow{width:min(30vw,218px);height:92px;left:42px;top:38px;transform:rotate(4deg);background:linear-gradient(180deg,rgba(255,204,77,.88),rgba(243,222,161,.88))}.child-test-hero-stack-blue{width:min(26vw,186px);height:98px;right:12px;bottom:26px;transform:rotate(-7deg);background:linear-gradient(180deg,rgba(112,173,210,.72),rgba(169,216,222,.88))}.child-test-hero-card{position:relative;z-index:1;background:linear-gradient(135deg,rgba(251,246,236,.98),rgba(244,231,199,.8) 22%,rgba(221,234,212,.6) 58%,rgba(201,230,229,.4)),rgba(248,241,228,.96);border:1.5px solid rgba(231,216,190,.98);border-radius:34px;box-shadow:0 20px 36px rgba(194,156,92,.12),0 3px 8px rgba(117,90,48,.08);padding:34px 34px 28px;overflow:hidden}.child-test-hero-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(149,180,107,.18),transparent 20%),radial-gradient(circle at 88% 34%,rgba(169,216,222,.14),transparent 18%),radial-gradient(circle at 36% 84%,rgba(243,222,161,.22),transparent 22%);pointer-events:none}.child-test-lock-button{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(231,216,190,.98);border-radius:999px;background:rgba(248,231,188,.92);color:var(--test-petrol-700);box-shadow:var(--test-shadow-sm);z-index:2}.child-test-lock-button svg{width:18px;height:18px}.child-test-lock-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.child-test-watermark{position:absolute;right:26px;top:18px;width:clamp(120px,20vw,200px);opacity:.08;pointer-events:none}.child-test-watermark img{width:100%;height:auto;display:block}.child-test-section-label{margin:0 0 10px;color:var(--test-text-soft);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.child-test-hero-title{margin:0;color:var(--test-petrol-700);font-family:var(--font-serif);font-size:clamp(2.7rem,7vw,4.5rem);line-height:.95}.child-test-hero-copy{margin:14px 0 0;max-width:680px;color:var(--test-text-default);font-size:1.18rem;line-height:1.55}.child-test-pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.child-test-status-pill{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:999px;box-shadow:var(--test-shadow-sm);font-weight:700}.child-test-status-pill.tone-petrol{background:linear-gradient(180deg,#6ab8c9,#2f7f90);color:#fdfbf5}.child-test-status-pill.tone-sage{background:linear-gradient(180deg,#aacc73,#86ab55);color:#fbfaf4}.child-test-status-pill.tone-yellow{background:linear-gradient(180deg,#f5d977,#ecbc46);color:#5c4804}.child-test-status-pill.tone-coral{background:linear-gradient(180deg,#f0a590,#e57e67);color:#fff9f4}.child-test-preview-panel{display:grid;grid-gap:12px;gap:12px;padding:20px 24px;border-radius:24px;border:1.5px solid rgba(231,216,190,.92);background:linear-gradient(180deg,rgba(255,252,247,.94),rgba(248,241,228,.94));box-shadow:var(--test-shadow-sm)}.child-test-preview-switcher .choice-button{min-height:44px;border-radius:999px;border:1.5px solid rgba(231,216,190,.95);background:rgba(255,255,255,.58);box-shadow:var(--test-shadow-sm)}.child-test-filter-panel{display:grid;grid-gap:18px;gap:18px;padding:22px 24px;border-radius:24px;border:1.5px solid var(--test-paper-border);background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(248,241,228,.96));box-shadow:var(--test-shadow-sm)}.child-test-filter-group{display:grid;grid-gap:12px;gap:12px}.child-test-filter-label{margin:0;color:var(--test-text-strong);font-size:1.15rem;font-weight:700}.child-test-chip-row{display:flex;flex-wrap:wrap;gap:12px}.child-test-chip{min-height:44px;border:1.5px solid rgba(231,216,190,.95);border-radius:999px;background:rgba(255,255,255,.84);color:var(--test-text-strong);padding:10px 18px;font-weight:700;box-shadow:var(--test-shadow-sm);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.child-test-chip:hover{transform:translateY(-1px);filter:brightness(1.02)}.child-test-chip.is-active{color:#fffef9}.child-test-chip.tone-all.is-active{background:linear-gradient(180deg,#64b6c8,#3e8ea4)}.child-test-badge.tone-tiere,.child-test-chip.tone-tiere.is-active{background:linear-gradient(180deg,#f3a18d,#e57e66);color:#fff8f2}.child-test-badge.tone-natur,.child-test-chip.tone-natur.is-active{background:linear-gradient(180deg,#a7cb73,#89ad55);color:#fbfbf4}.child-test-badge.tone-technik,.child-test-badge.tone-wissen,.child-test-chip.tone-technik.is-active,.child-test-chip.tone-wissen.is-active{background:linear-gradient(180deg,#f1d26d,#f0b83a);color:#5d4704}.child-test-chip.tone-anna.is-active{background:linear-gradient(180deg,#789fd0,#5f82bc)}.child-test-chip.tone-julian.is-active{background:linear-gradient(180deg,#b7c8d0,#91aab4);color:#324951}.child-test-chip.tone-tobi.is-active{background:linear-gradient(180deg,#88ccb5,#4d9a82)}.child-test-chip.tone-maus.is-active{background:linear-gradient(180deg,#7ac0c9,#4e98a5)}.child-test-badge.tone-default,.child-test-chip.tone-default.is-active{background:linear-gradient(180deg,#f2c59b,#efb17f);color:#5c4021}.child-test-state-notice{border-width:1.5px;box-shadow:var(--test-shadow-sm)}.child-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));grid-gap:20px;gap:20px}.child-test-card{position:relative;display:grid;grid-gap:14px;gap:14px;padding:14px;border-radius:24px;border:1.5px solid var(--test-paper-border);background:linear-gradient(180deg,rgba(255,251,244,.98),rgba(248,241,228,.98));box-shadow:0 8px 20px rgba(117,90,48,.09);overflow:hidden}.child-test-card:before{content:"";position:absolute;inset:auto 0 0;height:32%;background:radial-gradient(circle at 30% 100%,rgba(243,222,161,.18),transparent 45%);pointer-events:none}.child-test-card-button{width:100%;color:inherit;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.child-test-card-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(117,90,48,.11)}.child-test-card-button:focus-visible,.child-test-chip:focus-visible,.child-test-lock-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(103,184,198,.35),var(--test-shadow-sm)}.child-test-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.52)}.child-test-thumb-fallback,.child-test-thumb-image{width:100%;height:100%}.child-test-thumb-image{object-fit:cover;display:block}.child-test-thumb-fallback{display:grid;place-items:center;color:var(--test-text-soft);background:linear-gradient(135deg,rgba(244,182,164,.3),rgba(169,216,222,.3))}.child-test-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 56%,rgba(44,58,67,.05));pointer-events:none}.child-test-badge,.child-test-meta-pill,.child-test-review-counter{box-shadow:var(--test-shadow-sm)}.child-test-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:14px;font-size:.92rem;font-weight:700}.child-test-review-counter{min-height:34px;padding:7px 12px;background:rgba(248,241,228,.94);color:var(--test-petrol-700);font-weight:700}.child-test-play-button,.child-test-review-counter{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;border-radius:999px}.child-test-play-button{justify-content:center;width:58px;height:58px;color:#f3dea1;background:linear-gradient(180deg,#1fafb6,#2e6671);box-shadow:0 10px 18px rgba(46,102,113,.28);transition:transform .15s ease}.child-test-card-button:hover .child-test-play-button{transform:scale(1.04)}.child-test-play-button svg{width:20px;height:20px}.child-test-card-body{position:relative;z-index:1}.child-test-card-title{display:-webkit-box;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--test-petrol-700);font-size:1.55rem;font-family:var(--font-serif);line-height:1.14}.child-test-card-duration{margin:8px 0 0;color:var(--test-text-default);font-size:1rem}.child-test-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.child-test-meta-pill{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:#efe4d1;color:#5e6c71;font-size:.95rem;font-weight:600}.child-test-empty-card,.child-test-info,.child-test-palette{border-radius:24px;border:1.5px solid var(--test-paper-border);background:linear-gradient(180deg,rgba(255,250,242,.98),rgba(248,241,228,.98));box-shadow:var(--test-shadow-sm)}.child-test-empty-card{padding:24px}.child-test-empty-card h3,.child-test-info h3{margin-top:0;margin-bottom:10px;color:var(--test-petrol-700);font-family:var(--font-serif);font-size:2rem}.child-test-empty-card p,.child-test-info p{margin:10px 0 0;color:var(--test-text-default);font-size:1.08rem;line-height:1.55}.child-test-info{padding:28px}.child-test-palette{display:flex;align-items:center;gap:10px;padding:16px 18px}.child-test-palette .swatch{width:36px;height:36px;border-radius:999px;border:1px solid rgba(231,216,190,.9);box-shadow:var(--test-shadow-sm);flex:0 0 auto}.child-test-palette .swatch.tone-paper{background:#f8e9a6}.child-test-palette .swatch.tone-petrol{background:linear-gradient(180deg,#6dbfcf,#3f7c87)}.child-test-palette .swatch.tone-yellow{background:linear-gradient(180deg,#ffd562,#f0b835)}.child-test-palette .swatch.tone-coral{background:linear-gradient(180deg,#f08b74,#ff604f)}.child-test-palette .swatch.tone-rose{background:linear-gradient(180deg,#ff9f84,#f38d7d)}.child-test-palette .palette-bar{display:block;min-width:140px;flex:1 1 auto;height:34px;border-radius:999px;border:1px solid rgba(231,216,190,.9);background:linear-gradient(90deg,#6a92c8,#7ebfc7 25%,#d8d98f 50%,#efc37f 75%,#f2d1b6);box-shadow:var(--test-shadow-sm)}.child-test-notice{border-width:1.5px;border-color:rgba(103,184,198,.24);background:rgba(103,184,198,.1);color:var(--test-petrol-700)}@media (max-width:700px){.shell{width:min(100vw - 20px,100%);padding-top:18px}.card{padding:18px}.page-header{flex-direction:column}.compact-stats-grid.three,.compact-stats-grid.two{grid-template-columns:1fr}.compact-stats-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.child-test-adminbar,.child-test-topbar{flex-direction:column}.child-test-adminbar{align-items:flex-start}.child-test-stage{padding:18px}.child-test-page{background-size:520px auto}.child-test-hero-card-live{padding-right:18px;padding-top:116px}.child-test-hero-logo{right:18px;top:18px;width:112px}.child-test-hero-card{padding:22px 20px 18px}.child-test-watermark{width:120px;right:14px;top:24px}.child-test-hero-stack-blue,.child-test-hero-stack-coral,.child-test-hero-stack-yellow{display:none}.child-test-grid{grid-template-columns:1fr}.child-test-card-title{font-size:1.55rem}.child-test-play-button{width:52px;height:52px}.child-test-palette{flex-wrap:wrap}}