@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800;900&display=swap');
:root{--ink:#252c2c;--desk:#c7c7ed;--yellow:#f0ce57;--paper:#fffdf4;--red:#f26445;--blue:#3667d5;--green:#41967c;--demo-accent:#3667d5;--demo-ink:#252c2c;--demo-bg:#fffdf4;font-family:'M PLUS Rounded 1c',sans-serif;color:var(--ink);font-weight:700;background:var(--desk);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--desk)}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #3667d5;outline-offset:5px}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}button:hover{filter:brightness(1.015)}.skip-link{position:fixed;z-index:100;top:-70px;left:20px;padding:12px;background:#fff}.skip-link:focus{top:10px}.desk-header{background:var(--desk);height:87px;display:flex;align-items:center;gap:18px;padding:15px 35px;position:relative;z-index:3;border-bottom:2px solid var(--ink)}.small-logo{font-size:43px;font-weight:900;letter-spacing:-4px;text-decoration:none;transform:rotate(-7deg);line-height:1}.small-logo span{color:var(--red);display:inline-block;transform:rotate(14deg)}.header-note{font-size:10px;line-height:1.6;border-left:1.5px solid;padding-left:18px;font-weight:500}.header-note b{font-size:12px}.gallery-back{margin-left:auto;text-decoration:none;font-size:11px}.motion-control{background:none;border:1.5px solid;border-radius:50%;padding:13px 12px;font-size:9px;transform:rotate(6deg)}.workroom{position:relative;max-width:1600px;margin:auto;height:760px;overflow:hidden;background:radial-gradient(#9291b94d .9px,transparent 1px);background-size:7px 7px}.room-lines{position:absolute;width:150%;height:210px;border:2px solid #a4a3cb;border-radius:50%;bottom:-165px;left:-25%;transform:rotate(-7deg)}.hello-sticker{position:absolute;left:4.8%;top:42px;transform:rotate(-8deg);z-index:2}.hello-sticker>span{display:block;font-size:16px}.hello-sticker h1{font-weight:900;font-size:clamp(32px,4.7vw,66px);letter-spacing:-.07em;line-height:1.15;margin:5px 0 10px;text-shadow:2px 2px var(--paper)}.hello-sticker .sticker-bottom{font-size:17px;transform:rotate(3deg)}.sticker-star{width:90px;position:absolute;top:-30px;right:-55px;z-index:-1;fill:var(--red);stroke:var(--ink);stroke-width:2}.paper-area{position:absolute;width:49%;left:26%;top:46px;z-index:2;transform:rotate(3deg)}.paper-caption{display:flex;align-items:center;gap:12px;margin:0 3px 16px;font-size:12px;position:relative}.paper-number{margin-left:auto;font-size:10px;white-space:nowrap}.tape{position:absolute;z-index:2;width:99px;height:26px;background:#f0d0acaa;transform:rotate(-11deg);left:44%;top:28px;clip-path:polygon(0 5%,98% 0,100% 90%,3% 100%)}.art-paper{position:relative;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 9px 0 #9998bb;padding:24px 25px 13px}.paper-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid;padding-bottom:10px;font-size:12px;line-height:1.1}.paper-date{font-size:8px;letter-spacing:.12em}.paper-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1.5px solid;padding-top:11px;font-size:10px}.paper-mark{font-size:25px;font-weight:900;letter-spacing:-2px;transform:rotate(-8deg)}#paper-canvas{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}.art-shape{cursor:grab;outline:none;touch-action:none}.art-shape:active{cursor:grabbing}.art-shape:focus-visible .selection-ring{stroke:#3667d5;stroke-dasharray:none;stroke-width:3}.art-shape .selection-ring{fill:none;stroke:#252c2c;stroke-width:1.5;stroke-dasharray:5 5;display:none}.art-shape[aria-pressed=true] .selection-ring{display:block}.desk-instruction{display:flex;align-items:center;gap:13px;margin:17px 13px;font-size:11px;transform:rotate(-3deg)}.desk-instruction>span{font-size:42px;line-height:1}.desk-instruction p{margin:0;line-height:1.7;font-weight:500}.desk-object{position:absolute;text-align:left;border:2px solid var(--ink);box-shadow:6px 7px 0 #252c2c;transition:transform .2s,box-shadow .2s}.desk-object:hover{transform:rotate(0deg) translateY(-5px);box-shadow:9px 12px 0 #252c2c}.object-kicker{display:block;font-size:8px;letter-spacing:.08em}.object-footer{font-size:10px;display:block}.course-book{left:4.5%;top:326px;width:180px;padding:23px 18px 18px 24px;transform:rotate(-9deg);background:var(--blue);color:#fffdf4;min-height:247px}.course-book .book-spine{width:12px;position:absolute;left:0;top:0;height:100%;border-right:2px solid var(--ink);background:#274ea3}.course-book strong{display:block;font-size:35px;line-height:1.13;margin:15px 0 3px;font-weight:900}.course-book svg{width:109px;height:74px;display:block;margin-left:auto;margin-bottom:5px;color:#252c2c}.calendar-object{top:66px;right:3.2%;width:210px;padding:28px 15px 17px;transform:rotate(10deg);background:#fffdf4}.calendar-rings{position:absolute;top:-28px;left:40px;font-size:42px;letter-spacing:24px;line-height:1}.calendar-object strong{display:block;font-size:24px;border-bottom:2px solid;padding:10px 0 12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:11px 0 15px;font-size:11px;text-align:center}.calendar-grid i{font-style:normal;min-height:20px;display:grid;place-items:center}.calendar-grid .marked{background:#f26445;border-radius:50%;color:#fff;outline:1px solid #252c2c}.calendar-object .object-footer{font-size:10px}.pencil-cup{position:absolute;bottom:96px;left:14.8%;width:89px;height:116px;transform:rotate(11deg);z-index:3}.cup-face{position:absolute;bottom:0;left:0;width:89px;height:102px;border:3px solid;background:var(--red);border-radius:5px 5px 24px 24px;box-shadow:4px 5px 0 #9998bb;display:flex;justify-content:center;gap:5px;align-items:flex-start;padding-top:25px}.cup-face:after{content:'';position:absolute;top:7px;left:7px;bottom:14px;width:5px;border-radius:50%;background:#ffac8577}.cup-face>span{position:absolute;top:52px;font-size:22px}.eye{width:23px;height:30px;background:#fff;border:2px solid;border-radius:50%;position:relative}.eye b{width:7px;height:10px;background:var(--ink);border-radius:50%;position:absolute;left:8px;top:11px;transition:transform .15s}.pencil{position:absolute;width:17px;height:129px;border:2px solid;bottom:49px;background:var(--green);transform-origin:bottom;left:25px}.pencil:before{content:'';position:absolute;left:-2px;top:-28px;width:17px;height:28px;background:linear-gradient(180deg,var(--ink) 0 25%,#f9ddb2 25%);clip-path:polygon(50% 0,100% 100%,0 100%)}.pencil:after{content:'';position:absolute;left:5px;height:100%;border-left:2px solid #252c2c44}.p1{transform:rotate(-23deg)}.p2{transform:rotate(7deg);background:#e99ac5;left:34px}.p3{transform:rotate(29deg);background:#3667d5;left:41px}.about-object{right:4%;top:376px;width:185px;padding:20px 15px 17px;background:var(--green);color:#fffdf4;transform:rotate(5deg);border-radius:48% 48% 7px 7px;text-align:center}.about-eye{font-size:48px;line-height:1;display:block;color:#f4ce36}.about-object strong{font-size:19px;display:block;line-height:1.4;margin:12px 0}.about-object>span:last-child{font-size:9px}.ticket-object{position:absolute;right:6%;bottom:18px;z-index:3;transform:rotate(-9deg);width:230px;background:#f26445;border:2px solid;padding:17px 42px 17px 18px;text-align:left;box-shadow:5px 6px 0 #252c2c;transition:transform .2s}.ticket-object:hover{transform:rotate(-3deg) scale(1.03)}.ticket-object:after{content:'';position:absolute;right:30px;top:0;height:100%;border-right:2px dashed #252c2c}.ticket-object>span{display:block;font-size:9px;letter-spacing:.06em}.ticket-object strong{font-size:24px;line-height:1.15;display:block;margin:8px 0}.ticket-object i{position:absolute;right:8px;top:42%;font-style:normal}.floating-doodle{position:absolute;pointer-events:none}.doodle-1{right:20.4%;bottom:91px;font-size:67px;color:#3667d5;animation:turn-about 25s linear infinite}.doodle-2{left:2%;bottom:70px;font-size:58px;transform:rotate(-25deg)}.toolbox{margin:0 auto;max-width:1600px;display:flex;align-items:center;justify-content:center;gap:30px;background:#e9e0c9;border-top:3px solid;border-bottom:3px solid;padding:25px 35px 24px;position:relative;z-index:4}.toolbox-title{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.2;transform:rotate(-4deg)}.toolbox-title svg{width:52px}.tool-group{border-left:1px solid #252c2c66;padding-left:24px}.tool-label,.adjust-group label{display:block;font-size:10px;letter-spacing:.04em;margin-bottom:12px}.shape-tools,.color-tools{display:flex;gap:7px}.shape-tools button{width:39px;height:39px;border:1.5px solid;background:#fffdf4;box-shadow:2px 2px 0 #252c2c}.shape-tools button:active{transform:translate(2px,2px);box-shadow:none}.shape-tools svg{width:27px;display:block;margin:auto;fill:#252c2c}.color-tools{gap:8px}.color-tools button{width:26px;height:31px;border:1.5px solid #252c2c;transform:rotate(-5deg);box-shadow:2px 2px 0 #252c2c33}.color-tools button[aria-pressed=true]{outline:2px solid #252c2c;outline-offset:4px;transform:rotate(7deg)}.color-red{background:#f26445}.color-blue{background:#3667d5}.color-yellow{background:#f4ce36}.color-green{background:#41967c}.color-lilac{background:#c99ac7}.adjust-group{width:190px}.adjust-group label{display:flex;justify-content:space-between;margin-bottom:3px}.adjust-group input{width:100%;accent-color:#252c2c}.tiny-actions{display:flex;justify-content:space-between;gap:5px}.tiny-actions button{font-size:9px;padding:4px 0;background:none;text-decoration:underline;text-underline-offset:3px}.finish-tools{display:grid;grid-template-columns:75px 94px;gap:8px 14px;align-items:center}.finish-tools button{font-size:10px;background:none;text-decoration:underline;text-underline-offset:4px;padding:4px 0}#stamp-art{grid-row:span 2;border:3px double var(--red);color:var(--red);font-size:17px;font-weight:900;border-radius:50%;width:78px;height:78px;text-decoration:none;transform:rotate(-10deg);background:#fffdf4}#stamp-art span{display:block;font-size:8px;margin-top:2px}#stamp-art[aria-pressed=true]{background:#f26445;color:#fffdf4;border-color:#252c2c}.art-status{font-size:11px;text-align:center;padding:15px 20px;background:#fff8df;border-bottom:1px solid #252c2c}.room-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1180px;margin:auto;padding:45px 35px;align-items:start}.room-bottom>p{font-size:12px;font-weight:500;line-height:1.9;margin:0}.room-bottom>p b{font-size:18px;font-weight:900}.bottom-links{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}.bottom-links button{background:none;font-size:11px;border-bottom:1px solid;padding:5px 0}.summary-label{grid-column:1/-1;font-size:10px;display:flex;gap:15px;align-items:center}.summary-label textarea{resize:none;background:#fff9e2;color:#51534d;border:1px dashed #555a42;border-radius:0;flex:1;padding:10px;font:500 10px/1.6 'M PLUS Rounded 1c',sans-serif;height:51px}.desk-footer{border-top:2px solid;display:flex;align-items:center;gap:22px;padding:23px 35px;background:#f26445}.footer-logo{font-size:42px;font-weight:900;letter-spacing:-4px;text-decoration:none;transform:rotate(-8deg)}.desk-footer>span{font-size:9px;line-height:1.8;font-weight:500}.desk-footer>a:last-child{font-size:10px;margin-left:auto;text-decoration:none}.notebook{background:#fffdf4;color:var(--ink);border:2px solid;width:min(720px,calc(100% - 28px));max-height:90dvh;padding:39px 42px 26px 75px;box-shadow:12px 14px 0 #252c2c;border-radius:0;overflow-y:auto;transform:rotate(-1deg)}.notebook::backdrop{background:#252c2c99;backdrop-filter:blur(4px)}.notebook-binding{position:absolute;top:0;bottom:0;left:16px;width:25px;background:repeating-linear-gradient(180deg,transparent 0 28px,#252c2c 28px 31px,transparent 31px 40px);border-right:1px solid #e8a8a0}.notebook-close{position:absolute;right:16px;top:16px;width:40px;height:40px;background:#f26445;border:2px solid;font-size:25px}.notebook-kicker{font-size:10px;letter-spacing:.12em;color:#3667d5}.notebook h2{font-size:32px;margin:15px 0 22px;letter-spacing:-.04em}.notebook-intro{font-size:13px;line-height:1.9}.class-option{display:grid;grid-template-columns:50px 1fr;gap:12px;border-bottom:1px dashed #252c2c66;padding:18px 0}.class-option .class-symbol{width:45px;height:45px;display:grid;place-items:center;border:2px solid;transform:rotate(-8deg);background:#f4ce36;font-size:26px}.class-option:nth-of-type(2) .class-symbol{background:#41967c;color:#fffdf4;transform:rotate(6deg)}.class-option:nth-of-type(3) .class-symbol{background:#c99ac7}.class-option h3{font-size:18px;margin:0 0 7px}.class-option p{font-size:12px;font-weight:500;line-height:1.8;margin:0}.class-option .class-meta{font-size:10px;margin:8px 0}.class-option button,.notebook-cta{border:2px solid;background:#f26445;font-size:12px;padding:11px 18px;box-shadow:3px 3px 0 #252c2c;text-decoration:none;display:inline-block;margin:10px 0 0}.notebook-demo{font-size:9px;border-top:1px solid;margin:24px 0 0;padding-top:12px;font-weight:500}.calendar-lines{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.calendar-lines th,.calendar-lines td{border-bottom:1px solid #252c2c;padding:14px 8px;text-align:left}.calendar-lines th{background:#f0ce5755}.club-list{padding-left:20px;font-size:13px;line-height:2}.paper-signature{font-weight:900;font-size:21px;transform:rotate(-6deg);text-align:right;margin-top:30px;color:#3667d5}.still .floating-doodle{animation:none}.still .eye b{transition:none}@keyframes turn-about{to{transform:rotate(360deg)}}
@media(min-width:1440px){.workroom{height:820px}.paper-area{top:47px;width:48%;left:26.5%}.calendar-object{right:4%;top:95px}.course-book{left:6%;top:330px}.about-object{right:5%;top:440px}.ticket-object{bottom:26px;right:9%}.pencil-cup{left:17%;bottom:100px}.toolbox{gap:45px}}
@media(max-width:1100px){.workroom{height:650px}.hello-sticker{left:3%;top:43px}.hello-sticker h1{font-size:45px}.hello-sticker>span{font-size:13px}.hello-sticker .sticker-bottom{font-size:14px}.sticker-star{width:65px;right:-32px;top:-18px}.paper-area{left:25%;width:51%;top:55px}.art-paper{padding:20px 17px 10px}.course-book{left:3%;top:305px;width:153px;min-height:212px;padding:19px 14px 15px 20px}.course-book strong{font-size:29px;margin-top:11px}.course-book svg{width:86px;height:56px}.course-book .object-footer{font-size:9px}.calendar-object{right:2%;width:168px;top:61px;padding:25px 12px 15px}.calendar-object strong{font-size:19px}.calendar-grid{gap:1px;font-size:10px}.calendar-rings{left:25px;letter-spacing:19px}.object-kicker{font-size:7px}.about-object{right:2.7%;top:309px;width:153px;padding:17px 12px}.about-object strong{font-size:17px}.about-eye{font-size:40px}.about-object>span:last-child{font-size:8px}.pencil-cup{left:19%;bottom:25px;transform:rotate(-12deg) scale(.8)}.ticket-object{right:7%;bottom:20px;width:208px;padding:13px 40px 13px 14px}.ticket-object strong{font-size:20px}.doodle-1{right:34%;bottom:27px;font-size:52px}.doodle-2{left:4%;bottom:51px}.toolbox{gap:19px;padding:21px 22px}.toolbox-title{display:none}.tool-group{padding-left:17px}.tool-group:first-of-type{border:0;padding:0}.adjust-group{width:157px}.shape-tools{gap:5px}.shape-tools button{width:35px;height:35px}.color-tools{gap:7px}.color-tools button{width:22px;height:28px}.finish-tools{gap:7px 10px;grid-template-columns:66px 83px}#stamp-art{width:66px;height:66px;font-size:15px}}
@media(max-width:760px){.desk-header{background:var(--desk);height:77px;padding:13px 18px;gap:14px}.small-logo{font-size:37px}.header-note{padding-left:13px;font-size:8px}.header-note b{font-size:10px}.gallery-back{font-size:9px;max-width:58px;text-align:center;line-height:1.5}.motion-control{padding:9px 7px;font-size:8px;max-width:68px}.workroom{--mobile-course-top:calc(310px + min(66.667vw,400px));height:calc(var(--mobile-course-top) + 570px);max-width:600px}.hello-sticker{top:21px;left:22px;transform:rotate(-6deg);display:grid;grid-template-columns:1fr 1fr;width:76%;align-items:center}.hello-sticker>span:first-child{font-size:13px;grid-column:1/-1}.hello-sticker h1{font-size:38px;line-height:1.05;margin:5px 0 0;white-space:nowrap}.hello-sticker h1 br{display:block}.hello-sticker .sticker-bottom{font-size:13px;transform:rotate(4deg);align-self:end;margin:0 0 6px 14px;white-space:nowrap}.sticker-star{right:-24px;top:3px;width:67px}.paper-area{top:155px;width:calc(100% - 42px);left:21px;transform:rotate(2deg)}.paper-caption{font-size:10px;margin-bottom:12px}.paper-number{font-size:8px}.tape{top:21px;width:78px}.art-paper{padding:19px 16px 10px;box-shadow:5px 6px 0 #9998bb}.paper-heading{font-size:9px;padding-bottom:8px}.paper-date{font-size:6px}.paper-bottom{font-size:8px;padding-top:7px}.paper-mark{font-size:20px}.desk-instruction{font-size:9px;margin:13px 3px;gap:9px}.desk-instruction>span{font-size:30px}.course-book{top:var(--mobile-course-top);left:7%;width:42%;min-height:0;padding:19px 14px 16px 23px;transform:rotate(-7deg)}.course-book strong{font-size:32px;line-height:1.1}.course-book svg{width:90px;height:56px;margin-top:-38px;margin-bottom:8px;opacity:.95}.course-book .object-footer{font-size:8px;white-space:nowrap}.calendar-object{top:calc(var(--mobile-course-top) + 16px);right:5%;width:40%;padding:22px 12px 16px;transform:rotate(7deg)}.calendar-object strong{font-size:18px;padding:9px 0}.calendar-rings{font-size:31px;top:-20px;left:24px;letter-spacing:18px}.calendar-grid{margin:9px 0 11px}.calendar-object .object-footer{font-size:8px}.about-object{top:calc(var(--mobile-course-top) + 265px);left:6%;right:auto;width:42%;padding:18px 14px 20px;transform:rotate(-5deg)}.about-object strong{font-size:17px}.about-object .about-eye{font-size:39px}.ticket-object{bottom:29px;right:4%;width:46%;padding:15px 37px 15px 13px;transform:rotate(7deg)}.ticket-object strong{font-size:21px}.ticket-object>span{font-size:8px}.pencil-cup{left:auto;right:18%;bottom:158px;transform:rotate(12deg) scale(.72)}.doodle-1{right:4%;bottom:198px;font-size:35px}.doodle-2{left:15%;bottom:20px;font-size:43px}.toolbox{max-width:600px;flex-wrap:wrap;justify-content:space-between;gap:22px 13px;padding:27px 20px;align-items:flex-start}.tool-group{border:0;padding-left:0}.toolbox-title{display:none}.shapes-group{width:54%}.color-group{width:40%}.shape-tools{gap:5px}.shape-tools button{width:33px;height:34px}.shape-tools svg{width:23px}.color-tools{gap:7px}.color-tools button{width:20px;height:27px}.tool-label,.adjust-group label{font-size:9px}.adjust-group{width:48%;padding-top:4px}.finish-tools{width:46%;grid-template-columns:62px 1fr;gap:7px 10px}#stamp-art{height:64px;width:64px;font-size:14px}.finish-tools button{font-size:9px}.art-status{font-size:10px;padding:14px 22px;line-height:1.7;min-height:47px}.room-bottom{display:block;padding:32px 23px}.room-bottom>p{font-size:11px}.room-bottom>p b{font-size:16px}.bottom-links{justify-content:flex-start;gap:15px;margin:20px 0 25px}.bottom-links button{font-size:10px}.summary-label{display:block;font-size:9px}.summary-label textarea{width:100%;margin-top:9px;display:block;height:66px}.desk-footer{padding:22px 20px;gap:18px;flex-wrap:wrap}.footer-logo{font-size:36px}.desk-footer>span{font-size:8px;flex:1}.desk-footer>a:last-child{font-size:9px}.notebook{padding:36px 22px 24px 44px;transform:rotate(0);box-shadow:5px 6px 0 #252c2c;max-height:88dvh}.notebook-binding{left:10px;width:17px}.notebook-close{width:32px;height:32px;right:12px;top:12px;font-size:21px}.notebook h2{font-size:26px;margin:16px 0}.notebook-kicker{font-size:8px}.notebook-intro{font-size:12px}.class-option{grid-template-columns:38px 1fr;gap:10px}.class-option .class-symbol{width:34px;height:34px;font-size:20px}.class-option h3{font-size:16px}.class-option p{font-size:11px}.class-option button,.notebook-cta{font-size:11px;padding:10px 12px}.calendar-lines{font-size:10px}.calendar-lines th,.calendar-lines td{padding:12px 4px}.club-list{font-size:12px}.paper-signature{font-size:18px}}
@media(max-width:420px){.workroom{--mobile-course-top:calc(305px + 66.667vw);height:calc(var(--mobile-course-top) + 520px)}.paper-area{top:153px}.course-book{top:var(--mobile-course-top)}.calendar-object{top:calc(var(--mobile-course-top) + 16px)}.about-object{top:calc(var(--mobile-course-top) + 246px)}.ticket-object{bottom:22px}.pencil-cup{bottom:130px}.doodle-1{bottom:181px}.course-book strong{font-size:28px}.course-book svg{width:72px;height:48px;margin-top:-23px}.course-book .object-kicker{font-size:6px}.calendar-object strong{font-size:16px}.toolbox{padding:25px 16px;gap:24px 9px}.shape-tools button{width:29px;height:31px}.shape-tools svg{width:22px}.shape-tools{gap:5px}.color-tools{gap:6px}.color-tools button{width:18px;height:27px}.hello-sticker h1{font-size:38px}.hello-sticker .sticker-bottom{font-size:11px;margin-left:12px}.hello-sticker .sticker-star{width:56px;right:-20px;top:1px}.paper-caption{font-size:9px}.desk-header{gap:11px}.header-note{font-size:7px;padding-left:10px}.header-note b{font-size:9px}.motion-control{max-width:55px;font-size:7px}.gallery-back{font-size:8px;max-width:55px}.notebook h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}