@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}@font-face{font-family:Nanum Pen Script;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NanumPenScript-Latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nanum Pen Script;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NanumPenScript-Korean.woff2)format("woff2");unicode-range:U+11??,U+3000-303F,U+3130-318F,U+AC00-D7A3,U+F900-FAFF,U+FF00-FFEF}:root{--paper:#faf7ef;--paper-tint:#f3efe2;--paper-deep:#ebe4d3;--ink:#17213c;--ink-soft:#4a5474;--ink-faint:#626b89;--blue:#2f5df5;--blue-deep:#2147c8;--blue-soft:#dbe4ff;--yellow:#ffd233;--yellow-soft:#fff3c4;--mint:#26c2a3;--mint-soft:#d6f5ec;--orange:#ff7043;--orange-soft:#ffe0d8;--card:#fff;--border:2px solid var(--ink);--shadow-pop:5px 7px 0 #17213c1f;--shadow-hover:8px 11px 0 #17213c29;--radius:18px;--font-sans:"Pretendard Variable", Pretendard, "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;--font-hand:"Nanum Pen Script", "Malgun Gothic", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px;overflow-x:clip}body{min-width:320px;color:var(--ink);background-color:var(--paper);font-family:var(--font-sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(#2f5df50e 1px,#0000 1px),linear-gradient(90deg,#2f5df50e 1px,#0000 1px);background-size:28px 28px;margin:0;line-height:1.6}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 5% 16%,#ffd2332e,#0000 18%),radial-gradient(circle at 92% 38%,#26c2a31f,#0000 20%);position:fixed;inset:0}::selection{color:var(--ink);background:var(--yellow)}a{color:inherit}button,input,select{font:inherit}button,select,.resource-action,.worksheet-action{min-height:44px}button,select,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:8px;padding:10px 14px;font-weight:800;transition:top .18s;position:fixed;top:-88px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:20;border-bottom:var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf7eff0;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:12px clamp(18px,4vw,58px);display:flex;position:sticky;top:0}.brand{min-height:44px;color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:17px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{background:var(--yellow);border:var(--border);width:36px;height:36px;box-shadow:2px 3px 0 var(--ink);border-radius:10px;place-items:center;display:grid;transform:rotate(-2deg)}.brand-mark svg{width:21px;height:21px}.brand-mark path{fill:#fff;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.desktop-nav nav{align-items:center;gap:clamp(14px,2vw,25px);font-size:14px;font-weight:800;display:flex}.desktop-nav nav a,.mobile-menu nav a{text-underline-offset:5px;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.desktop-nav nav a:hover{color:var(--blue);text-decoration:underline}.mobile-menu{display:none;position:relative}.mobile-menu summary{background:var(--card);border:var(--border);cursor:pointer;border-radius:10px;place-items:center;min-width:62px;min-height:44px;font-weight:850;list-style:none;display:grid;box-shadow:2px 3px #17213c26}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{border:var(--border);min-width:210px;box-shadow:var(--shadow-pop);background:#fff;border-radius:12px;padding:10px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.mobile-menu nav a{border-radius:7px;padding:11px 10px}.mobile-menu nav a:hover{background:var(--blue-soft)}.hero{isolation:isolate;max-width:1120px;margin:0 auto;padding:clamp(52px,7vw,92px) clamp(18px,4vw,40px) 56px;position:relative}.tape-label{background:var(--yellow);font-family:var(--font-hand);letter-spacing:.05em;margin:0 0 22px;padding:4px 18px 6px;font-size:20px;font-weight:400;display:inline-block;transform:rotate(-1.5deg);box-shadow:3px 3px #17213c1f}.hero-doodles{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-doodles .doodle{color:var(--blue);font-family:var(--font-hand);opacity:.8;font-size:clamp(21px,2.6vw,30px);position:absolute}.hero-doodles .d1{top:88px;right:30%;transform:rotate(-9deg)}.hero-doodles .d2{color:var(--orange);bottom:120px;right:5%;transform:rotate(7deg)}.hero-doodles .d3{color:var(--ink-soft);font-size:clamp(24px,3vw,34px);top:clamp(110px,15vw,150px);right:8%;transform:rotate(10deg)}.hero-hint{color:var(--ink-soft);font-family:var(--font-hand);margin:16px 0 0 6px;font-size:20px;transform:rotate(-.6deg)}.hero-stats{flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.hero-stats li{background:var(--card);border:var(--border);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:850;box-shadow:2px 3px #17213c1f}.hero-stats li:first-child{background:var(--orange-soft);transform:rotate(-1deg)}.hero-stats li:nth-child(2){background:var(--blue-soft);transform:rotate(.8deg)}.hero-stats li:nth-child(3){background:var(--yellow);transform:rotate(-.6deg)}.hero h1{letter-spacing:-.067em;text-wrap:balance;max-width:800px;margin:0;font-size:clamp(48px,8vw,94px);line-height:.98}.hero mark{color:inherit;background:linear-gradient(transparent 62%, var(--yellow) 62%);padding:0 .04em}.hero>p:not(.tape-label){max-width:670px;color:var(--ink-soft);margin:28px 0 0;font-size:clamp(16px,2vw,20px);line-height:1.75}.search-box{background:var(--card);border:var(--border);max-width:770px;box-shadow:var(--shadow-pop);border-radius:16px;grid-template-columns:1fr auto;gap:10px;margin-top:36px;padding:10px;display:grid}.search-box label{color:var(--ink-soft);grid-column:1/-1;font-size:13px;font-weight:850}.search-box input{min-width:0;min-height:50px;color:var(--ink);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:16px}.search-box input::placeholder{color:var(--ink-faint)}.search-box button{color:#fff;background:var(--blue);box-shadow:2px 3px 0 var(--ink);cursor:pointer;border:0;border-radius:10px;padding:0 24px;font-weight:850;transition:transform .18s,background .18s}.search-box button:hover{background:var(--blue-deep);transform:translateY(-2px)}.content-section{max-width:1120px;margin:0 auto;padding:60px clamp(18px,4vw,40px);scroll-margin-top:70px}#featured{position:relative}#featured:before{z-index:-1;content:"";background:#ffffff75;border-block:2px dashed #17213c3d;position:absolute;inset:18px min(0px,560px - 50vw)}.section-kicker{color:var(--ink);background:var(--mint-soft);font-family:var(--font-hand);letter-spacing:.04em;margin:0 0 10px;padding:3px 15px 5px;font-size:18px;font-weight:400;display:inline-block;transform:rotate(-1deg);box-shadow:2px 3px #17213c1a}.section-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-.052em;margin:0;font-size:clamp(31px,5vw,54px);line-height:1.05}.section-heading>p{color:var(--ink-soft);margin:0;font-size:14px}.section-heading>a,.trust-links a{min-height:44px;color:var(--blue);text-underline-offset:5px;align-items:center;font-weight:850;display:inline-flex}.filter-chips{flex-wrap:wrap;gap:10px;display:flex}.filter-chips button{color:var(--ink);border:var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:0 17px;font-weight:850;transition:transform .16s,background .16s;box-shadow:2px 3px #17213c1a}.filter-chips button:hover{background:var(--yellow-soft);transform:translateY(-2px)}.filter-chips button[aria-pressed=true]{color:#fff;background:var(--ink)}.filter-fields{background:#ffffff9e;border:2px dashed #17213c59;border-radius:16px;min-width:0;margin:22px 0 28px;padding:16px}.filter-fields legend{color:var(--ink);background:var(--paper);padding:0 8px;font-size:14px;font-weight:900}.filter-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.filter-field-grid label{color:var(--ink-soft);gap:7px;font-size:13px;font-weight:850;display:grid}.filter-field-grid select{width:100%;color:var(--ink);border:var(--border);cursor:pointer;background:#fff;border-radius:11px;padding:0 12px}.active-filter-bar{align-items:center;gap:14px;margin:-12px 0 28px;display:flex}.active-filters{flex-wrap:wrap;flex:1;gap:8px;display:flex}.active-filter-chip,.clear-filters{border:var(--border);cursor:pointer;border-radius:999px;font-size:13px;font-weight:850}.active-filter-chip{color:var(--ink);background:var(--yellow-soft);align-items:center;gap:8px;padding:0 13px;display:inline-flex;box-shadow:2px 3px #17213c1a}.active-filter-chip span:last-child{color:var(--blue-deep);font-size:18px;line-height:1}.clear-filters{color:#fff;background:var(--ink);flex-shrink:0;padding:0 15px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-card{background:var(--card);border:var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-pop);flex-direction:column;padding:21px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex}.resource-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.featured-tabs{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.featured-tabs button,.featured-tabs a{min-height:44px;color:var(--ink);border:var(--border);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 17px;font-size:14px;font-weight:850;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex;box-shadow:2px 3px #17213c1a}.featured-tabs button:hover,.featured-tabs a:hover{background:var(--yellow-soft);transform:translateY(-2px)}.featured-tabs button[aria-pressed=true]{color:#fff;background:var(--blue)}.featured-stage{border:var(--border);border-radius:var(--radius);height:clamp(400px,56vw,560px);box-shadow:var(--shadow-pop);background:#0a0f18;position:relative;overflow:hidden}.featured-stage iframe{border:0;width:100%;height:100%;display:block}.stage-poster,.stage-poster img{width:100%;height:100%}.stage-poster{position:absolute;inset:0}.stage-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#0a0f18c7);position:absolute;inset:0}.stage-poster img{object-fit:cover;display:block}.stage-start,.stage-close{z-index:2;color:var(--ink);border:var(--border);cursor:pointer;font-weight:900;position:absolute;box-shadow:3px 4px #17213c40}.stage-start{color:var(--ink);background:var(--yellow);font-family:var(--font-hand);border-radius:999px;padding:8px 25px;font-size:23px;transition:transform .16s,background .16s;bottom:22px;left:50%;transform:translate(-50%)}.stage-start:hover{background:#ffdd62;transform:translate(-50%,-2px)}.stage-close{background:#fffffff0;border-radius:10px;padding:6px 13px;font-size:13px;top:12px;right:12px}.stage-close:hover{background:var(--yellow-soft)}.stage-loading{color:#fff;pointer-events:none;background:#0a0f18d6;place-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.stage-spinner{border:4px solid #ffffff42;border-top-color:var(--yellow);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite stage-spin}@keyframes stage-spin{to{transform:rotate(1turn)}}.stage-status{min-height:24px;color:var(--ink-soft);margin:10px 2px 0;font-size:13px;font-weight:750}.stage-status[data-state=slow]{color:#a2422b}.stage-status[data-state=ready]{color:#17745f}.stage-meta{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.stage-meta p{color:var(--ink-soft);margin:0}.stage-actions{flex-shrink:0;gap:8px;display:flex}.stage-actions a{border:var(--border);border-radius:10px;align-items:center;min-height:44px;padding:0 16px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.stage-actions a:first-child{color:#fff;background:var(--blue)}.stage-actions a:last-child:not(:first-child){background:#fff}.resource-visual{border:2px solid #17213cb3;border-radius:12px;place-items:center;height:98px;margin:-3px -3px 18px;display:grid;position:relative;overflow:hidden}.resource-emoji{border:2px solid var(--ink);background:#ffffffeb;border-radius:50%;place-items:center;width:64px;height:64px;font-size:34px;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:grid;transform:rotate(-3deg);box-shadow:2px 3px #17213c24}.resource-card:hover .resource-emoji{transform:rotate(3deg)scale(1.08)}.subject-icon{border:2px solid var(--ink);background:#ffffffd9;border-radius:50%;width:56px;height:56px;padding:11px;transform:rotate(-3deg)}.subject-icon path,.subject-icon circle{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.subject-matter{background:linear-gradient(135deg, var(--orange-soft) 30%, var(--yellow-soft));border-bottom:3px solid var(--orange)}.subject-energy{background:linear-gradient(135deg, var(--yellow-soft) 30%, var(--yellow));border-bottom:3px solid var(--yellow)}.subject-life{background:linear-gradient(135deg, var(--mint-soft) 30%, #e9f8d7);border-bottom:3px solid var(--mint)}.subject-earth-space{background:linear-gradient(135deg, var(--blue-soft) 30%, #d9d6ff);border-bottom:3px solid var(--blue)}.resource-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.subject-tag{border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:2px 9px 3px;font-weight:850}.tag-matter{background:var(--orange-soft)}.tag-energy{background:var(--yellow-soft)}.tag-life{background:var(--mint-soft)}.tag-earth-space{background:var(--blue-soft)}.grade-group{margin-bottom:14px}.grade-group[open]{margin-bottom:30px}.grade-group:last-of-type{margin-bottom:0}.grade-label{background:var(--card);border:var(--border);box-shadow:var(--shadow-pop);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:14px;padding:13px 18px;list-style:none;transition:transform .16s,box-shadow .16s;display:flex}.grade-label::-webkit-details-marker{display:none}.grade-label:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.grade-group[open] .grade-label{background:var(--yellow-soft)}.grade-name{letter-spacing:-.02em;font-size:18px;font-weight:900}.grade-preview{letter-spacing:.25em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;overflow:hidden}.grade-count{background:var(--yellow);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:13px;font-weight:850;display:inline-flex}.grade-arrow{transition:transform .18s;display:inline-block}.grade-group[open] .grade-arrow{transform:rotate(180deg)}.grade-group .resource-grid{margin-top:16px}.resource-card h3{letter-spacing:-.035em;margin:14px 0 8px;font-size:23px;line-height:1.2}.resource-card p{color:var(--ink-soft);margin:0 0 22px;line-height:1.66}.resource-actions{gap:8px;margin-top:auto;display:flex}.resource-actions .resource-action{flex:1}.resource-actions.is-worksheet-primary .worksheet-action{background:var(--paper)}.resource-action,.worksheet-action{border:var(--border);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.resource-action{color:#fff;background:var(--blue)}.resource-action.is-disabled,.worksheet-action.is-disabled{color:var(--ink-soft);background:var(--paper-tint);cursor:not-allowed;border-color:#98a0b6}.worksheet-action{color:var(--ink);background:#fff}.empty-state,.usage-notice{background:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:clamp(26px,5vw,48px)}.empty-state h3,.usage-notice h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.08}.empty-state p,.usage-notice>p:last-child{max-width:720px;color:var(--ink-soft)}.empty-state button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:10px;padding:0 17px;font-weight:850}.usage-notice{background:var(--mint-soft)}.trust-meta{flex-wrap:wrap;gap:10px 28px;margin:26px 0 0;display:flex}.trust-meta div{gap:2px;display:grid}.trust-meta dt{color:var(--ink-soft);font-size:12px;font-weight:850}.trust-meta dd{color:var(--ink);margin:0;font-weight:850}.trust-links{flex-wrap:wrap;gap:8px 18px;margin-top:18px;display:flex}.trust-links a{font-size:14px}.site-footer{color:var(--ink-soft);text-align:center;border-top:2px dashed #17213c40;padding:34px 20px 48px}.site-footer strong{color:var(--ink);font-size:18px}.site-footer p{margin:5px 0 0;font-size:13px}@media (width<=900px){.desktop-nav{display:none}.mobile-menu{display:block}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){html{scroll-behavior:auto;scroll-padding-top:70px}.featured-stage{height:450px}.stage-meta{flex-direction:column;align-items:flex-start}.site-header{min-height:64px}.brand{font-size:15px}.brand-mark{width:32px;height:32px}.hero{padding-top:70px;padding-bottom:48px}.hero-doodles{display:none}.hero-hint{font-size:18px}.hero h1{font-size:clamp(44px,15vw,66px)}.hero>p:not(.tape-label){font-size:16px}.search-box{grid-template-columns:1fr}.search-box button{width:100%}.content-section{padding-top:46px;padding-bottom:46px}.section-heading{flex-direction:column;align-items:flex-start}.filter-field-grid,.resource-grid{grid-template-columns:1fr}.active-filter-bar{flex-direction:column;align-items:flex-start}.resource-card.featured{--rot:0deg}}@media (width<=600px){.hero{padding-top:62px;padding-bottom:42px}.clear-filters{width:100%}}.privacy-page{min-height:100vh;padding:clamp(24px,6vw,72px) clamp(16px,4vw,32px)}.privacy-card{background:var(--paper);border:var(--border);border-radius:var(--radius);max-width:820px;box-shadow:var(--shadow-pop);margin:0 auto;padding:clamp(26px,5vw,52px)}.privacy-card h1{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(34px,6vw,58px);line-height:1.05}.privacy-card section{margin-top:30px}.privacy-card h2{margin:0 0 8px;font-size:clamp(20px,3vw,25px)}.privacy-card p{max-width:680px;color:var(--ink-soft)}.privacy-summary{font-size:18px}.privacy-card a{color:var(--blue);text-underline-offset:5px;font-weight:850}.privacy-updated{margin-top:34px;font-size:14px}.privacy-home-link{align-items:center;min-height:44px;margin-top:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}