/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Vazirmatn", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}html{font-family:Vazirmatn,system-ui,sans-serif}:root{color:#393546;font-synthesis:none;background:#faf9f6;font-size:15px;line-height:1.8}*{box-sizing:border-box}body{background:radial-gradient(at 0 35%,#eee6f540,#0000 50%),#faf9f6;margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .25s,box-shadow .25s}button:active:not(:disabled){transform:scale(.96)}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #a18ac9}button:disabled{opacity:.5;cursor:default}button:hover{filter:brightness(.98)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.65}h1{font-size:31px;font-weight:850}h2{font-size:24px;font-weight:800}h3{font-size:19px;font-weight:750}button{border:0}svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{z-index:40;background:#fffefa;border-left:1px solid #eeece8;flex-direction:column;width:244px;padding:36px 23px 22px;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{text-align:right;color:#504064;background:0 0;align-items:center;gap:10px;padding:0;font-size:23px;font-weight:900;display:flex}.brand small{color:#99909c;margin-top:0;font-size:11px;font-weight:400;display:block}.brand-mark{color:#8d6ab4;background:#ede6f6;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-7deg)}.sidebar-divider{background:#eeece8;height:1px;margin:30px 0 24px}.nav-caption{color:#aaa3ac;margin-bottom:16px;padding-right:14px;font-size:11px}.nav-link{text-align:right;color:#8a8390;background:0 0;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:50px;margin:7px 0;padding:14px 16px;font-size:14px;display:flex}.nav-link.active{color:#8665ab;background:#eee7f6;font-weight:750}.nav-link:hover{background:#f5f1fa}.nav-dot{background:#9a79bd;border-radius:50%;width:6px;height:6px;margin-right:auto}.sidebar-note{text-align:center;color:#82746e;background:#f8f5ee;border-radius:18px;min-height:158px;margin-top:auto;margin-bottom:35px;padding:24px 20px 22px;position:relative;transform:rotate(-2deg)}.sidebar-note p{font-size:14px}.sidebar-note strong{font-size:16px;font-weight:650}.note-spark{color:#c7ae7d;margin-bottom:10px;font-size:32px;line-height:1;display:block}.note-line{background:#dfcba2;border-radius:50%;width:44px;height:5px;margin:12px auto 0;display:block;transform:rotate(-5deg)}.parent-link{color:#8b8390;background:0 0;align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.parent-link svg:last-child{margin-right:auto}.sidebar-footer{color:#b3abb4;text-align:center;margin:17px 0 0;font-size:10px}.main-shell{margin-right:244px}.topbar{background:#fffefa;border-bottom:1px solid #eeece8;justify-content:space-between;align-items:center;gap:15px;min-height:86px;padding:18px 44px;display:flex}.topbar-title{color:#8d8790;align-items:center;gap:10px;font-size:13px;display:flex}.wave{color:#d9b876;margin-right:6px;font-size:18px}.topbar-end{align-items:center;gap:18px;display:flex}.age-label{color:#918996;background:#f4f0f8;border:1px solid #ebe5f0;border-radius:7px;padding:4px 12px;font-size:11px}.avatar{color:#a08b70;background:#f5ebd9;border:3px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 0 1px #eee7de}main{max-width:1370px;margin:auto;padding:32px 44px 0}.hero{background:radial-gradient(at 15% 80%,#fff9ecaa,#0000 55%),linear-gradient(125deg,#e8ddf5,#f5edf9 65%,#eee3f5);border:1px solid #e5d9ef;border-radius:28px;grid-template-columns:1.05fr 1fr;gap:20px;min-height:350px;padding:35px 37px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1}.hero-tag{color:#9b7ab7;align-items:center;gap:7px;font-size:11px;display:flex}.hero-tag>span{background:#a183b9;border-radius:50%;width:5px;height:5px}.hero h1{color:#4f405f;margin-top:12px;font-size:40px;font-weight:900;line-height:1.6}.hero h1 span{color:#9470b8}.hero-copy>p{color:#73617f;margin-top:10px;font-size:15px;line-height:2}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 19px;font-size:13px;font-weight:650;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#9876bb,#79529e);box-shadow:0 5px #68418b,0 9px 20px #9270b52b}.primary:hover{background:linear-gradient(135deg,#8d68b0,#714994);transform:translateY(-2px);box-shadow:0 6px #68418b,0 12px 24px #9270b535}.secondary{color:#8c6daa;background:#fffdfb;border:1px solid #e7e0eb}.hero-button{margin-top:20px;padding:11px 23px}.hero-footnote{color:#a497ab;align-items:center;gap:5px;margin-top:13px;font-size:10px;display:flex}.hero-visual{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.art-paper{aspect-ratio:1.09;background:#fffdf6;border-radius:3px;justify-content:center;align-items:center;width:86%;max-width:320px;display:flex;position:relative;transform:rotate(-7deg);box-shadow:0 10px 20px #60527413}.art-paper svg{width:90%;margin-top:-16px}.tape{background:#d9c9a69c;width:92px;height:25px;position:absolute;top:-10px;left:36%;transform:rotate(5deg)}.paper-word{text-align:center;color:#9c907c;font-size:14px;font-weight:600;position:absolute;bottom:25px;left:0;right:0}.grass{border-left:3px solid #a2b88e;border-right:3px solid #a2b88e;width:28px;height:20px;position:absolute;bottom:18px;transform:rotate(18deg)}.grass-one{right:13px}.grass-two{left:13px;transform:rotate(-20deg)}.hero-star{color:#b49bc9;position:absolute}.star-one{font-size:43px;top:-12px;right:0}.star-two{color:#d6b16f;font-size:25px;bottom:0;left:23px}.floating-badge{color:#9a7bb2;background:#fffdfb;border:1px solid #eae3ed;border-radius:11px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex;position:absolute;bottom:3px;right:0;transform:rotate(5deg);box-shadow:0 6px 20px #64447909}.pencils{gap:5px;display:flex;position:absolute;bottom:24px;left:-5px;transform:rotate(-19deg)}.pencils i{background:#b4a1d4;border-radius:2px;width:10px;height:106px;position:relative}.pencils i:before{content:"";border-bottom:18px solid #c8ac87;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-18px}.pencils i:nth-child(2){background:#e8ad9f;height:120px}.pencils i:nth-child(3){background:#d7bc73;height:97px}.benefit-row{border-bottom:1px solid #edeae6;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px 0 30px;display:grid}.benefit-row>div{align-items:center;gap:11px;min-width:0;display:flex}.benefit-icon{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.lavender{color:#a28abc;background:#efe9f5}.peach{color:#b99a7d;background:#f6ecdf}.mint{color:#8aab92;background:#eaf2e9}.benefit-row strong{font-size:12px;font-weight:700;display:block}.benefit-row small{color:#a49ca5;margin-top:3px;font-size:10px;display:block}.lesson-section{padding-top:29px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.section-heading h2{font-size:23px}.eyebrow{color:#a69ba9;margin-bottom:5px;font-size:11px;display:block}.little-spark{color:#c7ad7b;margin-right:8px;font-size:20px}.text-button{color:#9474b1;background:0 0;align-items:center;gap:8px;min-height:44px;padding:5px 0;font-size:12px;display:inline-flex}.category-tabs{flex-wrap:wrap;gap:9px;margin-bottom:24px;display:flex}.category-tabs button{color:#a098a4;background:#fffefa;border:1px solid #ebe6e1;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:6px 13px;font-size:11px;display:flex}.category-tabs button.active{color:#8c6ba7;background:#ece5f4;border-color:#e2d8ec;font-weight:600}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.lesson-card{text-align:right;min-width:0;color:inherit;background:#fffefa;border:1px solid #eae6e0;border-radius:22px;padding:8px;overflow:hidden;box-shadow:0 5px #eee8e1,0 8px 20px #4c346307}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #58476d12}.card-art{aspect-ratio:1.62;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-art>svg{opacity:.9;width:85%;height:100%;padding:12px 0 3px}.level-badge{color:#7b7380;z-index:1;background:#ffffffb8;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:9px;display:flex;position:absolute;top:10px;right:10px}.card-body{padding:13px 11px 4px}.card-category{color:#887390;margin-bottom:3px;font-size:12px}.card-body h3{font-size:17px;font-weight:750}.card-body>p{color:#807187;margin-top:3px;font-size:14px}.card-bottom{border-top:1px solid #f2efeb;justify-content:space-between;align-items:center;margin-top:15px;padding-top:9px;display:flex}.card-bottom>span:first-child{color:#aaa2ac;align-items:center;gap:5px;font-size:10px;display:flex}.card-arrow{color:#a085b7;background:#f3eef8;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.bottom-banner{background:#f4f0e7;border:1px solid #eae3d6;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;padding:19px 23px;display:flex}.banner-icon{color:#b9a17b;position:relative;transform:rotate(-15deg)}.banner-icon span{font-size:16px;position:absolute;top:-15px;left:-9px}.bottom-banner h3{color:#86755f;font-size:14px}.bottom-banner p{color:#ad9d87;margin-top:3px;font-size:11px}.bottom-banner .secondary{color:#9e8869;border-color:#e8dfd0;margin-right:auto;font-size:11px}.page-footer{color:#b4acb5;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px 0 20px;font-size:10px;display:flex}.page-footer>span:last-child{align-items:center;gap:6px;display:flex}.mobile-menu,.bottom-nav{display:none}.icon-button{color:#908297;background:0 0;place-items:center;min-width:44px;min-height:44px;display:grid}.muted{color:#99909e;margin-top:8px;font-size:14px}.heading-icon{color:#b29bc5}.heading-emoji{font-size:44px}.back-link{color:#9883aa;background:0 0;align-items:center;gap:8px;min-height:44px;margin-bottom:18px;padding:0;font-size:13px;display:flex}.lesson-workspace{background:#fff;border:1px solid #eae4ec;border-radius:20px;grid-template-columns:1fr 1fr;min-height:360px;display:grid;overflow:hidden}.step-illustration{flex-direction:column;justify-content:space-between;align-items:center;padding:24px;display:flex}.step-illustration svg{width:100%;max-width:380px;min-height:220px}.sketch-label{color:#7d7181;font-size:13px}.art-caption{color:#827787;text-align:center;font-size:11px}.step-instructions{flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;display:flex}.step-instructions h2{margin:24px 0 12px;font-size:22px}.step-instructions>p{color:#7c6b88;margin-bottom:24px;font-size:15px}.step-dots{gap:9px;margin-top:10px;display:flex}.step-dots button{color:#b7abc2;background:#f2edf6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.step-dots .reached{color:#fff;background:#9b7ab9}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tip-box{color:#9581a7;background:#f2edf7;border-radius:13px;align-items:flex-start;gap:13px;margin-top:25px;padding:20px 23px;font-size:14px;display:flex}.tip-box strong{font-size:14px;font-weight:700}.tip-box p{color:#9a8da3;font-size:13px}.completion{isolation:isolate;text-align:center;background:radial-gradient(circle at 50% 20%,#fff9e9,#f1ebf7 65%);border:1px solid #e5d7ef;border-radius:28px;padding:50px 24px;position:relative;overflow:hidden}.completion-star{font-size:70px}.completion p{color:#92819f;max-width:520px;margin:14px auto 25px}.completion .button-row{justify-content:center}.practice-heading,.lesson-finish{color:#95869e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;font-size:14px;display:flex}.drawing-pad{background:#fff;border:1px solid #e7dfec;border-radius:18px;padding:12px;overflow:hidden}.canvas-wrap{background:#fff;border:2px solid #ede5f2;border-radius:14px;position:relative;overflow:hidden}.canvas-wrap canvas{touch-action:none;cursor:crosshair;aspect-ratio:1.5;width:100%;height:auto;display:block}.drawing-tools{padding:16px 5px 5px}.color-palette{flex-wrap:wrap;justify-content:center;gap:12px;padding:5px 0 20px;display:flex}.color-palette button{border:3px solid #fff;border-radius:50%;place-items:center;width:44px;min-height:44px;display:grid;box-shadow:0 0 0 1px #eee7f1}.color-palette button.selected{transform:translateY(-3px);box-shadow:0 0 0 3px #ac91c7}.tool-row{border-top:1px solid #f0ebf4;flex-wrap:wrap;align-items:center;gap:9px;padding-top:15px;display:flex}.tool{color:#a08bb0;background:#f7f4f9;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.tool.active{color:#825aa4;background:#eae0f3}.tool-row>.primary{margin-right:auto}.size-control{color:#a392b0;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.size-control input{accent-color:#9672b6;width:90px;min-height:44px}.notice{color:#8b759c;background:#f4edf9;border-radius:10px;margin-top:15px;padding:13px;font-size:13px}.error{color:#b14949;padding:12px;font-size:14px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#332d425c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.modal{background:#fffdfa;border-radius:22px;width:100%;max-width:530px;max-height:85dvh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 15px 70px #30223933}.modal h2{margin-bottom:15px;font-size:23px}.modal p{color:#75647f;font-size:14px;line-height:2}.modal .button-row{margin-top:22px}.modal-close{position:absolute;top:10px;left:12px}.guide-emoji{margin-bottom:10px;font-size:45px;display:block}.guide-modal{max-width:630px}.guide-modal ol{color:#8e8196;margin:20px 0;padding-right:22px;font-size:14px}.guide-modal li{margin:13px 0;padding-right:4px}.guide-modal li strong{color:#6f5c80}.warmup-lines{background:#f4eef9;border-radius:12px;margin:20px 0;padding:10px}.warmup-lines svg{width:100%}.progress-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0;display:grid}.progress-stats>div{background:#fffefa;border:1px solid #ebe4ef;border-radius:18px;flex-direction:column;align-items:center;padding:24px 12px;display:flex}.stat-icon{font-size:27px}.progress-stats strong{color:#9270b5;font-size:32px}.progress-stats>div>span:last-child{color:#a18fac;font-size:13px}.progress-overview{background:#f1ebf7;border-radius:18px;margin:0 0 28px;padding:25px}.progress-overview p{color:#9a85aa;margin-top:5px;font-size:14px}.progress-track{background:#e6daef;border-radius:20px;height:10px;margin-top:22px;overflow:hidden}.progress-track span{background:#9b7ab9;border-radius:20px;height:100%;transition:width .3s;display:block}.privacy-note{color:#a799b0;margin-top:24px;font-size:12px}.menu-overlay{display:none}@media(min-width:1450px){main{padding-top:40px}.hero{min-height:390px;padding:38px 48px}.hero h1{font-size:46px}.hero-copy>p{font-size:15px}.card-art{aspect-ratio:1.7}.hero-visual .art-paper{max-width:350px}}@media(max-width:1150px){.sidebar{width:213px;padding-left:17px;padding-right:17px}.main-shell{margin-right:213px}main{padding:25px 25px 0}.topbar{padding:17px 25px}.hero{gap:10px;min-height:330px;padding:28px 25px}.hero h1{font-size:34px}.hero-visual .art-paper{width:90%}.hero-copy>p{font-size:14px}.lesson-grid{gap:14px}.benefit-row{gap:10px}.benefit-row>div{gap:8px}.benefit-row strong{font-size:11px}.benefit-row small{font-size:9px}.card-body h3{font-size:16px}.brand{font-size:21px}.floating-badge{font-size:10px;bottom:8px;right:-3px}.step-instructions{padding:24px}.step-instructions h2{font-size:20px}}@media(max-width:900px){.sidebar{width:190px;padding:28px 13px}.main-shell{margin-right:190px}.brand{gap:7px;font-size:19px}.brand-mark{width:41px;height:41px}.nav-link{gap:9px;padding:12px;font-size:12px}.brand small{font-size:9px}.hero{min-height:310px;padding:24px 23px}.hero h1{font-size:29px}.hero-copy>p{font-size:14px}.hero-tag{font-size:10px}.art-paper{aspect-ratio:.98}.paper-word{font-size:11px;bottom:20px}.pencils{left:-12px;transform:scale(.85)rotate(-19deg)}.hero-footnote{font-size:9px}.hero .primary{padding:10px 14px;font-size:12px}.benefit-row{grid-template-columns:1fr;gap:14px;padding:22px 0}.benefit-row>div{gap:12px}.benefit-row strong{font-size:13px}.benefit-row small{font-size:11px}.benefit-icon{width:39px;height:39px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-section .lesson-card:last-child:nth-child(3){display:none}.category-tabs{gap:7px}.category-tabs button{padding:5px 9px;font-size:10px}.age-label{display:none}.topbar-title{font-size:11px}.lesson-workspace{grid-template-columns:1fr}.step-illustration svg{max-height:300px}.bottom-banner{padding:18px}.bottom-banner h3{font-size:13px}.bottom-banner p{font-size:11px}.section-heading h2{font-size:21px}}@media(max-width:700px){.sidebar{z-index:80;width:244px;padding:30px 23px 22px;transition:transform .25s;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar .brand{font-size:23px}.sidebar .brand small{font-size:11px}.sidebar .nav-link{padding:14px;font-size:14px}.sidebar .brand-mark{width:48px;height:48px}.menu-overlay{z-index:70;background:#30233966;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.main-shell{margin-right:0}.mobile-menu{display:grid}.topbar{min-height:72px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px}.topbar-title{gap:3px;font-size:11px}.topbar-end{gap:7px}.avatar{width:33px;height:33px}.wave{display:none}main{padding:20px 18px calc(90px + env(safe-area-inset-bottom))}.hero{border-radius:24px;grid-template-columns:1fr;gap:24px;min-height:300px;padding:26px 22px}.hero h1{margin-top:14px;font-size:34px}.hero-copy>p{font-size:14px}.hero-tag{font-size:9px}.hero-visual{align-items:center;min-height:235px;margin:5px 12px 12px}.hero .art-paper{aspect-ratio:1.16;width:78%;max-width:260px;min-height:190px;margin-left:0;transform:rotate(-8deg)}.hero-visual .art-paper svg{width:100%;margin-top:-18px}.paper-word{font-size:14px;bottom:19px}.pencils{display:none}.floating-badge{gap:7px;padding:8px 12px;font-size:13px;bottom:0;right:0}.floating-badge svg{width:14px}.star-one{font-size:26px;top:14px;right:1px}.star-two{font-size:19px;bottom:0;left:4px}.tape{width:53px;height:17px;top:-6px;left:31%}.grass{border-width:2px;width:15px;height:12px;bottom:12px}.hero .primary{gap:10px;padding:12px 22px;font-size:15px}.hero-footnote{gap:5px;font-size:12px}.hero-footnote svg{width:11px}.benefit-row{grid-template-columns:1fr;gap:16px;padding:23px 4px}.benefit-row>div{gap:12px}.benefit-row small{font-size:11px}.benefit-row strong{font-size:13px}.benefit-icon{width:40px;height:40px}.section-heading{gap:8px;margin-bottom:18px}.section-heading h2{font-size:22px}.eyebrow{font-size:10px}.text-button{font-size:11px}.lesson-grid{gap:12px}.card-body{padding:10px 5px 4px}.card-body h3{font-size:14px}.card-body>p{font-size:14px;line-height:1.8}.card-category{font-size:9px}.card-bottom{margin-top:10px}.card-bottom>span:first-child{font-size:9px}.card-art{aspect-ratio:1.2}.card-art>svg{width:100%;padding-top:16px}.level-badge{padding:1px 5px;font-size:8px;top:7px;right:6px}.category-tabs button{min-height:44px;padding:5px 10px;font-size:10px}.lesson-section .lesson-card:last-child:nth-child(3){grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.lesson-section .lesson-card:last-child:nth-child(3) .card-art{aspect-ratio:1.3}.lesson-section .lesson-card:last-child:nth-child(3) .card-body{align-self:center}.bottom-banner{gap:12px;padding:20px 16px}.bottom-banner>div:nth-child(2){flex:1;min-width:0}.bottom-banner .secondary{margin-right:42px}.bottom-banner p{font-size:11px;line-height:1.9}.bottom-banner h3{font-size:13px}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:72px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fffefbef;border-top:1px solid #eae2ee;justify-content:space-around;gap:5px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#ab9bb4;background:0 0;border-radius:11px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:50px;font-size:10px;display:flex}.bottom-nav button.active{color:#8d68ad;background:#f0e9f6;font-weight:700}.page-footer{padding:27px 0 8px;font-size:9px;line-height:2}.step-instructions{padding:24px 20px}.step-instructions h2{font-size:21px}.step-illustration{padding:20px 12px}.lesson-workspace{border-radius:16px}.step-illustration svg{min-height:200px;max-height:260px}.lesson-finish{text-align:center;justify-content:center}.lesson-finish span{font-size:12px}.lesson-finish .primary{width:100%}.progress-stats{gap:8px}.progress-stats>div{padding:18px 5px}.progress-stats>div>span:last-child{font-size:10px}.progress-stats strong{font-size:25px}.progress-overview h2{font-size:20px}.completion{padding:35px 18px}.completion h2{font-size:22px}.completion p{font-size:14px}.drawing-pad{padding:7px}.canvas-wrap canvas{aspect-ratio:1.5}.color-palette{gap:10px;padding:8px 0 16px}.color-palette button{width:35px;min-height:44px}.drawing-tools{padding:8px 3px}.tool-row{gap:7px}.tool-row>.primary{width:100%;margin-top:5px}.size-control{gap:4px;font-size:12px}.size-control input{width:65px}.tool{width:42px}.modal{padding:29px 22px}.modal h2{font-size:22px}.modal-backdrop{padding:15px}.modal .primary{font-size:12px}.guide-modal li{font-size:14px}.practice-heading p{font-size:13px}.tip-box{gap:10px;padding:17px}.tip-box p{font-size:12px}.desktop-break{display:none}}.about-footer-button{color:#8c671e;background:#fff8e9;border:1px solid #e8cc8b;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:7px 16px;font-size:14px;display:inline-flex}.about-footer-button:hover{background:#fff0ce;box-shadow:0 3px 16px #d5ac5130}.about-dialog{text-align:center;max-width:560px;padding:34px 26px 24px}.about-eyebrow{color:#9b7c3d;margin-bottom:7px;font-size:14px;display:block}.about-dialog h2{margin-bottom:10px}.about-dialog .about-intro{max-width:440px;margin:0 auto 24px;font-size:14px}.golden-frame{isolation:isolate;background:#e1bd6b;border-radius:24px;padding:3px;animation:6s ease-in-out infinite golden-breathe;position:relative;overflow:hidden;box-shadow:0 0 20px #edc56545,0 8px 28px #9b732215}.golden-frame:before{content:"";z-index:-1;background:conic-gradient(#b38732,#f5c566 65deg,#fff6cb 95deg,#d4a54b 135deg,#aa792b 200deg,#ffe49a 270deg,#fff9e4 295deg,#b38732 360deg);animation:10s linear infinite golden-orbit;position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%}.about-creator{background:linear-gradient(145deg,#fffefa,#fff8e9);border-radius:21px;padding:26px 18px 20px;position:relative;overflow:hidden}.about-emblem{color:#a47c2d;background:#fff1cd;border:1px solid #edcf86;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;display:grid;box-shadow:0 0 24px #e8bf6130}.about-creator-label{color:#9b855d;font-size:14px;display:block}.about-creator h3{color:#705324;margin:4px 0;font-size:26px;font-weight:850}.about-wordmark{color:#9d7b3b;font-size:14px;font-weight:700;display:block}.about-creator>p{color:#9b896c;margin-top:9px;font-size:14px}.about-contacts{grid-template-columns:1fr;gap:12px;margin-top:23px;display:grid}.about-contacts a{text-align:right;color:#705324;background:#ffffffc9;border:1px solid #ebdbb6;border-radius:16px;align-items:center;gap:12px;min-width:0;min-height:76px;padding:13px;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.about-contacts a:hover{background:#fff3d8;transform:translateY(-2px);box-shadow:0 4px 16px #bc913b20}.about-contacts a:focus-visible{outline-offset:3px;outline:3px solid #b68b37}.about-contact-icon{color:#9b752a;background:#fff1ce;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.about-contact-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.about-contact-copy strong{font-size:14px;font-weight:700}.about-contact-copy>span{overflow-wrap:anywhere;color:#97805c;align-self:flex-start;font-size:14px}.about-external{color:#b28a3e;flex-shrink:0;font-size:20px}.about-dialog .about-parent-note{color:#9a8e9d;margin-top:20px;font-size:14px;line-height:1.9}@keyframes golden-orbit{to{transform:rotate(360deg)}}@keyframes golden-breathe{0%,to{box-shadow:0 0 18px #edc56540,0 8px 28px #9b732215}50%{box-shadow:0 0 30px #edc56570,0 8px 28px #9b732225}}@media(max-width:700px){.about-dialog{padding:32px 17px 22px}.about-creator{padding:22px 13px 17px}.about-creator h3{font-size:24px}.about-footer-button{width:100%;margin-bottom:4px}.about-contacts a{gap:9px;padding:12px 10px}.about-contact-icon{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.golden-frame,.golden-frame:before{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #e8deef;border-radius:99px;background:#f6f0fa;color:#785c91;font-size:12px;flex-shrink:0}.journey-panel{margin-top:26px;padding:24px;border:1px solid #e9e1ee;border-radius:24px;background:#fffefa;box-shadow:0 5px 20px #55446e04}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.journey-heading h2{font-size:21px}.journey-heading>span{font-size:13px;color:#826793;background:#f3ecf8;border-radius:99px;padding:5px 13px}.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;position:relative}.journey-step{position:relative;background:none;min-width:0;padding:5px 0;color:#7c6a87;display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:16px}.journey-node{position:relative;display:grid;place-items:center;width:62px;height:62px;font-size:30px;border-radius:22px;border:3px solid white;box-shadow:0 0 0 1px #ebe4ef,0 5px #eee7f2;margin-bottom:7px;transition:transform .3s}.journey-step:hover .journey-node{transform:translateY(-5px) rotate(-6deg)}.journey-step strong{font-size:13px;font-weight:650}.journey-step small{font-size:12px;color:#9988a3}.journey-step.current .journey-node{outline:2px dashed #a489bd;outline-offset:5px}.journey-step.current strong{color:#81539f;font-weight:850}.journey-check{position:absolute;left:-4px;bottom:-4px;display:grid;place-items:center;width:22px;height:22px;background:#8d69ac;color:#fff;border:2px solid white;border-radius:50%}.studio-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#766080;padding:8px 6px 15px}.studio-status strong{font-size:14px}.studio-status>span:last-child{margin-inline-start:auto;font-size:12px;color:#897993}.studio-dot{width:8px;height:8px;background:#a086b9;border-radius:50%}.canvas-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#b0a1ba;text-align:center;padding:24px;z-index:1}.canvas-hint>span{font-size:64px;line-height:1.3;color:#d4c3e0}.canvas-hint strong{font-size:17px;font-weight:650}.canvas-hint small{font-size:14px;color:#b7aabd}.canvas-wrap.with-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#a68abd24 1px,transparent 1px),linear-gradient(90deg,#a68abd24 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 6px 12px;font-size:14px;color:#786487}.palette-heading>span{color:#9b81af;background:#f6f0fa;border-radius:99px;padding:2px 12px;font-size:13px}.brush-preview{display:inline-grid;place-items:center}.brush-preview i{display:block;border-radius:50%;box-shadow:0 0 0 1px #ddd0e4}.practice-reference{display:flex;align-items:center;gap:18px;border:1px solid #e6dced;border-radius:18px;background:#fffefa;padding:12px 18px;margin-bottom:18px;min-width:0}.practice-reference>svg{width:92px;max-width:27%;height:auto;flex-shrink:0}.practice-reference>div{min-width:0}.practice-reference strong{font-size:15px;color:#776080}.practice-reference p{font-size:14px;color:#94819e;margin-top:3px}.practice-reference>span{margin-inline-start:auto;color:#c4a9d7;font-size:28px}.completion-label{display:block;font-size:14px;font-weight:700;color:#9470b8;margin-bottom:12px}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.celebration i{position:absolute;top:-24px;left:calc(var(--i) * 5.5%);width:9px;height:16px;border-radius:3px;background:var(--confetti-color);transform:rotate(calc(var(--i) * 25deg));opacity:0}@keyframes page-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(20px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes step-pop{0%{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ink-reveal{0%{stroke-dashoffset:800;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes paper-drift{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}@keyframes badge-drift{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(1deg) translateY(-6px)}}@keyframes star-sway{0%,to{transform:scale(.9) rotate(-12deg);opacity:.65}50%{transform:scale(1.12) rotate(10deg);opacity:1}}@keyframes pencil-sway{0%,to{transform:rotate(-19deg)}50%{transform:rotate(-12deg) translateY(-4px)}}@keyframes star-arrive{0%{transform:scale(.25) rotate(-35deg)}65%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px) rotate(0)}10%{opacity:.9}80%{opacity:.8}to{opacity:0;transform:translateY(530px) rotate(400deg)}}@keyframes modal-arrive{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes track-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes banner-pencil{0%,to{transform:rotate(-15deg)}50%{transform:rotate(0)}}@keyframes guide-dash{to{stroke-dashoffset:-48}}@keyframes soft-ring{0%,to{box-shadow:0 0 0 3px #a489bd08}50%{box-shadow:0 0 0 8px #a489bd20}}@keyframes ambient-drift{0%,to{transform:translate(0)}50%{transform:translate(-16px,12px)}}@keyframes tiny-wave{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}html[data-motion=on] .page-enter{animation:page-reveal .45s ease-out both}html[data-motion=on] .lesson-card{animation:card-reveal .5s ease-out backwards;animation-delay:calc(var(--card-order) * 55ms)}html[data-motion=on] .instruction-enter{animation:page-reveal .4s ease-out both}html[data-motion=on] .step-dots .reached{animation:step-pop .35s ease-out}html[data-motion=on] .step-illustration .lesson-illustration :is(path,circle,ellipse){stroke-dasharray:800;animation:ink-reveal 1.2s ease-out both}html[data-motion=on] .step-illustration .lesson-illustration :is(path,circle,ellipse):nth-child(2n){animation-delay:.15s}html[data-motion=on] .art-paper{animation:paper-drift 7s ease-in-out infinite}html[data-motion=on] .floating-badge{animation:badge-drift 5s ease-in-out infinite}html[data-motion=on] :is(.hero-star,.little-spark,.note-spark){display:inline-block;animation:star-sway 5s ease-in-out infinite}html[data-motion=on] .star-two{animation-delay:-2.5s}html[data-motion=on] .pencils{animation:pencil-sway 6s ease-in-out infinite}html[data-motion=on] .completion-star{animation:star-arrive .8s cubic-bezier(.2,.7,.4,1) both}html[data-motion=on] .celebration i{animation:confetti-fall 2.7s ease-in both;animation-delay:calc(var(--i) * 65ms)}html[data-motion=on] .modal{animation:modal-arrive .3s ease-out both}html[data-motion=on] .progress-track span{transform-origin:right;animation:track-grow .8s ease-out both}html[data-motion=on] .banner-icon{animation:banner-pencil 6s ease-in-out infinite}html[data-motion=on] .warmup-lines path{animation:guide-dash 3s linear infinite}html[data-motion=on] .journey-step.current .journey-node{animation:soft-ring 4s ease-in-out infinite}html[data-motion=on] .brand-mark{animation:tiny-wave 8s ease-in-out infinite}.hero:before,.hero:after{content:"";position:absolute;border:1px dashed #bda5d14a;border-radius:50%;pointer-events:none}.hero:before{width:260px;height:260px;left:-90px;top:-120px}.hero:after{width:150px;height:150px;right:36%;bottom:-100px}html[data-motion=on] .hero:before,html[data-motion=on] .hero:after{animation:ambient-drift 9s ease-in-out infinite}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none;scroll-behavior:auto}html[data-hidden=true] *,html[data-hidden=true] *:before,html[data-hidden=true] *:after{animation-play-state:paused}@media(min-width:1024px){.journey-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.journey-step:not(:last-child):after{content:"";position:absolute;top:36px;right:calc(50% + 38px);width:calc(100% - 62px);border-top:2px dashed #e3d8ec;pointer-events:none}}@media(max-width:700px){.motion-toggle{width:44px;padding:8px}.motion-toggle>span{display:none}.topbar-title>span{font-size:12px}.topbar-end{gap:8px}.journey-panel{padding:20px 13px;border-radius:20px}.journey-heading{margin-bottom:21px}.journey-heading h2{font-size:20px}.journey-heading>span{font-size:12px}.journey-node{width:55px;height:55px;border-radius:19px;font-size:27px}.journey-step strong{font-size:12px}.journey-step small{font-size:11px}.journey-steps{gap:20px 8px}.studio-status{gap:7px}.studio-status>span:last-child{width:100%;margin-inline-start:16px;font-size:12px}.canvas-hint{padding:16px}.canvas-hint>span{font-size:42px}.canvas-hint strong{font-size:14px}.canvas-hint small{font-size:12px}.palette-heading{font-size:13px;margin-top:8px}.color-palette{gap:12px}.color-palette button{width:44px;min-height:44px}.tool{width:44px;height:44px}.practice-reference{gap:10px;padding:10px}.practice-reference strong{font-size:14px}.practice-reference p{font-size:13px}.practice-reference>span{display:none}.completion{padding-top:40px}.journey-heading .eyebrow{font-size:12px}.tool-row{justify-content:center}.size-control{flex:1;justify-content:center}.brush-preview{display:none}}@media(prefers-reduced-motion:reduce){html[data-motion] *,html[data-motion] *:before,html[data-motion] *:after{animation:none;scroll-behavior:auto}}