*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#2b2b2b;background:#fffaf3;font-family:Montserrat Alternates,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}.screen{flex-direction:column;gap:16px;max-width:640px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:flex}.btn{border-radius:var(--k-radius-btn);color:#fff;background:#ec8847;border:none;padding:14px 22px;font-family:Montserrat Alternates,sans-serif;font-size:14.5px;font-weight:700;transition:transform 60ms,box-shadow 60ms;box-shadow:0 5px #e26b1e}.btn:active{transform:translateY(3px);box-shadow:0 2px #e26b1e}.btn-green{background:#3fe0af;box-shadow:0 5px #1e8c6c}.btn-green:active{box-shadow:0 2px #1e8c6c}.btn-red{background:#ff4a5f;box-shadow:0 5px #ef3349}.btn-red:active{box-shadow:0 2px #ef3349}.btn-plain{background:var(--k-surface);color:var(--k-heading);border:2px solid var(--k-border);box-shadow:0 3px 0 var(--k-border)}.btn-plain:active{box-shadow:0 1px 0 var(--k-border)}.btn:disabled{opacity:.45;cursor:default;transform:none!important}.card{background:var(--k-surface);border:1px solid var(--k-border);border-radius:16px;padding:16px}.card-inactive{opacity:.45;pointer-events:none}input,select,textarea{color:var(--k-heading);border:1.5px solid var(--k-violet-border);background:var(--k-violet-bg2);box-sizing:border-box;border-radius:12px;width:100%;padding:11px 13px;font-family:Montserrat Alternates,sans-serif;font-size:14.5px}input:focus,select:focus,textarea:focus{border-color:var(--k-violet);outline:none}input::placeholder,textarea::placeholder{color:var(--k-faint2)}:root{--k-bg:#fbf3e2;--k-surface:#fffdf7;--k-border:#e3d5ba;--k-border-soft:#ede2c8;--k-heading:#241a14;--k-text:#4b4038;--k-muted:#7a6c5c;--k-faint:#9a8c7c;--k-faint2:#a6947e;--k-violet:#ab3ae8;--k-violet-dark:#a22be2;--k-violet-light:#c56df5;--k-violet-bg:#f3e8fb;--k-violet-bg2:#f9f4fc;--k-violet-border:#eadcf5;--k-green:#3fe0af;--k-green-dark:#1e8c6c;--k-green-bg:#eefbf6;--k-green-border:#7bffd7;--k-red:#ff4a5f;--k-red-dark:#ef3349;--k-red-darker:#8e1524;--k-red-bg:#fff2f4;--k-red-border:#ff6779;--k-orange:#ec8847;--k-orange-dark:#e26b1e;--k-yellow:#ffcf25;--k-yellow-bg:#fff9ec;--k-yellow-border:#ffe588;--k-blue:#1a48ff;--k-radius-lg:22px;--k-radius-md:16px;--k-radius-sm:12px;--k-shadow-card:0 4px 0 #eadcc2;--k-paper:#fbf3e2;--k-paper-raised:#fffdf7;--k-paper-sunken:#efe7d6;--k-ink:#241a14;--k-ink-read:#4b4038;--k-ink-quiet:#7a6c5c;--k-rule:#e3d5ba;--k-state-open:var(--k-paper-raised);--k-state-active:#ec8847;--k-state-done:#3ecfa3;--k-state-heard:#a22be2;--k-state-queued:#efe3cc;--k-state-fault:#ef3349;--k-band-child:44px;--k-band-parent:56px;--k-tutor-overlay:92px;--k-target:60px;--k-edge:24px;--k-grain-opacity:.1;--k-lift:0 5px 0;--k-radius-btn:18px;--k-radius-card:28px}.k-hand{font-family:Caveat,cursive;font-weight:700}.k-card{background:var(--k-paper-raised);border:2.5px solid var(--k-rule);border-radius:var(--k-radius-card);box-shadow:0 4px #eadcc2}.press-button:active .press-button-top{opacity:0}.press-button-single{transition:transform 60ms}.press-button-single:active{transform:translateY(2px)}.k-photo{filter:brightness(1.12)contrast(1.02)saturate(1.04)}@keyframes kpulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes kload{0%{transform:translate(-110%)}to{transform:translate(320%)}}@keyframes kdots{0%,to{opacity:.25}50%{opacity:1}}@keyframes kscan{0%{transform:translateY(0)}to{transform:translateY(96px)}}@keyframes kSplashIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes kGlow{0%,to{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.15)rotate(8deg)}}@keyframes kSparkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes kHaloPulse{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.12)}32%{transform:scale(1)}78%{opacity:1}to{opacity:0}}@keyframes kVoiceBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes kFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes kBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes kHaloW{0%,to{box-shadow:inset 0 0 0 5px #fffdf7,0 0 0 3px #241a141a}50%{box-shadow:inset 0 0 0 5px #fffdf7,0 0 0 3px #241a141a,0 0 0 10px #ffffff38}}@keyframes kHaloO{0%,to{transform:scale(1)}50%{transform:scale(1.014)}}@keyframes kPop{0%{opacity:0;transform:scale(.3)translateY(16px)}55%{opacity:1;transform:scale(1.16)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes kDash{to{background-position:22px 0}}@keyframes kShine{0%{transform:translate(-140%)}to{transform:translate(340%)}}@keyframes kHandle{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.k-scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-padding-left:4px;overflow:auto hidden}.k-scroll-x::-webkit-scrollbar{display:none}.k-scroll-x>*{scroll-snap-align:start}@keyframes kPress{0%,88%,to{transform:translateY(0)}93%{transform:translateY(2px)}}@keyframes kSpin{to{transform:rotate(360deg)}}@keyframes kBlink{0%,to{opacity:1}50%{opacity:.28}}@keyframes kHatch{to{background-position:18px 0}}@keyframes kStarBounce{0%,to{transform:scale(1)}40%{transform:scale(1.22)}60%{transform:scale(.96)}}.k-grain{position:relative}.k-grain:after{content:"";border-radius:inherit;pointer-events:none;opacity:var(--k-grain-opacity);mix-blend-mode:multiply;filter:url(#kGrain);background:#241a14;position:absolute;inset:0}.k-crayon{filter:url(#kCrayon)}.k-crayon-s{filter:url(#kCrayonS)}.explore-bg{background:var(--k-bg);color:var(--k-heading);min-height:100dvh}.parent-layout{background:var(--k-bg);height:100dvh;color:var(--k-heading);font-family:Montserrat Alternates,sans-serif;display:flex;overflow:hidden}.parent-layout-banner{flex-direction:column;height:100dvh}.parent-banner{height:var(--k-band-parent);background:var(--k-surface);border-bottom:2px solid var(--k-border);padding:0 max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));box-sizing:border-box;flex:none;align-items:center;gap:6px;display:flex}.parent-banner-brand{color:var(--k-heading);flex:none;align-items:center;gap:9px;margin-right:18px;font-size:13.5px;font-weight:700;display:flex}.parent-banner-brand .brand-mark{background:var(--k-violet-dark);border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.parent-banner-brand .brand-mark img{width:14px;height:16px}.parent-banner-nav{align-items:center;gap:4px;height:100%;display:flex;overflow-x:auto}.parent-banner-tab{height:100%;color:var(--k-muted);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.parent-banner-tab .meta{color:var(--k-faint2);background:var(--k-border-soft);border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:700}.parent-banner-tab.active{color:var(--k-violet-dark);border-bottom-color:var(--k-violet)}.parent-banner-exit{cursor:pointer;background:0 0;border:none;border-radius:14px;flex:none;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.parent-banner-exit span{color:#7a5b00;font-size:12.5px;font-weight:700}.parent-main-banner{padding-top:0}@media (width<=700px){.parent-banner-brand span{display:none}.parent-banner-tab{padding:0 10px;font-size:12px}.parent-banner-exit span{display:none}}.parent-main{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.parent-header{background:var(--k-surface);border-bottom:1px solid var(--k-border);height:82px;padding:0 max(30px, env(safe-area-inset-right)) 0 30px;box-sizing:border-box;flex:none;align-items:center;gap:24px;display:flex}.parent-header h1{color:var(--k-heading);white-space:nowrap;margin:0;font-family:Caveat,cursive;font-size:28px;font-weight:700}.parent-header .sub{color:var(--k-faint);margin-top:3px;font-size:12.5px}.parent-body{box-sizing:border-box;flex-direction:column;flex:1;gap:14px;min-height:0;padding:0;display:flex;overflow:auto}.step-indicator{align-items:center;gap:8px;margin-left:auto;display:flex}.step-indicator .step{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.step-indicator .step .n{border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-family:ADLaM Display,sans-serif;font-size:13px;display:flex}.step-indicator .step .label{font-size:12.5px;font-weight:500}.step-indicator .step .rule{background:#e4d8ee;width:18px;height:1px}.step-indicator .step:last-child .rule{display:none}.card-lilas{box-shadow:none;background:#fffdf7;border:2px solid #e3d5ba;border-radius:18px;padding:13px 15px}.field-label{letter-spacing:.1em;text-transform:uppercase;color:#7a6c5c;font-size:10.5px;font-weight:700}.field-row{border-bottom:1px solid var(--k-border-soft);align-items:center;gap:16px;padding:13px 0;display:flex}.field-row:last-child{border-bottom:none}.field-row .k{width:clamp(74px,14vw,112px);color:var(--k-faint);flex:none;font-size:12.5px;font-weight:500}.field-row .v{color:var(--k-heading);flex:1;font-size:15px;font-weight:600}.field-row .action{color:var(--k-violet);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11.5px;font-weight:500}.verdict-card{border-radius:var(--k-radius-lg);padding:22px 26px}.verdict-card .head{align-items:center;gap:10px;display:flex}.verdict-card .dot{border-radius:50%;width:12px;height:12px}.verdict-card .title{font-size:16px;font-weight:700}.verdict-card .body{margin-top:10px;font-size:14.5px;font-weight:400;line-height:1.6}.verdict-savoir{background:var(--k-yellow-bg);border:1px solid var(--k-yellow-border)}.verdict-savoir .dot{background:var(--k-yellow)}.verdict-savoir .title{color:#7a5b00}.verdict-savoir .body{color:#5b4a2a}.verdict-convient{background:var(--k-green-bg);border:1px solid var(--k-green-border)}.verdict-convient .dot{background:var(--k-green-dark)}.verdict-convient .title{color:#116b52}.verdict-convient .body{color:#2f5a4c}.verdict-non{background:var(--k-red-bg);border:1px solid var(--k-red-border)}.verdict-non .dot{background:var(--k-red-dark)}.verdict-non .title{color:var(--k-red-darker)}.verdict-non .body{color:#6b3038}.verdict-indet{background:var(--k-border-soft);border:1px solid var(--k-border)}.verdict-indet .dot{background:var(--k-faint2)}.verdict-indet .title{color:var(--k-heading)}.verdict-indet .body{color:var(--k-text)}.avatar-circle{border:3px solid var(--k-violet-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.avatar-circle .glyph{background:#ffffffd9}.pill{color:#6a1a96;background:#f3e8fb;border-radius:8px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.info-row{background:#fffdf7;border:2px solid #e3d5ba;border-radius:15px;align-items:center;gap:12px;padding:11px 13px;display:flex}.info-row .dot{border-radius:50%;flex:none;width:8px;height:8px}.info-row .txt{color:#4b4038;flex:1;font-size:11.5px;line-height:1.55}.tag-ok{color:#12715a;font-size:12.5px;font-weight:700}.tag-warn{color:#b4610f;font-size:12.5px;font-weight:700}.tag-danger{color:#b03040;font-size:12.5px;font-weight:700}.btn-violet{background:var(--k-violet);box-shadow:0 5px 0 var(--k-violet-dark)}.btn-violet:active{box-shadow:0 2px 0 var(--k-violet-dark)}.checkbox-square{cursor:pointer;background:#fbf6ea;border:3px solid #c9b999;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.checkbox-square:has(.check){background:#f7effd;border-color:#a22be2}.checkbox-square .check{background:#3ecfa3;border-radius:5px;width:16px;height:16px}.lock-overlay{z-index:60;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;background:#241a1470;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lock-card{color:#241a14;box-sizing:border-box;background:#fffdf7;border:3px solid #241a14;border-radius:26px;width:min(90vw,568px);max-height:94vh;padding:18px 22px;font-family:Montserrat Alternates,sans-serif;overflow-y:auto;box-shadow:0 10px #241a1459}@media (width<=860px){.parent-header{gap:12px;padding:0 16px}.parent-header h1{font-size:24px}.parent-body{padding:16px}}.child-canvas-body{flex:1;gap:14px;min-height:0;padding:0 14px 8px;display:flex}.child-canvas-stage{border-radius:12px;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.child-canvas-panel{background:var(--k-paper-raised);border:2.5px solid var(--k-rule);border-radius:22px;flex:none;width:32%;min-width:220px;overflow:hidden}@media (height<=560px){.child-canvas-body{position:relative}.child-canvas-panel{width:auto;max-width:none;height:var(--k-tutor-overlay);z-index:2;position:absolute;bottom:10px;left:12px;right:12px;box-shadow:0 8px 24px #241a1438}}@keyframes kRotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}