:root{--primary:#6d5efc;--primary-deep:#5a49ea;--primary-soft:#efecff;--accent:#ffb703;--coral:#ff6b6b;--mint:#2ec4b6;--sky:#4cc9f0;--pink:#ff8fab;--surface:#ffffff;--bg:#f7f5ff;--text:#2b2a3d;--muted:#6f6d88;--success:#22c55e;--danger:#ef4444;--star:#ffc53d;--text-soft:#6f6a94;--coral-solid:#ff7d9c;--violet-solid:#6d5efc;--line:#e6e4f5;--warn-bg:#fff8e1;--warn-text:#a16207;--on-star:#7a4b00;--success-soft:#bbe7c9;--warning-soft:#ffe1ad;--kind-school:#4cc9f0;--kind-academy:#ff8fab;--kind-personal:#2ec4b6;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 6px 18px rgba(109,94,252,0.10);--shadow-pop:0 10px 28px rgba(109,94,252,0.22);--grad-hero:linear-gradient(135deg,#7c6cff,#4cc9f0);--grad-warm:linear-gradient(135deg,#ffb703,#ff8fab);--grad-mint:linear-gradient(135deg,#2ec4b6,#4cc9f0);--grad-sunset:linear-gradient(135deg,#ff6b6b,#ffb703);--font-round:var(--font-display,"Jua"),"Comic Sans MS","Segoe UI",sans-serif;--font-body:var(--font-ui,"Gowun Dodum"),"Noto Sans KR","Apple SD Gothic Neo",sans-serif;--font-figure:var(--font-num,"Fredoka"),var(--font-ui,"Gowun Dodum"),sans-serif;--text-2xl:28px;--text-xl:24px;--text-lg:21px;--text-md:17px;--text-sm:15px;--text-xs:13px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px}[data-theme=dark]{--primary-soft:#322b5e;--primary-deep:#bdb4ff;--surface:#26243c;--bg:#171627;--text:#efedfb;--muted:#a8a6c2;--text-soft:#b5b1d6;--line:#3a3760;--warn-bg:#453a1a;--warn-text:#ffd166;--shadow-card:0 6px 18px rgba(0,0,0,0.4);--shadow-pop:0 10px 28px rgba(0,0,0,0.55)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.font-round,h1,h2,h3,h4{font-family:var(--font-round);letter-spacing:.5px}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}:focus{outline:none}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:8px}::selection{background:var(--primary);color:#fff}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:50%;transform:translateX(-50%);z-index:300;background:var(--primary);color:#fff;font-weight:800;font-size:14px;padding:10px 18px;border-radius:999px;transition:top .15s ease}.skip-link:focus-visible{top:12px;outline:3px solid #fff}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}.app-shell.parent-shell{max-width:1080px}.card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-card);padding:16px}.num{font-family:var(--font-figure);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.chip{gap:4px;padding:4px 10px;font-size:13px;font-weight:600;background:var(--primary-soft);color:var(--primary-deep)}.btn,.chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill)}.btn{justify-content:center;gap:6px;padding:10px 18px;font-weight:700;font-size:15px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:active{transform:scale(.95)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(109,94,252,.35)}.btn-primary:hover{filter:brightness(1.07)}.btn-soft{background:var(--primary-soft);color:var(--primary-deep)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:#fee2e2;color:var(--danger)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 12px rgba(34,197,94,.35)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{font-size:13px;padding:10px 14px;min-height:44px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}.field input,.field select,.field textarea{border:2px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:16px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary)}.empty{text-align:center;color:var(--muted);padding:28px 12px;font-size:14px}.empty .empty-emoji{font-size:34px;display:block;margin-bottom:8px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:var(--surface);box-shadow:0 -6px 20px rgba(43,42,61,.08);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-around;padding:6px 8px calc(10px + env(safe-area-inset-bottom));z-index:40}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--muted);padding:6px 14px;border-radius:var(--radius-md);transition:color .15s ease,background .15s ease}.bottom-nav a .nav-icon{font-size:22px}.bottom-nav a.active{color:var(--primary-deep);background:var(--primary-soft)}.parent-layout{display:flex;min-height:100vh}.parent-side{width:220px;background:var(--surface);border-right:1px solid #eceafd;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px}.parent-side .brand{font-size:20px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.parent-side a.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;font-weight:700;font-size:15px;color:var(--muted);transition:background .15s ease,color .15s ease}.parent-side a.nav-item:hover{background:var(--primary-soft)}.parent-side a.nav-item.active{background:var(--primary);color:#fff}.parent-main{flex:1 1;padding:26px 30px 60px;min-width:0;max-width:900px}.parent-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.hamburger,.parent-drawer,.parent-drawer-scrim{display:none}@media (max-width:900px){.parent-side{display:none}.parent-main{padding:12px 14px 48px}.parent-topbar{gap:8px;margin-bottom:14px}.hamburger{display:inline-flex;font-size:20px;padding:6px 10px}.parent-drawer{display:flex;flex-direction:column;gap:6px;position:fixed;top:0;left:0;bottom:0;width:min(280px,84vw);background:var(--surface);z-index:90;padding:22px 14px calc(22px + env(safe-area-inset-bottom));transform:translateX(-100%);transition:transform .22s ease;box-shadow:none}.parent-drawer.open{transform:translateX(0);box-shadow:8px 0 30px rgba(43,42,61,.25)}.parent-drawer .brand{font-size:20px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.parent-drawer a.nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;font-weight:700;font-size:15px;color:var(--muted)}.parent-drawer a.nav-item.active{background:var(--primary);color:#fff}.parent-drawer-scrim{display:block;position:fixed;inset:0;background:rgba(43,42,61,.4);z-index:80}}@media (max-width:560px){.parent-row{flex-direction:column!important;align-items:stretch!important}.parent-row .parent-row-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes stamp-hit{0%{transform:scale(2.2) rotate(-18deg);opacity:0}60%{transform:scale(.92) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes flame-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}@keyframes rise-fade{0%{transform:translateY(18px);opacity:0}20%{opacity:1}to{transform:translateY(-64px);opacity:0}}@keyframes spin-slow{to{transform:rotate(1turn)}}.anim-floaty{animation:floaty 3s ease-in-out infinite}.anim-pop{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.anim-stamp{animation:stamp-hit .4s cubic-bezier(.34,1.56,.64,1) both}.anim-wiggle{animation:wiggle .5s ease-in-out infinite}.anim-flame{animation:flame-pulse 1.6s ease-in-out infinite;display:inline-block}.kid-shell{font-family:var(--font-body);font-size:var(--text-md);color:var(--text);background:radial-gradient(circle at 12% 6%,rgba(255,255,255,.55) 0 26px,transparent 27px),radial-gradient(circle at 88% 12%,rgba(255,255,255,.4) 0 20px,transparent 21px),radial-gradient(circle at 22% 46%,rgba(124,108,255,.07) 0 44px,transparent 45px),radial-gradient(circle at 82% 72%,rgba(76,201,240,.09) 0 52px,transparent 53px),var(--bg);background-attachment:fixed}.kid-card,.kid-shell .card{border:2.5px solid rgba(109,94,252,.16);box-shadow:0 4px 0 rgba(109,94,252,.12);border-radius:20px}.kid-shell .btn{font-family:var(--font-body);font-weight:700}.kid-h2{font-size:var(--text-lg)}.kid-h2,.kid-h3{font-family:var(--font-round);line-height:1.3}.kid-h3{font-size:var(--text-md)}.kid-help{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-soft);line-height:1.5}.btn-kid{font-size:18px;padding:13px 24px;border-radius:18px;border:2.5px solid rgba(109,94,252,.25);box-shadow:0 4px 0 rgba(109,94,252,.25);transition:transform .12s ease,box-shadow .12s ease}.btn-kid:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(109,94,252,.25)}.btn-kid-primary{background:var(--coral-solid);color:#fff;border-color:rgba(255,125,156,.45);box-shadow:0 4px 0 rgba(217,84,116,.35)}.btn-kid-soft{background:var(--primary-soft);color:var(--primary-deep)}.board-card{text-align:center}.board-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 18px}.board-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:16px 0}.board-grid-mini{display:flex;flex-wrap:wrap;gap:4px}.board-slot{border:2.5px dashed rgba(109,94,252,.35);border-radius:14px;background:rgba(247,245,255,.8);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.board-slot-filled{border-style:solid;border-color:rgba(109,94,252,.3);background:#fff;box-shadow:0 3px 0 rgba(109,94,252,.18)}.board-slot-tappable{border-color:rgba(255,139,171,.65);background:rgba(255,143,171,.1);cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease}.board-slot-tappable:hover{border-color:var(--coral-solid);background:rgba(255,143,171,.18)}.board-slot-tappable:active{transform:scale(.9)}.board-wait{background:#fff4e0;color:#b45309;font-size:15px;padding:10px 16px}.board-hint{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-soft);font-family:var(--font-body)}.board-cancel{font-size:var(--text-xs);text-decoration:underline}.board-grid .board-slot-filled{box-shadow:inset 0 -3px 0 rgba(109,94,252,.14),0 3px 0 rgba(109,94,252,.18);border-radius:18px}.board-sticker{display:inline-block}@media (prefers-reduced-motion:reduce){.anim-flame,.anim-floaty,.anim-pop,.anim-stamp,.anim-wiggle{animation:none!important}*{transition-duration:.01ms!important;scroll-behavior:auto!important}}.scroll-hint{display:none;text-align:center;font-size:12px;font-weight:700;color:var(--muted);margin-top:6px}@media (max-width:700px){.scroll-hint{display:block}}.role-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(210px,80vw);padding:24px 18px;border-radius:var(--radius-lg);background:var(--surface);color:var(--primary-deep);box-shadow:0 14px 34px rgba(0,0,0,.22);transition:transform .12s ease}.role-card:active{transform:scale(.96)}.role-card .role-desc{font-size:11.5px;color:var(--muted);font-weight:600;text-align:center;line-height:1.5}