@font-face{font-family:Pretendard;src:url(/fonts/Pretendard.woff2) format("woff2");font-display:swap;font-weight:100 900}*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#292b2a;font-family:Pretendard,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #9b7fe3;outline-offset:5px}button:not(:disabled),a{touch-action:manipulation}::selection{background:#d5c6f3}h1,h2,p{margin:0}svg{flex-shrink:0}.app-shell{max-width:1320px;margin:auto;padding:0 52px}.topbar{height:100px;border-bottom:1px solid #deded4;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;padding:0}.brand strong{font-size:24px;letter-spacing:-1.2px;font-weight:850}.brand strong>span{color:#8a6bc5}.brand-icon{background:#ddd3f5;border:1.5px solid #333c36;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:2px 2px #333c36}.beta{font-size:10px;border:1px solid #cecec1;border-radius:5px;padding:4px 6px;color:#74796e;font-weight:600;align-self:center;margin-left:4px}.topbar nav{display:flex;align-items:center;gap:17px}.topbar nav>a{font-size:13px;font-weight:650;display:flex;gap:4px;align-items:center;margin-right:10px}.icon-button{padding:6px;display:grid;place-items:center;border-radius:6px;color:#62665f}.intro{padding:53px 0 35px;text-align:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.2px;display:flex;gap:8px;align-items:center;justify-content:center;color:#727765}.eyebrow>span{width:6px;height:6px;background:#8ca471;border-radius:50%}.intro h1{font-size:46px;font-weight:850;letter-spacing:-2px;margin:13px 0 14px;position:relative;display:inline-block;line-height:1.2}.purple{color:#8c70c9}.intro p{font-size:15px;color:#777b70;line-height:1.6;letter-spacing:-.3px}.spark{position:absolute;width:40px;height:40px;right:-46px;top:-14px;stroke:#9c84cf;stroke-width:3;fill:none;stroke-linecap:round}.home-layout{display:grid;grid-template-columns:1.25fr 1fr;max-width:1040px;gap:67px;margin:0 auto}.paint-window{border:1.5px solid #474c42;background:#efeee5;border-radius:10px;box-shadow:5px 6px #d9dbce;overflow:hidden}.hero-window{align-self:center;transform:rotate(-1.2deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;background:#dfe7ce;height:38px;padding:0 12px;border-bottom:1.5px solid #68715d;font-size:11px;font-weight:700;color:#414936}.window-bar>span{display:flex;align-items:center;gap:7px}.window-controls{display:flex;gap:5px}.window-controls i{font-size:13px;font-family:Arial,sans-serif;font-style:normal;border:1px solid #8c947f;background:#f2f4e9;display:grid;place-items:center;width:18px;height:17px;border-radius:3px;line-height:1}.paint-menu{height:31px;display:flex;align-items:center;gap:19px;padding:0 13px;font-size:10px;border-bottom:1px solid #d3d5ca;color:#656b5d}.paint-menu .zoom{margin-left:auto;font-size:9px;letter-spacing:.4px}.canvas-wrap{position:relative;background:#fffefb;overflow:hidden}.hero-canvas{height:325px;margin:8px;display:flex;align-items:center;justify-content:center;border:1px solid #dbded4}.doodle{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.doodle svg{width:100%;height:100%;max-width:100%;display:block}.hero-canvas>.doodle{max-width:365px;height:310px;transform:translate(7px)}.canvas-tools{position:absolute;left:8px;top:11px;z-index:1;display:flex;flex-direction:column;gap:9px;color:#7f8579;font-size:24px;text-align:center}.canvas-tools svg{width:21px;height:21px;padding:2px}.canvas-tools svg:first-child{background:#ddd3ef;border:1px solid #8f859f;border-radius:3px;color:#40334f}.drawing-note{position:absolute;bottom:15px;left:43px;font-size:11px;color:#999b90;transform:rotate(-3deg)}.question-sticker{position:absolute;right:17px;top:28px;background:#e9dff9;border:1px solid #b1a1cc;border-radius:50%;padding:15px 12px;transform:rotate(10deg);font-size:17px;font-weight:750;color:#796398}.palette{display:flex;gap:8px;align-items:center;min-height:37px;padding:2px 12px 8px}.palette>div{display:grid;grid-template-columns:repeat(8,14px);gap:3px}.palette>div i{width:14px;height:11px;border:1px solid #8b9086}.active-color{width:28px;height:27px;border:1px solid #b4b9ad;position:relative;background:#fff}.active-color i{position:absolute;left:4px;top:4px;background:#282a2b;width:16px;height:16px;border:1px solid white;box-shadow:2px 2px #bbb}.palette-label{margin-left:auto;font-size:10px;color:#8d9283}.status-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d3d5c9;padding:7px 11px;font-size:9px;color:#808674}.start-panel{padding:14px 0 0}.pill{display:inline-flex;background:#e9e1f6;color:#7d649d;font-size:11px;font-weight:750;padding:6px 9px;border-radius:6px;letter-spacing:-.2px}.start-panel h2{font-size:42px;font-weight:850;line-height:1.19;letter-spacing:-1.6px;margin:16px 0}.description{font-size:13px;line-height:1.8;color:#808476;letter-spacing:-.2px}fieldset{border:0;padding:0;margin:23px 0 16px}legend{font-size:11px;font-weight:750;color:#747b6c;margin:0 0 10px}.category-switch{display:flex;background:#eaece2;padding:4px;border-radius:9px;border:1px solid #dddfd4;gap:4px}.category-switch button{width:33.33%;padding:9px 8px;font-size:12px;color:#7e8376;border-radius:6px;font-weight:650}.category-switch button.selected{background:#fffef9;box-shadow:0 1px 3px #28302016;color:#373e2d}.primary{display:flex;justify-content:center;align-items:center;gap:10px;background:#dacfef;border:1.5px solid #45433d;box-shadow:3px 3px #45433d;border-radius:9px;min-height:49px;width:100%;font-size:14px;font-weight:750;transition:background .15s,transform .15s,box-shadow .15s}.primary:disabled{opacity:.45;box-shadow:1px 1px #45433d}.primary:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px #45433d}.primary:not(:disabled):hover{background:#cdbde8}.start-button{justify-content:space-between;padding:0 18px}.start-meta{display:flex;justify-content:center;gap:20px;font-size:10px;color:#959a8b;margin:13px 0 20px}.start-meta span:before{content:"✓";color:#8ba373;margin-right:5px}.daily-button{display:flex;align-items:center;width:100%;gap:11px;padding:14px 0;border-top:1px dashed #d2d7c8;border-bottom:1px dashed #d2d7c8;text-align:left;color:#737d61}.daily-button>span{display:flex;flex-direction:column;gap:5px}.daily-button strong{font-size:11px;color:#5f6854}.daily-button small{font-size:10px;color:#959b8a}.daily-button>svg:last-child{margin-left:auto}.best-record{display:flex;align-items:center;gap:7px;font-size:10px;color:#909783;margin:15px 0 0}.best-record strong{margin-left:auto;font-size:16px;font-weight:750;color:#7b8569}.best-record small{font-size:10px;margin-left:3px;font-weight:500}.how-strip{display:flex;align-items:center;justify-content:center;gap:25px;border-top:1px solid #dfe1d4;border-bottom:1px solid #dfe1d4;margin:39px auto 0;padding:22px 0;max-width:1040px;font-size:12px;color:#787e6e}.how-strip>span{display:flex;align-items:center;gap:10px}.how-strip b{font-family:monospace;font-weight:500;font-size:12px;border-radius:50%;background:#e7ebdd;color:#7e8c6c;padding:6px}.how-strip>svg{width:12px;color:#b4bba8}.home-bottom{display:flex;justify-content:space-between;max-width:1040px;margin:17px auto 36px;font-size:10px;color:#a0a694}.home-bottom span:first-child{color:#858e75;display:flex;align-items:center;gap:6px}.home-bottom i{width:5px;height:5px;background:#8a9f6e;border-radius:50%}footer{border-top:1px solid #deded4;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 27px;font-size:10px;color:#929787}footer i{font-size:9px;font-style:normal;color:#b0b4a7;margin:0 6px}footer a{color:#6f7765}main{min-height:calc(100svh - 169px)}.mobile-only{display:none}.game-screen{max-width:1060px;margin:auto;padding:28px 0 50px}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.text-button{font-size:11px;color:#808774;display:flex;align-items:center;gap:6px;padding:5px 0}.mode-label{font-size:11px;color:#8c937e}.score-display{font-size:11px;color:#797f6e;display:flex;align-items:center;gap:7px}.score-display svg{color:#a6a16a}.score-display strong{font-size:22px;color:#4d5842;font-variant-numeric:tabular-nums}.progress-row{display:flex;align-items:center;gap:24px;margin-bottom:24px}.progress-row>strong{font-size:12px;white-space:nowrap}.progress-row b{font-size:25px;margin-left:7px}.progress-row small{font-size:13px;font-weight:500;color:#999f90}.progress-track{display:flex;gap:6px;flex:1}.progress-track span{height:5px;border-radius:3px;flex:1;background:#e1e5d8}.progress-track .current{background:#af96d5}.progress-track .done{background:#9db781}.progress-track .missed{background:#d6b5a4}.no-rush,.streak{font-size:10px;color:#979e8a;white-space:nowrap}.streak{display:flex;align-items:center;gap:4px;color:#b48155}.play-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.play-canvas{height:365px;margin:8px;border:1px solid #dbded4}.play-canvas>.doodle{max-width:420px;margin:auto}.answer-panel h1{font-size:38px;line-height:1.25;letter-spacing:-1.2px;margin:16px 0}.answer-panel>p{font-size:12px;color:#858c78;line-height:1.7;margin-bottom:26px}.answer-panel form label{font-size:11px;font-weight:700;display:block;margin-bottom:9px;color:#717b61}.answer-field{display:flex;align-items:center;background:#fffef9;border:1.5px solid #b4bca7;border-radius:9px;height:52px}.answer-field:focus-within{border-color:#9d82c8;box-shadow:0 0 0 3px #dfd3ef6b}.answer-field input{border:0;background:none;width:100%;min-width:0;padding:14px;font-size:15px;color:#333a2b;outline:none}.answer-field input::placeholder{color:#adb3a3}.answer-field>span{margin-right:14px;font-size:18px;color:#b1b5a8}.answer-feedback{font-size:10px;min-height:35px;display:flex;align-items:center;color:#9aa28c}.error-text{color:#bc7367}.assist-actions{display:flex;gap:10px;margin-top:17px}.assist-actions button{border:1px solid #d4d9ca;border-radius:7px;background:#eeeee5;width:50%;font-size:11px;display:flex;gap:7px;align-items:center;justify-content:center;padding:12px 6px;color:#7d876d}.assist-actions button:hover:not(:disabled){background:#e4e7da}.assist-actions button:disabled{opacity:.45}.point-note{display:block;color:#a0a790;text-align:center;font-size:10px;margin-top:17px}.hint-box{margin-top:16px;padding:12px 15px;background:#f0eddf;border:1px dashed #d4cdaa;border-radius:7px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;color:#939069}.hint-box strong{color:#6c6d53;font-size:14px;letter-spacing:2px}.hint-box p{width:100%;font-size:12px;line-height:1.5}.feedback-panel{text-align:center}.feedback-icon{width:62px;height:62px;background:#eee6ce;border:1.5px solid #9c9267;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:#8b7f4e;transform:rotate(-9deg)}.success .feedback-icon{background:#dfebd2;border-color:#7f9966;color:#748e59}.feedback-panel h1{margin:14px 0 10px;font-size:39px}.source-tag{font-size:10px;color:#8b947b;border-radius:5px;background:#e8eade;padding:5px 9px;display:inline-block}.feedback-panel p{margin:20px 0;font-size:13px;color:#838c73;line-height:1.7}.earned{font-size:12px;color:#9b8c71;margin:0 0 25px}.success .earned{font-size:26px;color:#8e74b8;font-weight:800}.enter-note{font-size:9px;color:#a4aa97;display:block;margin-top:15px}.answer-stamp{position:absolute;bottom:30px;right:25px;border:3px solid;border-radius:8px;padding:9px 14px;font-size:24px;font-weight:850;transform:rotate(-13deg);opacity:.85}.stamp-correct{color:#7a9b59}.stamp-miss{color:#bf937b;font-size:18px}.solved{box-shadow:5px 6px #cdddbf}.results{max-width:1040px;margin:auto;padding:44px 0;text-align:center}.result-medal{position:relative;width:100px;height:100px;margin:24px auto;background:#e8e0f6;border:1.5px solid #ac95ce;display:grid;place-items:center;border-radius:50%;color:#8c73b3;transform:rotate(-8deg)}.result-medal span{position:absolute;right:-8px;bottom:5px;color:#c2aa65;font-size:35px}.results h1{font-size:32px;letter-spacing:-1px;margin-bottom:13px}.results>p{font-size:13px;color:#949b87}.score-card{display:flex;justify-content:center;margin:30px auto 23px;background:#fffef8;border:1px solid #dce0d1;border-radius:12px;padding:25px 0;max-width:640px}.score-card>div{width:33.33%;display:flex;flex-direction:column;gap:9px}.score-card>div+div{border-left:1px solid #e9ebdf}.score-card strong{font-size:32px;color:#766094;font-variant-numeric:tabular-nums}.score-card small{font-size:12px;color:#acb19f;font-weight:500}.score-card span{font-size:10px;color:#9aa18b}.result-actions{display:flex;align-items:center;justify-content:center;gap:16px}.result-actions .primary{width:auto;padding:0 22px}.secondary{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #cdd4be;border-radius:8px;padding:14px;font-size:12px;background:#eeefe5}.review-heading{display:flex;justify-content:space-between;align-items:center;margin:47px 0 18px;text-align:left}.review-heading h2{font-size:16px;font-weight:750}.review-heading span{font-size:11px;color:#9ca58a}.review-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.review-card{border:1px solid #d9dfce;border-radius:9px;background:#fffef8;overflow:hidden}.review-card>.doodle{height:150px;padding:5px}.review-card>div:last-child{border-top:1px solid #edf0e4;display:flex;align-items:center;justify-content:space-between;padding:11px 10px;gap:5px;font-size:11px}.review-card strong{font-weight:650}.correct-badge,.missed-badge{display:flex;align-items:center;font-size:10px;white-space:nowrap}.correct-badge{color:#80a162}.missed-badge{color:#be9984}dialog{border:1.5px solid #6c725e;border-radius:15px;padding:26px;max-width:450px;width:calc(100% - 32px);background:#f9f8f0;color:#434b37;box-shadow:7px 7px #2d352522}dialog::backdrop{background:#313a294f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:21px}dialog p{font-size:13px;line-height:1.9;color:#80886f}dialog ol{padding-left:20px;font-size:13px;line-height:1.9;color:#737d62}dialog li{margin:10px 0}.dialog-note{background:#eeefe3;padding:12px;border-radius:7px;margin:20px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#343c2d;color:#f5f7ee;padding:14px 21px;border-radius:9px;font-size:12px;box-shadow:0 5px 20px #28351c22;z-index:50;width:max-content;max-width:90vw;text-align:center}@media(min-width:1500px){.intro{padding-top:65px;padding-bottom:42px}.home-layout{gap:85px}.hero-canvas{height:350px}.hero-canvas>.doodle{height:330px}.how-strip{margin-top:45px}}@media(max-width:1000px){.app-shell{padding:0 30px}.home-layout{gap:40px}.start-panel h2{font-size:36px}.hero-canvas{height:300px}.hero-canvas>.doodle{height:280px}.question-sticker{font-size:13px;right:12px;top:23px}.palette-label{display:none}.play-layout{gap:32px}.answer-panel h1{font-size:32px}.play-canvas{height:340px}.review-grid{grid-template-columns:repeat(5,1fr)}.review-card>div:last-child{flex-wrap:wrap}.review-card>.doodle{height:130px}}@media(max-width:759px){.app-shell{padding:0 20px}.topbar{height:76px}.brand strong{font-size:21px}.brand-icon{width:31px;height:31px}.beta{display:none}.topbar nav{gap:9px}.topbar nav>a{font-size:11px;margin-right:3px}.icon-button{padding:4px}.intro{padding:35px 0 28px}.intro h1{font-size:32px;letter-spacing:-1.5px;margin:14px 0 12px}.intro p{font-size:12px;line-height:1.8}.intro .eyebrow{font-size:10px}.spark{width:24px;right:-24px;top:-10px}.home-layout{grid-template-columns:1fr;gap:30px;max-width:440px}.hero-canvas{height:265px}.hero-canvas>.doodle{height:255px}.hero-window{margin:0 3px}.window-bar{height:33px;font-size:10px}.paint-menu{height:27px}.palette{min-height:34px}.palette>div{grid-template-columns:repeat(8,13px)}.palette>div i{width:13px;height:10px}.palette-label{display:block}.status-bar{font-size:8px}.start-panel{padding:0 4px}.start-panel h2{font-size:31px;display:inline-block;margin:12px 0 10px}.start-panel h2 br{display:none}.start-panel h2 br:after{content:" "}.start-panel>.pill{display:none}.description{font-size:12px;line-height:1.7}.description br{display:none}fieldset{margin:18px 0 14px}.category-switch button{padding:10px 8px}.primary{min-height:50px}.daily-button{padding:14px 0}.best-record{margin-top:14px}.how-strip{gap:9px;padding:18px 0;margin-top:30px;font-size:9px}.how-strip>span{gap:5px}.how-strip b{font-size:9px;padding:4px}.how-strip>svg{display:none}.home-bottom{font-size:8px;margin-top:14px;margin-bottom:25px;gap:10px}footer{font-size:9px;padding:20px 0;flex-direction:column;gap:9px;align-items:flex-start}footer>span:last-child{font-size:8px}.mobile-only{display:block}.game-screen{padding:20px 0 32px}.game-top{margin-bottom:20px}.mode-label{font-size:9px}.game-top .text-button{font-size:10px}.score-display{font-size:10px;gap:4px}.score-display strong{font-size:19px}.progress-row{gap:15px;margin-bottom:18px}.progress-row b{font-size:22px}.progress-row small{font-size:11px}.no-rush{display:none}.streak{font-size:9px}.progress-track{gap:4px}.play-layout{grid-template-columns:1fr;gap:26px;max-width:500px;margin:auto}.play-canvas{height:260px}.play-canvas>.doodle{max-width:315px}.play-window .paint-menu{height:25px}.play-window .palette{min-height:32px}.play-window .status-bar{padding:6px 9px}.answer-panel{padding:0 4px}.answer-panel>.pill{font-size:10px}.answer-panel h1{font-size:28px;margin:11px 0}.answer-panel h1 br{display:none}.answer-panel>p{font-size:11px;margin-bottom:19px}.answer-panel form label{font-size:10px}.answer-field input{font-size:16px}.assist-actions{margin-top:15px}.assist-actions button{font-size:11px;padding:13px 6px}.point-note{margin-top:13px}.feedback-panel{padding:0 0 6px}.feedback-icon{width:46px;height:46px;margin:0 auto 12px}.feedback-panel .eyebrow{font-size:10px}.feedback-panel h1{font-size:34px;margin:11px 0}.feedback-panel p{margin:13px 0}.earned{margin-bottom:19px}.success .earned{font-size:24px}.enter-note{display:none}.answer-stamp{font-size:20px;padding:7px 10px;bottom:19px;right:19px}.stamp-miss{font-size:16px}.results{padding:30px 0}.results h1{font-size:26px;line-height:1.4}.results>p{font-size:11px}.score-card{padding:20px 0;margin-top:25px}.score-card strong{font-size:26px}.score-card small{font-size:10px}.score-card span{font-size:9px}.result-actions{flex-wrap:wrap;gap:12px}.result-actions .primary{font-size:12px;flex:1;padding:0 9px}.result-actions .secondary{font-size:11px}.result-actions .text-button{width:100%;justify-content:center;margin-top:6px}.review-heading{margin-top:30px}.review-heading h2{font-size:15px}.review-heading span{font-size:9px}.review-grid{grid-template-columns:repeat(2,1fr);gap:12px}.review-card>.doodle{height:145px}.review-card>div:last-child{font-size:11px;padding:12px}.result-medal{width:80px;height:80px;margin:20px auto}.result-medal>svg{width:35px}.hint-box{margin-top:12px}}@media(max-width:370px){.app-shell{padding:0 15px}.topbar nav>a{display:none}.intro h1{font-size:29px}.spark{right:-20px}.home-bottom{font-size:7px}.how-strip{gap:5px;font-size:8px}.play-canvas{height:230px}.start-panel h2{font-size:28px}.status-bar{font-size:7px}.palette-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:759px){.play-canvas{height:220px}.play-layout{gap:20px}.answer-panel>.pill,.answer-panel>p{display:none}.answer-panel h1{font-size:25px;margin:0 0 17px}.answer-panel form label{margin-bottom:7px}.answer-field{height:48px}.game-screen{padding-top:16px}.game-top{margin-bottom:16px}.answer-feedback{min-height:30px}}