@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#30362f;background:#f7f6f2;font-synthesis:none;font-weight:400;--paper:#f7f6f2;--ink:#30362f;--muted:#8b8e83;--line:#e8e8df;--accent:#edb260;--green:#64745c}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c08235;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #d5b786;outline-offset:2px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.04em}p{line-height:1.9}small{display:block}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:#efeee7;border-right:1px solid #e4e4d9;padding:37px 22px 20px;position:fixed;height:100dvh;z-index:20;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 11px;font-size:24px;font-weight:650;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:40px;height:43px;background:#efb866;border-radius:13px;transform:rotate(-7deg)}.brand-mark svg{transform:rotate(7deg)}.brand small{font-size:8px;letter-spacing:.21em;margin-top:3px;color:#8a8a7e}.nav-label{font-size:10px;color:#999b8f;letter-spacing:.12em;margin:59px 15px 17px}.sidebar nav{display:grid;gap:9px}.sidebar nav button{display:flex;align-items:center;text-align:left;gap:13px;padding:14px 16px;border-radius:9px;color:#767d70;font-size:13px;font-weight:500;transition:.2s}.sidebar nav button:hover{background:#e6e5dc}.sidebar nav button.active{background:#30392f;color:#fff}.new-label{font-size:8px;background:#ded9ed;color:#77628e;border-radius:4px;padding:2px 4px;margin-left:auto}.sidebar-note{padding:23px 15px;margin-top:auto}.tiny-star{font-size:37px;line-height:1;color:#b9bb9e}.sidebar-note p{font-size:13px;line-height:2;color:#858b7d;margin:13px 0 8px}.sidebar-note small{font-size:9px;color:#a2a497}.settings-link{display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;padding:20px 15px;color:#878c80}.sidebar-foot{border-top:1px solid #dddfd3;padding-top:22px;display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;border-radius:50%;width:37px;height:37px;background:#e3dfcf;color:#73775f;font-family:"Noto Serif SC",serif;font-size:15px}.sidebar-foot b{font-size:11px;font-weight:500}.sidebar-foot small{font-size:9px;color:#939688;margin-top:5px}.main{margin-left:232px;padding:0 48px;flex:1;max-width:1700px;min-width:0}.topbar{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#989c90}.top-actions{display:flex;align-items:center;gap:22px}.daily-streak{font-size:11px;color:#858a7c;display:flex;align-items:center;gap:6px}.daily-streak svg{color:#b69466}.avatar.small{width:30px;height:30px;font-size:12px;background:#e9e4d6}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;flex-shrink:0}.icon-btn:hover{background:#00000008}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:39px 0 29px;gap:20px}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:500;color:#929785;margin-bottom:11px;display:block}.page-heading h1{font-family:"Noto Serif SC",serif;font-size:31px;font-weight:600;margin-bottom:11px;line-height:1.6}.page-heading p:not(.eyebrow){font-size:12px;color:#909587;margin:0}.date-note{text-align:right;font-size:11px;line-height:1.9;color:#777f6d}.date-note small{font-size:10px;color:#a4a796}.hero{background:#e9eadd;border:1px solid #e1e3d3;border-radius:15px;min-height:340px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:33px 0 32px 37px;position:relative;z-index:2}.pill{display:inline-block;font-size:10px;border:1px solid #cad0ba;padding:6px 12px;border-radius:20px;color:#778369;margin-bottom:15px}.hero h2{font-family:"Noto Serif SC",serif;font-size:31px;line-height:1.65;font-weight:500;margin-bottom:12px}.hero p{font-size:11px;color:#8a937d;line-height:1.9;margin-bottom:20px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:7px;font-size:12px;white-space:nowrap;font-weight:500}.primary{background:#303b30;color:#fff}.primary:hover{background:#465344}.secondary{background:#ffffff8a;border:1px solid #d9ddce;color:#66745a}.secondary:hover{background:#fff}.wide{width:100%}.hero .primary{background:#eeb461;color:#48412d;padding:12px 17px}.hero .primary:hover{background:#e7a84e}.hero-foot{font-size:9px;color:#929a83;margin-left:14px;white-space:nowrap}.hero-art{position:relative;min-height:330px}.paper-sheet{position:absolute;width:245px;height:286px;left:15%;top:30px;transform:rotate(9deg);background:#fffef8;box-shadow:0 15px 30px #64704f24;border:1px solid #fff;display:flex;flex-direction:column;align-items:center;padding:5px 8px}.paper-sheet img{height:246px;width:246px;object-fit:contain}.paper-sheet small{font-size:9px;color:#999a8d;letter-spacing:.1em}.pencil-prop{position:absolute;top:86px;right:19%;width:10px;height:226px;background:linear-gradient(90deg,#c1a481,#e3c7a2 45%,#ac8b68);transform:rotate(25deg);box-shadow:4px 3px 7px #3332;border-radius:2px}.pencil-prop:after{content:"";position:absolute;bottom:-22px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:23px solid #6b634f}.hero-sticker{position:absolute;top:26px;right:9%;border-radius:50%;width:74px;height:74px;display:grid;place-content:center;background:#edd8b1;color:#7d785c;font-size:14px;transform:rotate(13deg);line-height:1.1;box-shadow:0 2px #d5be91;text-align:center;font-family:Georgia,serif}.hero-sticker i{font-size:20px}.decor-star{position:absolute;bottom:27px;left:0;font-size:56px;color:#b9c09d;transform:rotate(15deg)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 36px}.quick-actions>button{display:flex;gap:13px;text-align:left;align-items:center;border:1px solid var(--line);border-radius:10px;padding:18px;background:#fbfbf7}.quick-actions>button:hover{border-color:#c5ccba;transform:translateY(-2px)}.quick-actions>button>svg{margin-left:auto;color:#9ba58e;flex-shrink:0}.quick-icon{width:40px;height:43px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.quick-icon svg{width:21px}.amber{background:#f3eadb;color:#b49a6a}.green{background:#e6ecdf;color:#859773}.purple{background:#eee9f2;color:#a293ad}.quick-actions h3{font-size:12px;font-weight:600;margin:0 0 6px}.quick-actions p{font-size:9px;color:#a1a394;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:20px}.section-heading h2{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:600;margin:0 0 8px}.section-heading h2 span{font:9px Noto Sans SC,sans-serif;color:#a4a895;letter-spacing:.03em;border-left:1px solid #d9dfcc;padding-left:11px;margin-left:11px}.section-heading p{font-size:10px;color:#a4a897;margin:0}.text-btn{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#8b967e;white-space:nowrap}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.art-card{position:relative;min-width:0}.art-image{display:block;width:100%;aspect-ratio:1.04;border-radius:10px;position:relative;overflow:hidden;padding:12px}.art-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.art-image:hover img{transform:scale(1.05) rotate(-2deg)}.art-level{position:absolute;left:12px;bottom:11px;font-size:8px;color:#8b8e7b;background:#fff9;border-radius:4px;padding:4px 7px}.favorite{position:absolute;right:9px;top:10px;background:#fff7;border-radius:50%;width:29px;height:29px;display:grid;place-content:center;color:#9ca08d}.favorite.is-favorite{color:#ba7b69;background:#fff9}.done-badge{position:absolute;right:12px;bottom:12px;background:#718461;color:#fff;display:grid;place-items:center;border-radius:50%;width:21px;height:21px}.art-meta{display:flex;justify-content:space-between;align-items:center;padding:15px 1px 0}.art-meta h3{font-size:12px;font-weight:500;margin-bottom:6px}.art-meta p{font-size:9px;color:#a6ab9b;margin:0}.art-meta p span{padding:0 5px}.art-open{color:#9fa995;padding:7px}.daily-banner{display:flex;align-items:center;gap:22px;background:#f1efe7;border:1px solid #e8e4d8;border-radius:11px;margin-top:34px;padding:18px 23px}.daily-mini{width:76px;height:76px;border-radius:9px;flex-shrink:0}.daily-mini img{mix-blend-mode:multiply}.daily-banner .eyebrow{font-size:8px;margin-bottom:7px}.daily-banner h2{font-family:"Noto Serif SC",serif;font-size:17px;font-weight:500;margin-bottom:7px}.daily-banner p{font-size:10px;color:#999d8b;margin:0}.daily-banner .secondary{margin-left:auto;font-size:10px;padding:10px 14px}.main-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:40px 0 0;padding:25px 0 28px;font-size:9px;color:#b0b2a5;letter-spacing:.08em}.filter-row{display:flex;justify-content:space-between;gap:20px;margin:30px 0}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs button{padding:9px 15px;border-radius:20px;font-size:11px;color:#8a9380;background:#eeeee6}.category-tabs button.active{background:#344331;color:#fff}.search{display:flex;align-items:center;gap:8px;border:1px solid #dedfd3;border-radius:8px;padding:10px 12px;color:#9ca38f;background:#fff8}.search input{border:0;background:none;min-width:0;width:150px;font-size:11px;color:#59634f;outline:none}.library-grid{row-gap:33px}.empty{padding:70px 15px;text-align:center;color:#a0aa93;display:flex;flex-direction:column;align-items:center}.empty h3{font-size:17px;color:#6f7d63;margin-top:18px}.empty h2{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:500;margin:22px 0 10px;color:#67765d}.empty p{font-size:12px}.empty .primary{margin-top:12px}.empty.large{min-height:50vh;justify-content:center}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.lesson-card{text-align:left;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff9;padding:0}.lesson-card>div{height:240px;position:relative;display:flex;align-items:center;justify-content:center}.lesson-card img{height:100%;mix-blend-mode:multiply}.lesson-card>div>span{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:.12em;color:#858c75}.lesson-card section{padding:23px}.lesson-card small{font-size:10px;color:#9ba38f;margin-bottom:9px}.lesson-card h2{font-family:"Noto Serif SC",serif;font-size:21px;font-weight:500;margin-bottom:8px}.lesson-card p{font-size:11px;color:#9ba38f}.lesson-card b{font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:space-between;color:#7e8d70}.progress-track{height:3px;background:#e6eadf;border-radius:4px;margin:20px 0 15px}.progress-track span{display:block;height:100%;background:#92a47c}.project-card>button{width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.project-card img{width:100%;aspect-ratio:1;object-fit:cover}.project-card h3{font-size:12px;font-weight:500;margin:13px 0 7px}.project-card p{font-size:9px;color:#9da68f}.provider-pill{font-size:10px;display:flex;align-items:center;gap:7px;border:1px solid #ded9e6;border-radius:20px;padding:9px 14px;color:#9883ad;white-space:nowrap}.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ai-form{padding:29px;background:#fff9;border:1px solid var(--line);border-radius:13px}.ai-form h2{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:500;margin-bottom:30px}.ai-form label{display:block;font-size:11px;color:#7e8a71;margin:20px 0 9px}.ai-form label .category-tabs{margin-top:12px}.ai-form select,.ai-form textarea{display:block;background:#fafbf6;border:1px solid #e0e4d6;border-radius:7px;padding:12px;color:#65755a;width:100%;margin-top:10px;font-size:12px}.ai-form textarea{height:135px;resize:vertical;line-height:1.9}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.suggestions button{font-size:9px;color:#9da88f;background:#eef1e7;padding:6px 9px;border-radius:4px}.form-note{font-size:10px!important;color:#a2aa96!important;line-height:1.9!important;margin:16px 0 0}.notice{display:flex;gap:10px;background:#f2eee4;padding:12px;border-radius:7px;margin-top:18px;color:#a58e61}.notice svg{flex-shrink:0}.notice p{font-size:10px;margin:0}.ai-status{font-size:12px;color:#7a896b;margin:18px 0 0}.ai-result{border:1px dashed #d9dfcf;border-radius:13px;background:#eeeee6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;position:relative;overflow:hidden;min-height:480px}.ai-result h2{font-family:"Noto Serif SC",serif;font-size:25px;line-height:1.7;font-weight:400;color:#8a9679}.ai-result p{font-size:11px;color:#a6ad98}.ai-result>img:not(.ai-sample){max-height:450px;object-fit:contain;background:#fff;border-radius:9px}.ai-result>div:last-child{display:flex;gap:10px;margin-top:20px}.ai-orbit{width:85px;height:85px;display:grid;place-items:center;border:1px solid #d9dfce;border-radius:50%;color:#adb69c;margin-bottom:24px}.ai-sample{position:absolute;opacity:.1;bottom:-80px;right:-60px;width:250px;mix-blend-mode:multiply;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:#202b24a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:28px;overflow:auto}.modal{background:#f9f8f3;border-radius:17px;width:min(900px,100%);max-height:calc(100dvh - 56px);overflow:auto;position:relative;box-shadow:0 30px 90px #12211744}.close{position:absolute;right:17px;top:17px;border-radius:50%;width:34px;height:34px;background:#ffffffa8;display:grid;place-items:center;z-index:2;color:#6b7761}.close svg{width:20px}.artwork-detail{display:grid;grid-template-columns:.9fr 1fr}.detail-art{display:flex;align-items:center;justify-content:center;min-height:520px}.detail-art img{mix-blend-mode:multiply;width:90%}.detail-copy{padding:45px 32px 29px}.detail-copy h1,.upload-modal h1,.lesson-body h1,.settings-modal h1,.welcome-modal h1{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:500;margin:17px 0}.detail-copy>p{font-size:11px;color:#919b84}.detail-facts{display:flex;align-items:center;gap:19px;color:#8d9a7c;border-block:1px solid var(--line);padding:17px 0;margin:21px 0}.detail-facts>span{display:flex;align-items:center;gap:6px;font-size:10px}.detail-copy h3{font-size:12px;font-weight:500;margin-bottom:14px}.mode-option{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:1px solid #e1e5d6;border-radius:8px;padding:14px 13px;margin-top:10px;background:#fff8}.mode-option:hover{background:#eaf0df;border-color:#bac8a8}.mode-option>svg:first-child{color:#91a17f;width:20px}.mode-option>svg:last-child{margin-left:auto;width:15px;color:#a2ac94}.mode-option b{font-size:11px;font-weight:500}.mode-option small{font-size:9px;color:#a1aa95;margin-top:5px}.upload-modal,.settings-modal{padding:38px;width:min(700px,100%)}.upload-modal>p,.settings-modal p{font-size:12px;color:#929d85}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:245px;background:#f0f2e9;border:1px dashed #cbd6bc;border-radius:10px;width:100%;margin-top:25px;color:#8c9a7b}.upload-zone b{font-size:13px}.upload-zone span{font-size:10px}.photo-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.photo-compare figure{margin:0;background:#eeeee6;border-radius:10px;padding:8px}.photo-compare img{height:230px;object-fit:contain;width:100%}.photo-compare figcaption{text-align:center;font-size:10px;color:#8b987b;padding:9px}.sensitivity{font-size:11px;display:flex;align-items:center;gap:15px;color:#8e9b7e}.sensitivity input{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;flex-wrap:wrap}input[type=range]{accent-color:#7d9564}.lesson-modal{width:680px}.lesson-stage{height:320px;text-align:center}.lesson-stage img{height:100%;mix-blend-mode:multiply}.lesson-body{padding:28px 34px}.lesson-body p{font-size:12px;color:#98a18b}.step-dots{display:flex;gap:8px}.step-dots button{height:5px;background:#dfe5d4;flex:1;border-radius:3px}.step-dots button.active{background:#8fa574}.project-modal{padding:27px;width:min(600px,100%);text-align:center}.project-modal>img{max-height:55vh;object-fit:contain;border-radius:8px;background:#fff}.project-modal h2{font-family:"Noto Serif SC",serif;font-weight:500;margin:20px 0 8px}.project-modal p{font-size:10px;color:#97a087}.project-modal .modal-actions{justify-content:center}.settings-modal h3{font-size:13px;font-weight:500;margin-top:24px}.welcome-modal{padding:28px 37px 35px;text-align:center;width:440px}.welcome-art{height:230px;background:#e7e9dc;border-radius:11px;position:relative;margin-bottom:28px}.welcome-art img{height:100%;mix-blend-mode:multiply}.welcome-art span{position:absolute;bottom:13px;right:16px;font-size:9px;color:#9aa68b}.welcome-modal h1{font-size:24px;line-height:1.7}.welcome-modal>p{font-size:11px;color:#9aa58d;margin-bottom:25px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:200;background:#34462e;color:#fff;border:1px solid #677e5a;padding:13px 20px;border-radius:9px;box-shadow:0 8px 25px #10200e33;display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.mobile-menu,.sidebar-scrim{display:none}.editor{height:100dvh;display:flex;flex-direction:column;background:#252a24;color:#fff}.editor-head{display:flex;gap:17px;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:#faf9f5;color:#44503a;flex-shrink:0}.editor-head b{font-size:13px;font-weight:500}.editor-head small{font-size:10px;color:#a0a991;margin-top:5px}.editor-head>.chip{margin-left:auto}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 13px;border:1px solid #d8dfcf;border-radius:6px;font-size:11px;background:#fafbf6;color:#879677}.chip.active{background:#e6ebdc;color:#637c4e}.drawing-stage{position:relative;flex:1;overflow:hidden;min-height:180px;touch-action:none;-webkit-user-select:none;user-select:none}.drawing-stage.paper{background:#fffefa}.drawing-stage>video{position:absolute;width:100%;height:100%;object-fit:cover}.trace-overlay{position:absolute;top:50%;left:50%;width:78%;height:70%;object-fit:contain;pointer-events:none;mix-blend-mode:multiply;transform-origin:center}.ink-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-label{position:absolute;top:17px;left:18px;font-size:9px;letter-spacing:.2em;background:#16200c7a;color:#f9faf6;padding:7px 10px;border-radius:4px;pointer-events:none}.gesture-hint{position:absolute;bottom:17px;left:50%;transform:translate(-50%);font-size:10px;background:#18230e7d;color:#fff;padding:8px 16px;border-radius:20px;pointer-events:none;white-space:nowrap}.stage-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e6e9df;color:#718261;text-align:center;padding:35px;gap:15px}.stage-error p{font-size:13px;max-width:400px}.editor-tools{background:#faf9f5;color:#849475;padding:16px 24px calc(16px + env(safe-area-inset-bottom));flex-shrink:0;border-top:1px solid #dce4d3}.tool-row{display:flex;gap:30px;max-width:800px;margin:auto}.tool-row label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;flex:1}.tool-row output{margin-left:auto;font-size:10px;color:#a2ad95}.tool-row input{width:100%;margin:3px 0 10px}.tool-buttons{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;max-width:800px;margin:auto}.tool-buttons button{display:flex;gap:5px;align-items:center;justify-content:center;border-radius:5px;font-size:10px;padding:8px 12px}.tool-buttons button:hover,.tool-buttons button.selected{background:#e5ecd9;color:#5e7e43}.capture-row{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:12px}.brush-row{display:flex;gap:12px;align-items:center;justify-content:center;font-size:10px;padding-top:9px}.brush-row input[type=range]{max-width:130px}.brush-row input[type=color]{width:25px;height:25px;padding:0;border:0;background:none}.ar-studio{position:fixed;inset:0;background:#eef0e6;z-index:50}.ar-studio>div:first-child{position:absolute;inset:0}.ar-studio header{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:18px;background:#fff9;font-size:12px}.ar-intro{position:relative;z-index:1;max-width:500px;margin:40px auto;text-align:center;padding:25px;color:#7f9271}.ar-intro h1{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:500;margin:20px 0}.ar-intro p{font-size:12px}.ar-intro img{display:block;height:200px;object-fit:contain;margin:20px auto;mix-blend-mode:multiply}.ar-studio.running{background:transparent}.ar-status{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#34482fc9;color:#fff;padding:14px 20px;border-radius:30px;font-size:12px;width:max-content;max-width:90vw;text-align:center}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.main{padding-inline:65px}.hero-copy{padding:45px}.hero{min-height:390px}.hero h2{font-size:39px}.paper-sheet{width:280px;height:325px;top:35px;left:20%}.paper-sheet img{height:290px}.hero-art{min-height:385px}.hero-sticker{right:13%}.pencil-prop{height:250px;right:24%}.quick-actions>button{padding:22px}.art-grid{gap:25px}.hero-copy p{font-size:13px}}@media(max-width:1150px){.sidebar{width:200px;padding-inline:16px}.main{margin-left:200px;padding-inline:28px}.hero h2{font-size:27px}.hero-copy{padding-left:27px}.paper-sheet{left:12%;width:210px;height:260px}.paper-sheet img{height:220px}.hero-foot{display:block;margin:10px 0 0}.quick-actions{gap:10px}.quick-actions>button{padding:14px 11px;gap:8px}.quick-actions p{font-size:8px}.quick-icon{width:33px;height:36px}.quick-actions>button>svg{display:none}.art-grid{gap:15px}.section-heading h2{font-size:18px}.daily-banner{gap:15px;padding:15px}.daily-banner p{font-size:9px}.daily-mini{width:60px;height:60px}.ai-layout{gap:18px}.ai-form{padding:23px}}@media(max-width:850px){.sidebar{width:180px;padding-inline:10px}.brand{font-size:21px;padding-inline:8px}.brand-mark{width:34px;height:38px}.sidebar nav button{font-size:12px;gap:10px;padding:13px}.main{margin-left:180px;padding-inline:23px}.topbar{height:70px}.top-actions{gap:13px}.page-heading{margin-top:27px}.page-heading h1{font-size:26px}.date-note{display:none}.hero{grid-template-columns:1fr .8fr}.hero h2{font-size:24px}.hero-copy{padding:27px 0 26px 25px}.hero p{font-size:10px}.paper-sheet{width:170px;height:225px;left:3%;top:48px}.paper-sheet img{height:193px}.pencil-prop{right:12%;width:8px;height:175px;top:111px}.hero-sticker{width:57px;height:57px;font-size:11px;right:9%;top:23px}.hero-sticker i{font-size:17px}.decor-star{font-size:40px;bottom:38px}.quick-actions h3{font-size:10px}.quick-actions p{display:none}.quick-icon{width:29px;height:32px}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-section .art-grid>.art-card:last-child{display:none}.section-heading h2 span{display:none}.daily-banner{flex-wrap:wrap}.daily-banner>div:nth-child(2){flex:1}.daily-banner .secondary{margin-left:75px}.filter-row{align-items:start;flex-direction:column}.search,.search input{width:100%}.ai-layout{grid-template-columns:1fr}.ai-result{min-height:340px}.lesson-card>div{height:190px}.lesson-card section{padding:18px}.lesson-card h2{font-size:18px}.artwork-detail{grid-template-columns:.8fr 1fr}.detail-copy{padding-inline:25px}.detail-art{min-height:500px}}@media(max-width:650px){.sidebar{transform:translate(-100%);transition:transform .2s;width:240px;padding:30px 20px}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#1e2a1d70;z-index:19}.mobile-menu{display:inline-flex}.main{margin-left:0;padding:0 20px;width:100%}.topbar{height:calc(65px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:7px}.breadcrumb{font-size:10px;gap:7px;margin-right:auto}.top-actions{gap:10px}.top-actions .icon-btn{display:none}.daily-streak{font-size:9px}.avatar.small{width:27px;height:27px;font-size:11px}.page-heading{margin:27px 0 23px;align-items:flex-start}.page-heading .eyebrow{font-size:7px;letter-spacing:.14em}.page-heading h1{font-size:27px;margin-bottom:8px}.page-heading p:not(.eyebrow){font-size:10px}.page-heading>.secondary{font-size:9px;padding:9px;gap:5px}.hero{grid-template-columns:1fr .68fr;min-height:312px;border-radius:12px}.hero-copy{padding:25px 0 24px 20px}.pill{font-size:8px;padding:5px 9px;margin-bottom:15px}.hero h2{font-size:23px;line-height:1.65;margin-bottom:11px;white-space:nowrap}.hero p{font-size:9px;line-height:1.9;margin-bottom:18px;white-space:nowrap}.hero .primary{padding:10px 12px;font-size:10px;gap:8px}.hero-foot{font-size:8px;margin-top:12px}.hero-art{min-height:306px}.paper-sheet{width:141px;height:203px;left:7%;top:60px;padding:0;transform:rotate(12deg)}.paper-sheet img{height:176px}.paper-sheet small{font-size:7px}.hero-sticker{width:47px;height:47px;font-size:10px;right:4%;top:29px}.hero-sticker i{font-size:15px}.pencil-prop{right:1%;height:171px;top:123px;width:7px}.decor-star{font-size:31px;bottom:23px;left:10px}.quick-actions{margin:16px 0 29px;gap:8px}.quick-actions>button{flex-direction:column;align-items:flex-start;gap:10px;padding:13px 10px;border-radius:8px}.quick-actions h3{font-size:10px;margin:0}.quick-icon{width:31px;height:32px}.quick-icon svg{width:18px}.section-heading h2{font-size:18px}.section-heading p{font-size:9px}.section-heading{margin-bottom:16px;gap:10px}.text-btn{font-size:9px;gap:4px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.gallery-section .art-grid>.art-card:last-child{display:block}.art-meta{padding-top:12px}.art-meta h3{font-size:11px}.art-meta p{font-size:8px}.art-level{font-size:7px;left:10px;bottom:10px}.favorite{width:27px;height:27px}.art-image{border-radius:8px;padding:8px}.daily-banner{padding:14px;gap:13px;margin-top:27px}.daily-mini{width:53px;height:60px}.daily-banner .eyebrow{font-size:6px}.daily-banner h2{font-size:14px;line-height:1.7}.daily-banner p{font-size:8px}.daily-banner .secondary{margin-left:66px;font-size:9px;padding:9px 12px}.main-footer{margin-top:30px;font-size:7px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.filter-row{margin-top:23px}.category-tabs{gap:6px}.category-tabs button{padding:8px 12px;font-size:10px}.lesson-grid{grid-template-columns:1fr;gap:21px}.lesson-card{display:grid;grid-template-columns:130px 1fr}.lesson-card>div{height:100%;min-height:190px}.lesson-card>div>span{font-size:7px;left:12px;top:15px}.lesson-card section{padding:22px 17px}.lesson-card h2{font-size:17px}.lesson-card p{font-size:9px}.lesson-card small{font-size:8px}.provider-pill{display:none}.ai-form{padding:24px 20px}.ai-form h2{font-size:21px}.ai-result{min-height:330px;padding:25px}.ai-result h2{font-size:23px}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px);border-radius:13px}.artwork-detail{display:block;width:430px}.detail-art{min-height:0;height:225px}.detail-art img{width:220px;height:220px}.detail-copy{padding:25px 24px}.detail-copy h1{font-size:25px;margin:12px 0}.detail-copy .eyebrow{font-size:8px}.detail-facts{padding:13px 0;margin:16px 0}.detail-copy>p{font-size:10px}.mode-option{padding:12px}.mode-option small{font-size:8px}.detail-copy .form-note{font-size:9px!important}.upload-modal,.settings-modal{padding:30px 23px}.upload-modal h1,.settings-modal h1{font-size:24px}.upload-modal>p,.settings-modal p{font-size:11px}.photo-compare{gap:10px}.photo-compare img{height:180px}.modal-actions{gap:8px}.modal-actions .primary,.modal-actions .secondary{font-size:10px;padding:11px 12px}.lesson-stage{height:240px}.lesson-body{padding:24px}.lesson-body h1{font-size:23px}.welcome-modal{padding:23px 25px 30px}.welcome-art{height:220px}.welcome-modal h1{font-size:22px}.editor-head{padding-inline:12px;gap:10px}.editor-head b{font-size:11px}.editor-head small{font-size:8px}.editor-head .chip{font-size:9px;padding:8px 10px}.editor-tools{padding:12px 15px calc(13px + env(safe-area-inset-bottom))}.tool-row{gap:23px}.tool-buttons{gap:0}.tool-buttons button{font-size:8px;padding:8px}.tool-buttons button svg{width:15px}.capture-row .primary,.capture-row .secondary{font-size:10px;padding:11px 16px}.stage-label{font-size:7px;top:12px;left:12px}.gesture-hint{font-size:9px;bottom:13px}.toast{font-size:10px;max-width:90vw;white-space:normal;bottom:20px}.empty.large{min-height:60vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.assessment-modal{width:min(480px,100%);padding:32px;text-align:center;color:#55674b}.assessment-modal h1{font:500 24px/1.7 "Noto Serif SC",serif;margin:16px 0 9px}.assessment-modal>p{font-size:11px;color:#98a28a}.reward-mark{font-size:54px;color:#d9aa62;line-height:1.2;margin:0 0 15px}.assessment-stats{display:grid;grid-template-columns:1fr 1fr;margin:27px 0 22px;gap:15px}.assessment-stats>div{background:#edf0e4;border-radius:10px;padding:20px 10px}.assessment-stats b{font-size:35px;font-weight:500;display:flex;justify-content:center;align-items:baseline;gap:3px}.assessment-stats b small{font-size:13px}.assessment-stats span{font-size:10px;color:#97a28a;display:block;margin-top:7px}.assessment-note{background:#f2eddf;border-radius:8px;padding:15px;font-size:11px;line-height:1.9;color:#a28a60}.reward-pill{margin:21px 0;font-size:10px;color:#96a183}.badge-list{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.badge-list span{background:#ede8d6;border-radius:20px;color:#9b875e;font-size:10px;padding:8px 12px}.project-assessment{font-size:11px;color:#889979;margin-top:15px}.project-assessment p{margin-top:8px}.practice-hud{position:absolute;top:16px;right:17px;z-index:2;pointer-events:none;background:#f8faf1e8;color:#627450;border:1px solid #ced9bf;border-radius:9px;padding:12px 15px;width:220px;box-shadow:0 3px 15px #26381e15}.practice-hud>span{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:7px}.practice-hud b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.practice-hud small{font-size:8px;line-height:1.8;color:#92a080;margin-top:7px}.live-progress{height:4px;border-radius:5px;background:#dce4d1;overflow:hidden}.live-progress i{display:block;height:100%;background:#93aa73;transition:width .4s}@media(max-width:650px){.practice-hud{top:12px;right:12px;width:176px;padding:10px 11px}.practice-hud>span{font-size:9px;margin-bottom:5px}.practice-hud b{font-size:12px}.practice-hud small{font-size:7px}}:root{--paper:#faf8ff;--ink:#251b3e;--muted:#8c82a1;--line:#eee8f7;--accent:#7c3aff;--green:#7c3aff;color:#251b3e;background:#faf8ff;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 90% 0,#f2ecff 0,transparent 45%),#faf8ff}button{transition:background .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible{outline-color:#a27aff}input:focus,textarea:focus,select:focus{outline-color:#b28aff}input[type=range]{accent-color:#853eff}a{color:inherit}.sidebar{background:#fff;border-right:1px solid #eee8f7;width:234px;padding:33px 20px 22px}.brand{color:#2c164b;letter-spacing:.03em;font-weight:800}.brand-mark{background:linear-gradient(145deg,#a468ff,#7032ed);color:#fff;box-shadow:0 6px 15px #8742ec28;transform:rotate(-9deg);border-radius:14px}.brand small{color:#a18fbf;letter-spacing:.17em}.nav-label{color:#aa9cbd;font-size:11px;letter-spacing:.08em;margin-top:43px}.sidebar nav{gap:8px}.sidebar nav button{color:#8c7f9f;font-size:13px;padding:15px 16px;border-radius:14px}.sidebar nav button:hover{background:#f7f2ff}.sidebar nav button.active{background:linear-gradient(100deg,#7c3aff,#9853ff);box-shadow:0 6px 18px #7c3aff23;color:#fff}.new-label{background:#eee2ff;color:#8a40f1;font-size:8px;border-radius:5px}.tiny-star{color:#ac7ce9}.sidebar-note p{color:#9384a9;font-size:12px}.sidebar-note small{color:#b1a4c3}.settings-link{color:#9282a8}.sidebar-foot{border-color:#efe8f9}.sidebar-foot b{color:#6d5688}.sidebar-foot small{color:#a99bbd}.avatar{background:#efe5ff;color:#8545dd}.main{margin-left:234px;padding-inline:44px;max-width:1660px}.topbar{border-color:#eee8f7;height:84px}.breadcrumb{color:#a091b4}.top-actions{gap:17px}.daily-streak{background:#f0e7ff;color:#844bd1;border:1px solid #e6d8ff;border-radius:30px;padding:8px 12px;font-weight:600;font-size:10px}.daily-streak svg{color:#9a61eb}.avatar.small{background:#ece0ff;color:#8644e1}.icon-btn{color:#78648e}.icon-btn:hover{background:#eee5ff}.mobile-brand,.bottom-nav{display:none}.page-heading{margin:31px 0 25px}.eyebrow{color:#9d83b9;font-size:9px;letter-spacing:.14em}.page-heading h1,.hero h2,.section-heading h2,.daily-banner h2,.lesson-card h2,.ai-form h2,.ai-result h2,.detail-copy h1,.upload-modal h1,.lesson-body h1,.settings-modal h1,.welcome-modal h1,.assessment-modal h1,.empty h2,.project-modal h2,.ar-intro h1{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:750;letter-spacing:-.04em}.page-heading h1{color:#2a1944;font-size:30px;margin-bottom:9px}.page-heading p:not(.eyebrow){color:#a294b3;font-size:12px}.date-note{color:#8e75ad}.date-note small{color:#b4a4c7}.hero{display:block;position:relative;background:#8d46ec;border:0;border-radius:24px;min-height:318px;box-shadow:0 15px 36px #7c3aff20;isolation:isolate}.hero-copy{padding:30px 38px 28px;width:53%;z-index:3;position:relative}.hero h2{font-size:35px;line-height:1.45;color:#fff;margin:14px 0 13px}.hero p{font-size:12px;color:#f1e5ff;line-height:1.9;margin-bottom:21px}.hero .pill{display:inline-flex;align-items:center;gap:6px;color:#f8f0ff;background:#fff2;border:1px solid #fff4;font-size:9px;border-radius:20px;padding:6px 11px;margin:0}.hero .primary{background:#fff;color:#7c3aff;font-size:12px;border-radius:30px;padding:12px 22px;box-shadow:0 4px 12px #5e1bb822;font-weight:700}.hero .primary:hover{background:#f4eaff;transform:translateY(-1px)}.hero-foot{display:block;font-size:9px;color:#e9d7ff;margin:12px 0 0}.hero-art{position:absolute;inset:0;min-height:0;z-index:1;overflow:hidden;pointer-events:none}.hero-illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7932f6 0%,#8a3df9f5 28%,#9247edc9 42%,#9b54f42b 65%,transparent 100%)}.quick-actions{gap:17px;margin:23px 0 35px}.quick-actions>button{background:#fff;border:1px solid #f0e8f8;box-shadow:0 7px 20px #59407907;border-radius:18px;padding:19px 16px;gap:12px}.quick-actions>button:hover{background:#fefcff;border-color:#d8bfff;box-shadow:0 10px 25px #7c3aff12}.quick-icon{width:43px;height:45px;border-radius:14px;box-shadow:inset 0 1px 1px #fff9}.quick-icon.amber{background:#f0e4ff;color:#934ce8}.quick-icon.green{background:#eae7ff;color:#7d66d9}.quick-icon.purple{background:#f7e4ff;color:#ae5cdb}.quick-actions h3{color:#3d2759;font-size:13px;font-weight:700}.quick-actions p{color:#ad9cbd;font-size:10px}.quick-actions>button>svg{color:#b29bc9}.section-heading h2{font-size:21px;color:#35204f}.section-heading h2 span{font-size:10px;color:#ad8ec9;border-color:#ded1ee}.section-heading p{color:#aa98bc;font-size:11px}.text-btn{color:#9564c8;font-size:11px}.art-grid{gap:24px}.art-card{background:#fff;border:1px solid #eee8f6;border-radius:19px;overflow:hidden;box-shadow:0 5px 19px #48336405;padding:7px 7px 0;transition:transform .2s,box-shadow .2s}.art-card:hover{box-shadow:0 10px 25px #69489a12;transform:translateY(-2px)}.art-image{border-radius:13px;aspect-ratio:1.04;padding:10px}.art-image img{width:100%;height:100%;object-fit:contain}.art-image:hover img{transform:scale(1.035)}.favorite{top:17px;right:17px;width:29px;height:29px;color:#ac93bd;background:#fffd;box-shadow:0 2px 7px #54356b09}.favorite.is-favorite{color:#a64cde;background:#fff}.art-level{left:11px;bottom:11px;background:#fffe;color:#9270ae;font-size:9px;font-weight:500;padding:4px 8px;border-radius:7px}.art-new{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:.05em;font-weight:700;background:#a76aff;color:#fff;border-radius:5px;padding:4px 6px}.art-meta{padding:14px 7px 15px}.art-meta h3{font-size:13px;font-weight:600;color:#463156;margin-bottom:5px}.art-meta p{font-size:10px;color:#b0a0bc}.art-open{color:#aa80d1;padding:6px}.done-badge{background:#8d45e9}.daily-banner{background:linear-gradient(115deg,#f1e8ff,#fff5fc);border:1px solid #ead8ff;border-radius:20px;padding:22px;gap:20px}.daily-mini{border-radius:14px;width:79px;height:79px;border:4px solid #fff8}.daily-banner h2{font-size:18px;color:#5b357c}.daily-banner p{color:#a48ab6;font-size:11px}.daily-banner .eyebrow{color:#af82cf}.daily-banner .secondary{background:#fff;border-color:#e1cef8;color:#9353ca;border-radius:30px;font-weight:600;font-size:11px;padding:11px 18px}.main-footer{border-color:#eee6f7;color:#bdadca}.primary{background:linear-gradient(110deg,#7c3aff,#974eff);color:#fff;border-radius:12px;box-shadow:0 5px 14px #7c3aff18;font-weight:600}.primary:hover{background:linear-gradient(110deg,#6d2bea,#8740ed);box-shadow:0 7px 20px #7c3aff26}.secondary{background:#f6efff;border-color:#e4d4f9;color:#9262ba;border-radius:12px}.secondary:hover{background:#eee2ff}.filter-row{gap:20px;align-items:center}.category-tabs{gap:9px}.category-tabs button{background:#f1eafa;color:#a181ba;border-radius:13px;font-size:11px;padding:9px 15px}.category-tabs button.active{background:#7c3aff;color:#fff;box-shadow:0 4px 11px #7c3aff1a}.filter-row>.category-tabs{gap:13px}.filter-row>.category-tabs button{background:none;color:#927aab;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:54px;font-size:10px}.filter-row>.category-tabs button.active{color:#8b3fe9;background:none;box-shadow:none;font-weight:700}.category-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:#efe5ff;color:#9b69dc}.filter-row>.category-tabs button:nth-child(2) .category-icon{background:#ffe6f1;color:#ce7eaa}.filter-row>.category-tabs button:nth-child(3) .category-icon{background:#fff0d5;color:#c89c50}.filter-row>.category-tabs button:nth-child(4) .category-icon{background:#e5f1ff;color:#7d9ed7}.filter-row>.category-tabs button:nth-child(5) .category-icon{background:#dcf4ec;color:#71b59e}.filter-row>.category-tabs button.active .category-icon{box-shadow:0 0 0 2px #bd94ff;background:#ead9ff;color:#8a42ed}.search{border-color:#eee7f6;border-radius:14px;background:#fff;box-shadow:0 3px 12px #624b7b04;padding:13px 15px;color:#b4a1c5}.search input{font-size:12px;color:#72558f;width:160px}.search input::placeholder{color:#b6a7c4}.lesson-card{background:#fff;border-color:#ede4f7;border-radius:20px;box-shadow:0 6px 20px #674d8706}.lesson-card>div>span{color:#a07dbd;font-weight:600;letter-spacing:.12em}.lesson-card section{padding:24px}.lesson-card h2{font-size:21px;color:#4e2f69}.lesson-card small,.lesson-card p{color:#a38cb4}.lesson-card b{color:#9a62ca}.progress-track{background:#eee5f7;border-radius:5px;height:4px}.progress-track span{background:linear-gradient(90deg,#9b57f3,#c996ff)}.project-card>button{border-color:#eadef6;border-radius:18px;box-shadow:0 5px 16px #7e5a9f08}.project-card h3{font-size:13px;font-weight:600;color:#5a3d72}.project-card p{color:#ae99be}.provider-pill{border-color:#e9d4ff;color:#a165d4;background:#f6efff}.ai-form{border-color:#eee5f7;background:#fff;border-radius:22px;padding:30px;box-shadow:0 6px 20px #694c8705}.ai-form h2{font-size:23px;color:#43265f}.ai-form label{color:#9275ab;font-size:12px}.ai-form select,.ai-form textarea{background:#fbf8ff;border-color:#eadef8;border-radius:12px;color:#79558f;padding:14px}.ai-form textarea::placeholder{color:#b4a1c4}.ai-form .primary{border-radius:30px;padding:14px}.suggestions button{background:#f3eafd;color:#a581bf;border-radius:7px}.ai-result{border-color:#e6d2ff;background:radial-gradient(circle at 70% 20%,#f5eaff,#f1edfc);border-radius:22px}.ai-orbit{border-color:#dcc0ff;background:#ece0ff;color:#ac74ed;box-shadow:0 7px 25px #8c45e50d}.ai-result h2{color:#a183b9;font-weight:600}.ai-result p{color:#b5a1c5}.ai-result>img:not(.ai-sample){border-radius:17px;box-shadow:0 7px 25px #6b3ba20c;padding:10px}.ai-result>div:last-child>.primary{border-radius:30px}.form-note{color:#ad99bf!important;font-size:10px!important}.notice{background:#f7f0ff;color:#a07bbd;border-radius:12px}.ai-status{color:#9964bf}.modal-backdrop{background:#29134378;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal{background:#fff;border-radius:24px;box-shadow:0 25px 100px #37135a3d}.close{background:#f8f2ff;color:#ad8ac9;width:33px;height:33px}.detail-copy{padding:38px 30px 28px}.detail-copy h1{font-size:27px;color:#432257}.detail-copy>p{color:#a38cb3;font-size:12px}.detail-facts{border-color:#eee5f7;color:#a179bd}.mode-option{border-color:#ede2f8;background:#fcfaff;border-radius:13px;padding:15px;gap:13px}.mode-option:hover{border-color:#cfadf2;background:#f5edff}.mode-option>svg:first-child{color:#a166dc}.mode-option b{font-size:12px;color:#69447f}.mode-option small{font-size:10px;color:#af98bf}.mode-option>svg:last-child{color:#b59bcb}.detail-copy h3{color:#715086}.detail-art{border-radius:23px 0 0 23px}.upload-zone{background:#f9f3ff;border-color:#dac0f2;border-radius:18px;color:#ac82c6}.upload-modal>p,.settings-modal p,.lesson-body p{color:#a48cb8}.upload-modal h1,.settings-modal h1,.lesson-body h1{color:#4b2d66}.photo-compare figure{background:#f7f0ff;border-radius:15px}.photo-compare figcaption{color:#a082b6}.sensitivity{color:#9b7eb4}.step-dots button{background:#eee2fa}.step-dots button.active{background:#b57cf0}.welcome-modal{background:linear-gradient(160deg,#fff,#faf5ff)}.welcome-art{background:#f0e6ff;border-radius:20px}.welcome-art span{color:#a780c7}.welcome-modal h1{color:#563371}.welcome-modal>p{color:#a188b4}.welcome-modal .primary{border-radius:30px}.welcome-modal .eyebrow{color:#b18aca}.empty{color:#bc9ed2}.empty h2,.empty h3{color:#8a5fa8}.empty p{color:#b29ac4}.badge-list span{background:#f2e6ff;color:#ad74ce}.settings-modal h3{color:#7a508f}.toast{background:#8340d9;border-color:#a671ef;color:#fff;border-radius:14px;box-shadow:0 8px 25px #8433d233}.editor{background:#21142e}.editor-head{background:#fff;border-bottom:1px solid #efe4fb;color:#6c3f90;padding-inline:20px}.editor-head b{font-size:14px;font-weight:650;color:#5e357d}.editor-head small{color:#b399c4}.chip{background:#f9f2ff;border-color:#e8d9f7;color:#a475c3;border-radius:10px}.chip.active{background:#ede0ff;border-color:#d7bcf2;color:#8c4bba}.drawing-stage.paper{background:#fff}.stage-label{background:#9275b3b8;border-radius:7px;font-size:9px;color:#fff}.gesture-hint{background:#866a9fc9;color:#fff}.editor-tools{background:#fff;border-color:#eee1f9;color:#a17bb9;padding-top:17px}.tool-row label{font-size:11px;color:#8d65a8}.tool-row output{font-size:10px;color:#b598cb}.tool-buttons{gap:4px}.tool-buttons button{border-radius:9px;color:#ad87c4;font-size:11px}.tool-buttons button:hover,.tool-buttons button.selected{background:#f0e2ff;color:#a05ed3}.capture-row{gap:10px;margin-top:15px}.capture-row>.primary{border-radius:30px;min-width:185px;font-size:13px;padding:13px 23px}.capture-row>.secondary{border-radius:30px;font-size:11px;padding:12px 18px}.capture-row>.icon-btn{color:#aa7bc7}.brush-row{color:#a482b9}.practice-hud{background:#fcf8fff0;border-color:#e5d3f8;border-radius:14px;color:#9564b7;padding:13px 16px;box-shadow:0 5px 22px #774b9d15;width:232px}.practice-hud b{color:#a367d5;font-size:15px}.practice-hud>span{font-size:11px}.practice-hud small{font-size:9px;color:#b298c5;line-height:1.85}.live-progress{background:#eaddf4;border-radius:7px;height:5px}.live-progress i{background:linear-gradient(90deg,#a56be4,#c590ef)}.practice-hud.reached{border-color:#b6e1c9;background:#f8fffbef}.practice-hud.reached b{color:#53a97d}.stage-error{background:#f5eaff;color:#a276c1}.assessment-modal{padding:34px;color:#6c4584;background:radial-gradient(circle at 50% 0,#f0e3ff,transparent 45%),#fff}.assessment-modal h1{font-size:26px;font-weight:750;color:#563471}.assessment-modal>p{color:#ac91be;font-size:12px}.reward-mark{color:#aa66df;width:90px;height:90px;border-radius:28px;background:linear-gradient(140deg,#efe1ff,#e5cefa);display:grid;place-items:center;margin:0 auto 25px;box-shadow:0 8px 25px #a261d21a;transform:rotate(-8deg);font-size:65px}.assessment-stats>div{background:#f1e5ff;border-radius:18px;padding:25px 12px}.assessment-stats>div:nth-child(2){background:#f7edff}.assessment-stats b{color:#9a5cc8;font-size:39px}.assessment-stats span{color:#b28ec8;font-size:11px}.assessment-note{background:#f6edff;border-radius:13px;color:#ae8ac1;font-size:12px}.reward-pill{background:#fbf6ff;border:1px solid #efddfa;border-radius:12px;padding:11px 13px;color:#b18ac5;font-size:11px}.assessment-modal .primary{border-radius:30px;padding:14px}.project-assessment{color:#a27cb7}.ar-studio{background:#f7f1ff}.ar-studio header{color:#9969ba;background:#fffd}.ar-intro{color:#aa80c4}.ar-status{background:#9b66cbd9}.ar-intro .primary{border-radius:30px}@media(min-width:1500px){.main{padding-inline:64px}.hero{min-height:350px}.hero-copy{padding:35px 45px}.hero h2{font-size:43px}.hero p{font-size:13px}.hero-illustration{object-position:center 45%}}@media(max-width:1100px){.sidebar{width:200px;padding-inline:14px}.main{margin-left:200px;padding-inline:28px}.hero-copy{padding:27px;width:57%}.hero h2{font-size:30px}.hero{min-height:300px}.quick-actions>button{padding:16px 13px}.quick-actions p{font-size:9px}.art-grid{gap:17px}.filter-row{flex-direction:column;align-items:stretch}.search,.search input{width:100%}}@media(max-width:850px){.sidebar{width:180px;padding-inline:11px}.main{margin-left:180px;padding-inline:23px}.hero h2{font-size:29px}.hero-copy{padding:26px 23px;width:62%}.hero-art:after{background:linear-gradient(90deg,#7932f6,#8a3df9f5 25%,#9247eda0 47%,#9b54f420 80%)}.quick-actions h3{font-size:11px}.quick-actions p{display:none}.quick-icon{width:35px;height:37px}.section-heading h2{font-size:19px}.art-meta h3{font-size:12px}}@media(max-width:650px){.main{margin-left:0;padding:0 18px 92px;width:100%}.topbar{height:calc(69px + env(safe-area-inset-top));border:0;gap:7px;padding-top:env(safe-area-inset-top)}.topbar>.mobile-menu{padding:7px;color:#88709f}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;color:#3d215d;font-size:22px;font-weight:850;letter-spacing:-.06em;margin-right:auto;white-space:nowrap}.mobile-brand svg{color:#a16bd7;width:19px}.top-actions{gap:0}.top-actions .avatar{display:none}.daily-streak{font-size:9px;padding:7px 9px;gap:4px;white-space:nowrap;border:0;background:#f0e5ff;color:#a572cc}.daily-streak svg{width:14px}.page-heading{margin:15px 0 21px;gap:12px}.page-heading .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:7px}.page-heading h1{font-size:26px;font-weight:780;line-height:1.45;margin-bottom:7px}.page-heading p:not(.eyebrow){font-size:11px;line-height:1.8;color:#b09bc2}.page-heading>.secondary{border-radius:11px;font-size:9px;padding:9px;gap:4px}.hero{min-height:258px;border-radius:22px;box-shadow:0 12px 28px #7c3aff20}.hero-copy{padding:23px 20px;width:65%}.hero .pill{font-size:8px;padding:5px 8px;gap:4px;white-space:nowrap}.hero .pill svg{width:10px}.hero h2{font-size:29px;line-height:1.38;margin:13px 0 11px;color:#fff}.hero p{font-size:10px;line-height:1.9;margin:0 0 16px;white-space:nowrap}.hero .primary{font-size:11px;padding:10px 16px;gap:8px;border-radius:30px}.hero-foot{font-size:8px;margin-top:10px;color:#f1ddff}.hero-art{inset:0;min-height:0}.hero-art:after{background:linear-gradient(90deg,#7932f6,#8a3df9ed 24%,#9247edb0 44%,#9b54f415 74%)}.hero-illustration{object-position:58% center;transform:scaleX(-1) scale(1.03)}.quick-actions{gap:10px;margin:20px 0 28px}.quick-actions>button{padding:16px 10px;gap:12px;align-items:center;border-radius:17px;box-shadow:0 6px 19px #6e4b9808}.quick-actions h3{font-size:11px;font-weight:700;white-space:nowrap}.quick-actions p{display:none}.quick-icon{width:44px;height:44px;border-radius:14px}.quick-icon svg{width:24px;height:24px;stroke-width:1.7}.section-heading{gap:10px;margin-bottom:17px}.section-heading h2{font-size:19px;line-height:1.5;font-weight:750}.section-heading p{font-size:10px;color:#b29fc3}.text-btn{font-size:10px;gap:4px}.text-btn svg{width:15px}.art-grid{gap:18px 13px}.art-card{border-radius:18px;padding:6px 6px 0}.art-image{border-radius:13px;aspect-ratio:.94;padding:8px}.art-meta{padding:12px 5px 13px}.art-meta h3{font-size:12px;font-weight:600;margin-bottom:6px}.art-meta p{font-size:9px;color:#b49dc7}.art-open{padding:4px}.art-open svg{width:16px}.favorite{top:15px;right:15px;width:27px;height:27px}.favorite svg{width:15px}.art-level{font-size:8px;left:8px;bottom:8px;padding:4px 7px;border-radius:6px}.art-new{font-size:7px;top:9px;left:9px;padding:3px 5px}.daily-banner{margin-top:27px;padding:17px;gap:13px;border-radius:19px}.daily-mini{width:60px;height:66px;border-radius:12px}.daily-banner h2{font-size:14px;line-height:1.7}.daily-banner .eyebrow{font-size:6px}.daily-banner p{font-size:10px;line-height:1.8}.daily-banner .secondary{margin-left:73px;font-size:10px;padding:9px 14px}.main-footer{margin-top:29px;font-size:8px;padding:22px 0 12px;border-color:#eee4f8}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;height:calc(76px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #ece2f5;box-shadow:0 -7px 30px #6b449409}.bottom-nav>button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:55px;color:#b3a1c8;padding:4px 5px;border-radius:15px}.bottom-nav>button>span{display:grid;place-items:center;width:40px;height:30px;border-radius:11px}.bottom-nav>button b{font-size:10px;line-height:1.6;font-weight:500}.bottom-nav>button.active{color:#a56ada}.bottom-nav>button.active>span{background:#efe2ff;color:#a368dc}.bottom-nav>button.active b{font-weight:700}.bottom-nav>button.ai-tab>span{background:linear-gradient(135deg,#ba8df0,#9c60da);color:#fff;box-shadow:0 4px 11px #9b6bd528;border-radius:12px}.bottom-nav>button.ai-tab.active>span{background:linear-gradient(135deg,#9f5ddb,#8b49c9)}.sidebar{width:240px;padding:30px 20px}.sidebar nav button{font-size:13px;gap:12px;padding:15px}.sidebar .brand{font-size:24px}.filter-row{margin:24px 0;gap:22px;flex-direction:column-reverse;align-items:stretch}.filter-row>.category-tabs{flex-wrap:nowrap;gap:15px;overflow:auto;padding:4px 3px 9px;scrollbar-width:none}.filter-row>.category-tabs button{min-width:46px;font-size:10px;gap:8px;white-space:nowrap}.category-icon{width:45px;height:45px;border-radius:14px}.filter-row>.category-tabs button.active .category-icon{box-shadow:0 0 0 2px #cfadf2}.search{border-radius:14px;padding:13px 14px;width:100%;font-size:12px}.search input{font-size:12px;width:100%}.lesson-grid{gap:20px}.lesson-card{border-radius:20px;grid-template-columns:130px 1fr}.lesson-card section{padding:22px 17px}.lesson-card h2{font-size:17px}.lesson-card p{font-size:10px;line-height:1.7}.lesson-card small{font-size:8px}.ai-form{padding:25px 20px;border-radius:22px}.ai-form h2{font-size:22px;margin-bottom:24px}.ai-form label{font-size:11px}.ai-form .category-tabs{gap:7px}.ai-form .category-tabs button{font-size:10px;padding:8px 13px;border-radius:12px}.ai-form textarea{font-size:12px;line-height:1.9;min-height:150px}.ai-form select{font-size:12px;padding:12px}.ai-form .primary{font-size:12px;padding:14px}.ai-result{padding:24px;border-radius:22px;min-height:330px}.ai-result h2{font-size:24px}.ai-result>div:last-child{gap:9px;flex-wrap:wrap;justify-content:center}.modal-backdrop{padding:14px}.modal{border-radius:23px;max-height:calc(100dvh - 28px)}.artwork-detail{width:430px}.detail-art{border-radius:23px 23px 0 0;height:245px}.detail-art img{height:230px;width:230px;object-fit:contain}.detail-copy{padding:24px}.detail-copy h1{font-size:25px}.detail-copy>p{font-size:11px}.detail-copy .eyebrow{font-size:7px}.detail-facts{gap:15px}.mode-option{padding:13px;border-radius:13px}.mode-option b{font-size:12px}.mode-option small{font-size:9px}.mode-option>svg:first-child{width:22px}.welcome-modal{padding:23px 25px 29px}.welcome-art{height:230px;border-radius:20px}.welcome-modal h1{font-size:23px;line-height:1.6}.welcome-modal>p{font-size:12px;line-height:1.9}.welcome-modal .primary{font-size:12px;padding:14px}.editor-head{padding-inline:12px;gap:10px}.editor-head b{font-size:12px}.editor-head small{font-size:9px}.editor-head .chip{font-size:10px;padding:8px 10px;border-radius:10px}.editor-tools{padding:13px 15px calc(14px + env(safe-area-inset-bottom))}.tool-row label{font-size:10px}.tool-row input{margin-bottom:12px}.tool-buttons{gap:2px}.tool-buttons button{font-size:9px;padding:8px 7px;gap:4px}.tool-buttons svg{width:16px}.capture-row{gap:9px;margin-top:12px}.capture-row>.primary{font-size:12px;min-width:160px;padding:12px 18px}.capture-row>.secondary{font-size:10px;padding:12px 15px}.capture-row>.icon-btn{padding:7px}.capture-row>.icon-btn svg{width:21px}.practice-hud{top:12px;right:12px;width:186px;border-radius:13px;padding:11px 13px}.practice-hud>span{font-size:10px;gap:8px}.practice-hud b{font-size:14px}.practice-hud small{font-size:8px;line-height:1.85}.stage-label{font-size:7px;top:13px;left:12px;padding:6px 8px}.gesture-hint{font-size:9px;padding:7px 12px;background:#997eb2c9}.assessment-modal{padding:29px 24px}.assessment-modal h1{font-size:24px;line-height:1.7}.assessment-modal>p{font-size:11px;line-height:1.85}.reward-mark{width:82px;height:82px;font-size:58px;border-radius:25px;margin-bottom:23px}.assessment-stats{gap:12px;margin:24px 0 20px}.assessment-stats>div{padding:22px 10px;border-radius:17px}.assessment-stats b{font-size:36px}.assessment-stats span{font-size:10px}.assessment-note{font-size:11px;padding:14px}.reward-pill{font-size:10px;line-height:1.8}.assessment-modal .primary{font-size:12px}.form-note{font-size:9px!important}.toast{bottom:calc(92px + env(safe-area-inset-bottom));font-size:11px;padding:12px 16px}.editor .toast{bottom:20px}.empty.large{min-height:57vh}.project-card h3{font-size:12px}.project-card p{font-size:10px}}.page-heading p:not(.eyebrow),.section-heading p,.art-card p{color:#79658f}@media(max-width:650px){.daily-banner{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center}.daily-banner>div:nth-child(2){min-width:0}.daily-banner .secondary{grid-column:2;justify-self:start;margin-left:0}.daily-banner .eyebrow{font-size:7px}.daily-banner p{color:#79658f}.bottom-nav>button{color:#816b9a}.bottom-nav>button.active{color:#7c3aff}.bottom-nav>button.active>span{background:#eee2ff;color:#7c3aff}}.paywall{width:480px;padding:38px;text-align:center}.pro-mark{width:74px;height:74px;margin:0 auto 20px;display:grid;place-items:center;background:linear-gradient(140deg,#c18fff,#7936ec);color:#fff;border-radius:24px;box-shadow:0 12px 30px #8d4bef25}.paywall h1{font-size:30px;line-height:1.5;margin:13px 0}.paywall>p{color:#806b96;font-size:12px}.paywall ul{list-style:none;margin:25px 0;padding:0;text-align:left}.paywall li{display:flex;align-items:center;gap:12px;padding:10px;color:#694782;font-size:13px}.paywall li svg{color:#8a40ef}.plans{display:grid;gap:10px}.plan{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:1px solid #dbc2ff;border-radius:15px;padding:17px;background:#fbf7ff}.plan:hover{border-color:#914df5;background:#f3e9ff}.plan b{display:block;font-size:14px}.plan small{display:block;color:#9179a4;font-size:10px}.plan strong{color:#7c3aff;white-space:nowrap}.paywall-actions,.paywall-legal{display:flex;gap:24px;justify-content:center;margin:20px 0}.paywall-legal a{font-size:11px;color:#9475b2}.language-select{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:13px}.language-select select{max-width:180px;border:1px solid #ddc9f5;padding:10px 15px;border-radius:10px;background:#fcf9ff;color:#674580}.analytics-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:20px 0;color:#6d5681}.analytics-consent input{accent-color:#7c3aff;margin-top:5px}.settings-modal .pro-entry{margin:20px 0;border-radius:15px;background:#f0e6ff;padding:17px;display:flex;justify-content:space-between;align-items:center}.editor .commercial-modal{z-index:100}.hero h2{max-width:350px}@media(max-width:650px){.paywall{padding:27px 23px}.paywall h1{font-size:26px}.bottom-nav>button{min-width:0;flex:1}.bottom-nav>button b{font-size:9px}.quick-actions h3{font-size:10px;line-height:1.5}.mobile-brand{font-size:18px}.page-heading h1{line-height:1.4}.hero h2{max-width:190px;font-size:27px}.hero-copy{width:65%}.hero p{max-width:160px}.paywall-actions{gap:15px}.lesson-card h2{line-height:1.5}}.hero h2,.hero p{white-space:normal;overflow-wrap:break-word}:root{--readable-muted:#685476}body{font-size:16px}.hero h2{text-wrap:balance}.hero p{font-size:14px!important;line-height:1.5!important;color:#fff!important}.hero-copy{background:linear-gradient(90deg,#7830eeeb,transparent)}.page-heading p:not(.eyebrow),.section-heading p,.art-card p,.lesson-card p{color:var(--readable-muted);font-size:14px!important}.eyebrow{font-size:12px!important}.art-level{font-size:12px!important;color:#65447d!important}.art-meta h3{font-size:14px!important}.bottom-nav>button b{font-size:12px!important}.category-tabs button{font-size:12px!important}.topbar .icon-btn,.close{min-width:48px;min-height:48px}.quick-actions h3{font-size:14px!important}.quick-actions>button{min-height:96px}.form-note{font-size:12px!important;color:#685476!important}.paywall-actions button{min-height:48px;font-size:14px}.paywall-legal a{min-height:32px;display:inline-flex;align-items:center;font-size:12px}.save-feedback{position:fixed;z-index:150;bottom:100px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);background:#38204e;color:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 8px 24px #38204e20}.skip-content{position:fixed;top:-100px;left:16px;z-index:200;background:#fff;color:#6524c7;padding:12px 16px}.skip-content:focus{top:12px}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #7431de;outline-offset:3px}@media(max-width:650px){.hero h2{font-size:26px!important}.hero{min-height:360px}.hero-copy{width:68%}.hero p{max-width:175px}.quick-actions{gap:8px}.quick-actions>button{padding:12px 6px}.quick-actions h3,.art-meta p,.lesson-card p{font-size:12px!important}.bottom-nav{height:calc(88px + env(safe-area-inset-bottom))}.main{padding-bottom:112px}.category-tabs{gap:8px}.page-heading h1{text-wrap:balance}}