:root{--primary:#e89d8c;--primary-dark:#d4836f;--blue:#8fc4dd;--lavender:#b49bc8;--yellow:#e8c97a;--pink:#f0b8b8;--mint:#b6d7c0;--paper:#f5ede0;--paper-2:#ece0ca;--paper-3:#e0d2b5;--background:#f5ede0;--background-2:#ece0ca;--text:#5c4a3f;--text-soft:#7b6555;--text-muted:#9c8775;--card-bg:#fffaf0;--ink:#6b5645;--border:#5c4a3f1f;--shadow-sm:0 2px 6px #5c4a3f1a;--shadow:0 6px 18px #5c4a3f26;--shadow-lg:0 16px 40px #5c4a3f38;--radius:16px;--radius-lg:24px;--font-display:"Gaegu", "Patrick Hand", "Quicksand", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Quicksand", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{color:inherit;font-family:inherit}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.home-view{text-align:center;background:radial-gradient(ellipse at 18% 12%, #8fc4dd47 0%, transparent 42%), radial-gradient(ellipse at 82% 8%, #b49bc84d 0%, transparent 45%), radial-gradient(ellipse at 50% 100%, #e8c97a4d 0%, transparent 55%), linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 70%, var(--paper-3) 100%);flex-direction:column;align-items:center;width:100%;height:100vh;padding:28px 20px 40px;display:flex;position:relative;overflow-y:auto}.home-view:before{content:"";pointer-events:none;opacity:.4;z-index:1;background-image:radial-gradient(circle at 20% 30%,#785a460a 1px,#0000 1px),radial-gradient(circle at 70% 80%,#785a460a 1px,#0000 1px);background-size:8px 8px,12px 12px;position:absolute;inset:0}.home-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{filter:blur(.5px);background:#ffffffe6;border-radius:50%;animation:18s ease-in-out infinite drift;position:absolute;box-shadow:24px 8px 0 -4px #ffffffe6,-20px 6px 0 -2px #ffffffe6,44px 14px 0 -8px #ffffffe6}.cloud-1{width:70px;height:28px;animation-delay:0s;top:6%;left:8%}.cloud-2{width:90px;height:32px;animation-delay:-6s;top:12%;right:10%}.cloud-3{width:60px;height:22px;animation-delay:-12s;top:3%;left:55%}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}.sparkle{color:var(--yellow);text-shadow:0 0 10px #e8c97ab3;font-size:22px;animation:2.6s ease-in-out infinite twinkle;position:absolute}.sparkle-1{animation-delay:0s;top:18%;left:12%}.sparkle-2{color:var(--lavender);font-size:16px;animation-delay:.6s;top:26%;right:16%}.sparkle-3{color:var(--primary);font-size:18px;animation-delay:1.2s;top:8%;left:42%}.sparkle-4{color:var(--blue);font-size:14px;animation-delay:1.8s;top:32%;left:28%}@keyframes twinkle{0%,to{opacity:.9;transform:scale(1)rotate(0)}50%{opacity:.4;transform:scale(1.4)rotate(15deg)}}.home-hero{z-index:2;margin-bottom:20px;position:relative}.home-mascot{display:none}.crayon{transform-origin:bottom;border-radius:4px 4px 8px 8px;width:14px;height:40px;display:inline-block;position:relative;box-shadow:inset -3px 0 #0000001f,0 3px 6px #0000001f}.crayon:before{content:"";background:inherit;clip-path:polygon(50% 0,100% 100%,0 100%);height:10px;position:absolute;top:-8px;left:1px;right:1px}.crayon-a{background:var(--blue);transform:rotate(-12deg)}.crayon-b{background:var(--primary);transform:rotate(2deg)}.crayon-c{background:var(--lavender);transform:rotate(14deg)}.home-view h1{font-family:var(--font-display);flex-direction:column;align-items:center;gap:2px;margin-bottom:8px;display:flex}.home-title-main{font-family:var(--font-display);letter-spacing:1px;font-size:clamp(3.4rem,9vw,5.2rem);font-weight:700;line-height:1;display:inline-block;transform:rotate(-1deg)}.home-title-main .l{transition:transform .25s;display:inline-block}.home-title-main .l:first-child{color:var(--blue);transform:rotate(-3deg)translateY(2px)}.home-title-main .l:nth-child(2){color:var(--lavender);transform:rotate(2deg)translateY(-2px)}.home-title-main .l:nth-child(3){color:var(--yellow);transform:rotate(-2deg)translateY(1px)}.home-title-main .l:nth-child(4){color:var(--primary);transform:rotate(3deg)translateY(-1px)}.home-title-main .l:nth-child(5){color:var(--blue);transform:rotate(-1deg)translateY(2px)}.home-title-main .l:nth-child(6){color:var(--lavender);transform:rotate(2deg)translateY(-2px)}.home-title-main:hover .l{transform:rotate(0)translateY(0)}.home-title-sub{font-family:var(--font-display);color:var(--ink);background:var(--card-bg);box-shadow:var(--shadow-sm);letter-spacing:.4px;border:1.5px dashed var(--lavender);border-radius:999px;margin-top:12px;padding:4px 16px;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:700}.home-tagline{font-family:var(--font-display);color:var(--ink);max-width:520px;margin:14px auto 0;font-size:clamp(1.1rem,2.6vw,1.35rem);font-weight:700}.bookshelf{z-index:2;flex-direction:column;gap:32px;width:100%;max-width:980px;margin:24px auto 0;display:flex;position:relative}.shelf{flex-direction:column;align-items:stretch;display:flex;position:relative}.shelf-books{justify-content:center;align-items:flex-end;gap:clamp(10px,2.2vw,22px);min-height:220px;padding:0 16px;display:flex}.shelf-plank{background:linear-gradient(#c9a37e 0%,#b58a65 55%,#9a7050 100%);border-radius:4px;height:26px;margin:0 -4px;position:relative;box-shadow:inset 0 2px #fff5e64d,inset 0 -3px #50372340,0 10px 20px #78553c4d}.shelf-plank:before,.shelf-plank:after{content:"";background:#0000001f;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px}.shelf-plank:before{left:22%}.shelf-plank:after{right:22%}.shelf-shadow{filter:blur(2px);background:radial-gradient(#502d1459,#0000 70%);height:14px;position:absolute;bottom:-14px;left:6%;right:6%}.book{--book-cover:#ff6b6b;--book-accent:#fff;--book-tilt:0deg;cursor:pointer;width:clamp(96px,14vw,140px);height:clamp(150px,22vw,200px);transform:rotate(var(--book-tilt)) translateY(0);filter:drop-shadow(0 8px 14px #2c1c0e40);background:0 0;border:none;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .2s;position:relative}.book-available:hover{transform:rotate(0)translateY(-10px)scale(1.04)}.book-available:active{transform:rotate(0)translateY(-4px)scale(1.02)}.book-locked{cursor:not-allowed;filter:grayscale(.6)drop-shadow(0 6px 10px #2c1c0e33);opacity:.82}.book-locked:hover{transform:rotate(var(--book-tilt)) translateY(-2px)}.book-cover{background:linear-gradient(135deg, #ffffff38 0%, transparent 50%), var(--book-cover);color:#fff;text-align:center;border-radius:4px 10px 10px 4px;flex-direction:column;justify-content:center;align-items:center;padding:14px 10px 12px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 2px 0 #0003,inset -2px 0 #ffffff26,inset 0 1px #ffffff4d,inset 0 -2px #0003}.book-cover:after{content:"";background:#ffffff59;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;right:4px}.book-spine{background:linear-gradient(90deg, #00000059 0%, #0000000d 100%), var(--book-cover);border-radius:4px 0 0 4px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #0003}.book-pages{background:repeating-linear-gradient(0deg,#fff8e8 0 2px,#efe3c9 2px 3px);border-radius:0 2px 2px 0;width:4px;position:absolute;top:3px;bottom:3px;right:-2px;box-shadow:inset 1px 0 #0000001a}.book-flag{background:var(--book-accent);border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,7vw,56px);height:clamp(44px,7vw,56px);margin-bottom:8px;font-size:clamp(28px,5vw,40px);line-height:1;display:inline-flex;box-shadow:0 4px 8px #0000002e,inset 0 -2px #0000001f}.book-name{font-family:var(--font-display);letter-spacing:.2px;text-shadow:0 2px 3px #00000040;font-size:clamp(13px,1.6vw,16px);font-weight:700;line-height:1.1}.book-sub{opacity:.92;margin-top:2px;padding:0 4px;font-size:clamp(9px,1.1vw,11px);font-weight:600;line-height:1.25}.book-badge{color:var(--text);letter-spacing:.3px;background:#fff;border-radius:999px;margin-top:auto;padding:3px 10px;font-size:clamp(10px,1.2vw,12px);font-weight:700;box-shadow:0 2px 4px #0003}.book-badge-soon{color:#fff;background:#2c3e50cc}.home-footer{z-index:2;font-family:var(--font-display);color:var(--text-soft);opacity:.85;margin-top:28px;font-size:16px;font-weight:700;position:relative}.home-logo{width:clamp(96px,14vw,132px);height:auto;box-shadow:var(--shadow);border-radius:22px;margin:0 auto 14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:block;transform:rotate(-2deg)}.home-logo:hover{transform:rotate(0)scale(1.04)}@media (width<=640px){.shelf-books{gap:10px;min-height:170px;padding:0 6px}.book{width:82px;height:130px}.book-flag{width:36px;height:36px;font-size:22px}.home-hero{margin-bottom:12px}}.book-view{background:linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);height:100vh;padding:56px 20px 24px;overflow-y:auto}.book-header{text-align:center;max-width:960px;margin:0 auto 20px}.book-header h1{font-family:var(--font-display);color:var(--lavender);letter-spacing:.3px;margin-bottom:14px;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700}.progress-bar{background:var(--card-bg);border:1.5px solid var(--border);border-radius:999px;max-width:520px;height:28px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #5c4a3f1a}.progress-fill{background:linear-gradient(90deg, var(--blue) 0%, var(--lavender) 50%, var(--primary) 100%);border-radius:999px;height:100%;transition:width .4s}.progress-bar span{color:var(--text);letter-spacing:.2px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:960px;margin:0 auto;display:grid}.page-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border:2px solid #0000;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.page-card.unlocked:hover{box-shadow:var(--shadow);border-color:var(--blue);transform:translateY(-3px)}.page-card.completed{border-color:var(--yellow)}.page-card:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.page-thumbnail{aspect-ratio:1;background:#f5f1ec;position:relative;overflow:hidden}.page-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.page-thumbnail-overlay{pointer-events:none;position:absolute;inset:0}.thumb-placeholder{background:repeating-linear-gradient(45deg,#eee8e0 0 8px,#f5f1ec 8px 16px);width:100%;height:100%}.page-info{border-top:1px solid var(--border);background:#fff;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.page-number{background:var(--lavender);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.page-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.star-badge{background:var(--yellow);width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;font-size:14px;display:inline-flex;position:absolute;top:6px;right:6px}.lock-icon{color:#fff;background:#2c3e50bf;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:inline-flex;position:absolute;top:6px;right:6px}.page-view{background:var(--background);flex-direction:column;height:100vh;display:flex}.page-view .page-header{background:var(--card-bg);z-index:10;border-bottom:1.5px dashed var(--border);flex-direction:column;align-items:center;gap:8px;padding:10px 110px 12px;display:flex;position:relative;box-shadow:0 2px 10px #5c4a3f1a}.page-header-progress{justify-content:center;display:flex;position:relative}.page-header-helper{font-family:var(--font-display);color:var(--ink);letter-spacing:.2px;text-align:center;background:linear-gradient(135deg,#e8c97a4d 0%,#e8c97a8c 100%);border:1.5px dashed #e8c97abf;border-radius:999px;max-width:90%;padding:6px 14px;font-size:14px;font-weight:700;line-height:1.3}.page-view .page-header h1{font-family:var(--font-display);color:var(--lavender);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;max-width:60%;font-size:22px;font-weight:700;overflow:hidden}.collapse-btn{cursor:pointer;color:var(--text);background:#f5f1ec;border:none;border-radius:999px;padding:6px 12px;font-size:14px;transition:background .2s}.collapse-btn:hover{background:#eadfd3}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.canvas-area{background:radial-gradient(circle at 30% 20%, #e8c97a2e, transparent 55%), radial-gradient(circle at 80% 80%, #8fc4dd2e, transparent 55%), var(--paper);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-area{background:linear-gradient(180deg, var(--card-bg) 0%, var(--paper) 100%);border-left:1.5px dashed var(--border);width:280px;min-width:240px;overflow-y:auto;box-shadow:-8px 0 20px #5c4a3f0f}.page-view.story-collapsed .story-area{display:none}.story-panel{padding:16px}.story-header{border-bottom:2px dashed #b49bc873;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.story-header h3{font-family:var(--font-display);color:var(--lavender);font-size:20px;font-weight:700}.story-controls{gap:4px;display:flex}.story-controls button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:13px;transition:background .2s,transform .1s;display:inline-flex}.story-controls button:hover{background:#fff4e4;transform:scale(1.05)}.story-content{line-height:1.55}.story-text{white-space:pre-wrap;color:var(--text);margin-bottom:14px;font-size:15px}.helper-text{color:var(--ink);background:linear-gradient(135deg,#e8c97a40 0%,#e8c97a80 100%);border:1.5px dashed #e8c97ab3;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.45}.story-expand-btn{background:var(--lavender);color:#fff;box-shadow:var(--shadow);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);border:none;border-radius:999px;padding:10px 16px;position:fixed;bottom:12px;right:12px}.coloring-canvas-container{width:100%;height:100%;position:relative;overflow:hidden}.coloring-canvas{touch-action:none;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M5 28 L26 7' stroke='rgba(60,40,30,0.25)' stroke-width='9' stroke-linecap='round' fill='none'/><path d='M9 24 L25 8' stroke='%23E89D8C' stroke-width='7' stroke-linecap='butt' fill='none'/><path d='M10 22 L23 9' stroke='%23FFFAF0' stroke-width='1.6' stroke-linecap='round' opacity='0.75' fill='none'/><path d='M25 8 L29 4' stroke='%23C9A37E' stroke-width='7' stroke-linecap='round' fill='none'/><polygon points='3,29 9,23 14,28' fill='%23E8C99A' stroke='%235C4A3F' stroke-width='1' stroke-linejoin='round'/><polygon points='3,29 7,25 8,29' fill='%233C2E25'/><path d='M9 24 L14 28 M9 24 L25 8' stroke='%235C4A3F' stroke-width='0.9' fill='none'/><ellipse cx='22' cy='17' rx='6' ry='4.5' fill='%23FFE0C2' stroke='%237B6555' stroke-width='1' transform='rotate(-45 22 17)'/><ellipse cx='17' cy='20' rx='2.4' ry='1.8' fill='%23FFE0C2' stroke='%237B6555' stroke-width='1' transform='rotate(-45 17 20)'/></svg>") 3 29,crosshair;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-base,.canvas-drawing{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-base{z-index:1;filter:drop-shadow(0 8px 24px #2c3e501f);background:#fff;border-radius:8px}.canvas-drawing{z-index:2;touch-action:none;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M20.7 3.3c-.4-.4-1-.4-1.4 0L3.3 19.3c-.2.2-.3.5-.3.8s.1.6.3.8l4.4 4.4c.2.2.5.3.8.3s.6-.1.8-.3L20.7 4.7c.4-.4.4-1 0-1.4zM5.2 20.8l-1.7-1.7 3-3 1.7 1.7-3 3zm4.3-4.3l-1.7-1.7 6-6 1.7 1.7-6 6zm-2.8-2.8L4.6 11.6l-.7.7 2.1 2.1-.7.7 2.1 2.1-.7.7 2.1 2.1-.7.7 2.1 2.1z' fill='black'/><circle cx='8' cy='8' r='3' fill='black' opacity='0.3'/></svg>") 0 24,auto}.fill-progress{background:var(--paper);border:1.5px dashed var(--border);box-shadow:var(--shadow-sm);cursor:pointer;font-family:var(--font-display);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;transition:transform .15s,box-shadow .2s,border-color .2s;display:inline-flex}.fill-progress:hover{box-shadow:var(--shadow);border-color:var(--lavender);transform:translateY(-1px)}.fill-progress-track{background:var(--paper-2);border-radius:999px;width:clamp(140px,28vw,240px);height:12px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #5c4a3f26}.fill-progress-fill{background:linear-gradient(90deg, var(--blue) 0%, var(--lavender) 50%, var(--primary) 100%);border-radius:999px;height:100%;transition:width .35s;display:block}.fill-progress-icon{font-size:16px;line-height:1}.fill-progress-hint{background:var(--ink);color:var(--card-bg);font-family:var(--font-body);box-shadow:var(--shadow);text-align:center;z-index:60;border-radius:12px;width:max-content;max-width:320px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4;animation:.25s cubic-bezier(.34,1.56,.64,1) hint-pop;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.fill-progress-hint:before{content:"";background:var(--ink);border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes hint-pop{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.star-hint{z-index:300;background:var(--ink);color:var(--card-bg);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:4px;max-width:240px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4;animation:.25s cubic-bezier(.34,1.56,.64,1) hint-pop-r;display:flex;position:fixed;top:104px;right:12px}.star-hint strong{font-family:var(--font-display);letter-spacing:.3px;color:var(--yellow);font-size:14px}.star-hint:before{content:"";background:var(--ink);border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}@keyframes hint-pop-r{0%{opacity:0;transform:translateY(-6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}button.star-counter{cursor:pointer;font-family:var(--font-display)}.color-palette-compact{background:var(--card-bg);box-shadow:var(--shadow);z-index:60;border:1.5px dashed var(--border);touch-action:none;border-radius:18px;flex-direction:column;align-items:center;gap:8px;width:132px;padding:6px 10px 10px;display:flex;position:absolute;top:12px;right:12px}.palette-drag{cursor:grab;touch-action:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;gap:4px;width:100%;margin-bottom:2px;padding:4px 0 6px;display:flex}.palette-drag:active{cursor:grabbing}.palette-drag-grip{background:var(--border);border-radius:2px;width:14px;height:3px;transition:background .2s}.palette-drag:hover .palette-drag-grip{background:var(--lavender)}.palette-header{border-bottom:1px solid #eee;justify-content:center;gap:6px;padding-bottom:8px;display:flex}.palette-tools{border-bottom:1px solid #eee;flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.tool-btn{cursor:pointer;background:#f5f1ec;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:transform .1s,background .2s;display:flex}.tool-btn:hover{background:#eadfd3;transform:scale(1.05)}.tool-btn.active{background:var(--lavender);color:#fff}.palette-colors{grid-template-columns:repeat(4,1fr);gap:5px;max-width:116px;display:grid}.color-swatch{cursor:pointer;border:2px solid #2c3e501f;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .1s;box-shadow:inset 0 -2px 3px #0000001f}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--text);border-width:3px;transform:scale(1.18);box-shadow:0 0 0 2px #b49bc873,inset 0 -2px 3px #0000001f}.palette-sizes{flex-direction:column;align-items:center;gap:6px;display:flex}.size-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.size-btn.active{border-color:var(--lavender);box-shadow:0 0 0 2px #b49bc866}.size-dot{background:var(--text);border-radius:50%}.magnet-toggle{-webkit-user-select:none;user-select:none;text-align:center;border-top:1px solid #eee;flex-direction:column;align-items:center;gap:6px;width:110px;margin-top:6px;padding-top:10px;display:flex}.magnet-row{align-items:center;gap:6px;display:flex}.magnet-icon{filter:grayscale()opacity(.5);font-size:16px;line-height:1;transition:filter .2s}.magnet-toggle.on .magnet-icon{filter:none}.magnet-label{font-family:var(--font-display);color:var(--text);letter-spacing:.2px;font-size:12px;font-weight:600}.magnet-switch{cursor:pointer;display:inline-block;position:relative}.magnet-switch input{opacity:0;pointer-events:none;position:absolute}.magnet-track{background:#d9d3cc;border-radius:999px;width:36px;height:18px;transition:background .2s;display:block;position:relative;box-shadow:inset 0 1px 2px #00000026}.magnet-toggle.on .magnet-track{background:var(--lavender)}.magnet-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.magnet-toggle.on .magnet-thumb{transform:translate(18px)}.magnet-help{color:var(--text-muted);margin:0;padding:0 2px;font-size:10px;font-weight:600;line-height:1.3}.completion-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#5c4a3f80;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.completion-content{background:linear-gradient(180deg, var(--card-bg) 0%, var(--paper) 100%);text-align:center;box-shadow:var(--shadow-lg);border:2px dashed var(--lavender);border-radius:24px;max-width:360px;padding:36px 44px;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn}.completion-content h2{font-family:var(--font-display);color:var(--lavender);letter-spacing:.5px;margin-bottom:10px;font-size:2.4rem;font-weight:700}.completion-content p{color:var(--text);margin-bottom:6px;font-size:15px}.close-overlay-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;font-size:17px;font-weight:700;font-family:var(--font-display);letter-spacing:.4px;border:none;border-radius:999px;margin-top:18px;padding:12px 32px;transition:transform .1s,box-shadow .2s;box-shadow:0 6px 14px #e89d8c73}.close-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #e89d8c8c}.close-overlay-btn:active{transform:translateY(0)}.back-btn{z-index:300;background:var(--card-bg);border:1.5px dashed var(--border);box-shadow:var(--shadow-sm);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-display);color:var(--ink);border-radius:999px;padding:8px 16px;transition:transform .1s,box-shadow .2s,border-color .2s;position:fixed;top:12px;left:12px}.back-btn:hover{border-color:var(--lavender)}.star-counter{z-index:300;background:linear-gradient(135deg, var(--card-bg) 0%, #fff6e0 100%);border:1.5px dashed var(--yellow);box-shadow:var(--shadow-sm);font-family:var(--font-display);color:var(--ink);letter-spacing:.3px;border-radius:999px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:16px;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;position:fixed;top:60px;right:12px}.star-counter-icon{filter:drop-shadow(0 1px 2px #e8c97a80);font-size:18px;line-height:1}.star-counter-value{text-align:center;min-width:14px}.star-counter.pulse{box-shadow:0 0 0 6px #e8c97a40, var(--shadow);animation:.65s cubic-bezier(.34,1.56,.64,1) star-pop}@keyframes star-pop{0%{transform:scale(1)}35%{transform:scale(1.25)rotate(-4deg)}70%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}.completion-star{filter:drop-shadow(0 6px 12px #e8c97a8c);margin:0 auto 8px;font-size:64px;line-height:1;animation:.9s cubic-bezier(.34,1.56,.64,1) star-cheer;display:inline-block}@keyframes star-cheer{0%{opacity:0;transform:scale(.2)rotate(-30deg)}60%{opacity:1;transform:scale(1.25)rotate(15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.completion-reward{font-family:var(--font-display);color:var(--yellow);letter-spacing:.5px;margin-top:4px;font-weight:700}.back-btn:hover{box-shadow:var(--shadow);transform:translate(-2px)}@media (width<=640px){.page-view .page-header{padding-left:80px}.page-view .page-header h1{font-size:15px}.story-area{width:220px;min-width:200px}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.color-palette-compact{gap:6px;width:118px;padding:4px 8px 8px;top:6px;right:6px}.palette-colors{max-width:100px}.color-swatch{width:20px;height:20px}.tool-btn{width:30px;height:30px}.magnet-toggle{width:100px}.magnet-help{font-size:9px}}.auth-loading{color:#555;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}.auth-screen{background:linear-gradient(#f8e9d8 0%,#f3d6c2 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border-radius:18px;width:100%;max-width:380px;padding:28px 24px;font-family:system-ui,-apple-system,sans-serif;position:relative;box-shadow:0 18px 40px #3c1e0a1f}.auth-logo{height:48px;margin:0 auto 12px;display:block}.auth-card h1{text-align:center;color:#2d1d12;margin:0 0 18px;font-size:20px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{color:#4a3a2a;flex-direction:column;gap:4px;font-size:13px;display:flex}.auth-form input{border:1px solid #d8c2ac;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.auth-form input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #e89d8c}.auth-submit{color:#fff;cursor:pointer;background:#e89d8c;border:none;border-radius:10px;margin-top:6px;padding:12px;font-size:15px;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{color:#b06a55;cursor:pointer;background:0 0;border:none;margin:16px auto 0;font-family:inherit;font-size:13px;display:block}.auth-error{color:#8b2a23;background:#fde2e1;border-radius:8px;padding:8px 10px;font-size:13px}.auth-info{color:#2c5a2c;background:#e2efde;border-radius:8px;padding:8px 10px;font-size:13px}.signout-btn{z-index:50;color:#4a3a2a;cursor:pointer;background:#ffffffd9;border:1px solid #00000014;border-radius:999px;padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;position:fixed;top:16px;right:16px}.signout-btn:hover{background:#fff}.account-toolbar{z-index:50;gap:8px;display:flex;position:fixed;top:16px;right:16px}.account-toolbar .signout-btn{position:static}.profile-btn{color:#4a3a2a;cursor:pointer;background:#ffffffd9;border:1px solid #00000014;border-radius:999px;padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px}.profile-btn:hover{background:#fff}.profile-screen{background:linear-gradient(#f8e9d8 0%,#f3d6c2 100%);justify-content:center;align-items:flex-start;height:100vh;padding:80px 24px 48px;display:flex;overflow-y:auto}.profile-card{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:28px 24px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 18px 40px #3c1e0a1f}.profile-card h1{color:#2d1d12;margin:0 0 4px;font-size:22px}.profile-email{color:#7b6555;margin:0 0 24px;font-size:14px}.profile-card section{border-top:1px solid #f1e4d4;padding:18px 0}.profile-card section:last-of-type{border-bottom:none}.profile-card h2{color:#4a3a2a;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:600}.profile-form{gap:8px;display:flex}.profile-form-stack{flex-direction:column}.profile-form input{border:1px solid #d8c2ac;border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.profile-form input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #e89d8c}.profile-form button{color:#fff;cursor:pointer;background:#e89d8c;border:none;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.profile-form button:disabled{opacity:.5;cursor:not-allowed}.profile-info{color:#2c5a2c;background:#e2efde;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px}.profile-error{color:#8b2a23;background:#fde2e1;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px}.profile-signout{color:#8b2a23;cursor:pointer;background:0 0;border:1px solid #d8c2ac;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.profile-signout:hover{background:#fde2e1}.auth-toggle-muted{color:#9c8775!important;margin-top:4px!important;font-size:12px!important}.lb-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#2d1d128c;justify-content:center;align-items:flex-end;animation:.2s ease-out lb-fade-in;display:flex;position:fixed;inset:0}@media (width>=640px){.lb-backdrop{align-items:center;padding:24px}}.lb-sheet{width:100%;max-width:520px;max-height:92vh;font-family:var(--font-body,system-ui, -apple-system, sans-serif);background:linear-gradient(#fff 0%,#fff8ee 100%);border-radius:24px 24px 0 0;padding:28px 22px 22px;animation:.32s cubic-bezier(.34,1.56,.64,1) lb-slide-up;position:relative;overflow-y:auto;box-shadow:0 -20px 50px #3c1e0a40}@media (width>=640px){.lb-sheet{border-radius:24px;animation:.32s cubic-bezier(.34,1.56,.64,1) lb-pop-in;box-shadow:0 30px 80px #3c1e0a59}}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lb-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lb-close{color:#4a3a2a;cursor:pointer;z-index:2;background:#0000000f;border:none;border-radius:999px;width:36px;height:36px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.lb-close:hover{background:#0000001f}.lb-header{text-align:center;margin-bottom:18px}.lb-header h1{font-family:var(--font-display,inherit);color:#2d1d12;letter-spacing:.5px;margin:0 0 6px;font-size:clamp(1.5rem,5vw,1.9rem)}.lb-worldwide{color:#7b6555;margin:0;font-size:13px}.lb-worldwide-num{color:#d4836f;font-weight:700}.lb-loading,.lb-empty{text-align:center;color:#7b6555;padding:40px 16px}.lb-empty-icon{margin-bottom:8px;font-size:48px}.lb-podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;margin:8px 0 20px;display:grid}.lb-podium-slot{text-align:center;background:#fff;border:1.5px solid #f1e4d4;border-radius:16px;padding:14px 8px 12px;position:relative;box-shadow:0 6px 14px #78553c1a}.lb-podium-empty{box-shadow:none;background:0 0;border:1.5px dashed #e8d8c2;min-height:100px}.lb-place-1{background:linear-gradient(#fff8d0 0%,#ffe88a 100%);border-color:#f5c542;padding-top:18px;padding-bottom:16px;transform:translateY(-12px);box-shadow:0 10px 22px #f5c5424d}.lb-place-2{background:linear-gradient(#fff 0%,#ececec 100%);border-color:#cbcbcb}.lb-place-3{background:linear-gradient(#fff1e2 0%,#ffd9b8 100%);border-color:#d99762}.lb-medal{filter:drop-shadow(0 2px 4px #00000026);margin-bottom:6px;font-size:32px;line-height:1}.lb-place-1 .lb-medal{font-size:40px}.lb-podium-name{font-family:var(--font-display,inherit);color:#2d1d12;word-break:break-word;margin-bottom:4px;font-size:14px;font-weight:700}.lb-podium-stars{color:#4a3a2a;font-size:13px;font-weight:600}.lb-you-tag{color:#fff;letter-spacing:1px;background:#e89d8c;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #e89d8c66}.lb-list{flex-direction:column;gap:4px;margin:0 0 16px;padding:0;list-style:none;display:flex}.lb-row{color:#2d1d12;background:#ffffff80;border:1px solid #0000;border-radius:12px;grid-template-columns:36px 24px 1fr auto;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:grid}.lb-flag{text-align:center;font-size:18px;line-height:1}.lb-podium-flag{filter:drop-shadow(0 1px 2px #0000001a);margin-bottom:4px;font-size:22px;line-height:1}.profile-readonly{color:#4a3a2a;background:#fbf3e8;border:1px dashed #d8c2ac;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.profile-flag{font-size:20px;line-height:1}.profile-readonly-empty{color:#9c8775;font-style:italic}.auth-form select{color:#2d1d12;background:#fff;border:1px solid #d8c2ac;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.auth-form select:focus{outline-offset:1px;border-color:#0000;outline:2px solid #e89d8c}.lb-list .lb-row:nth-child(odd){background:#f5ede099}.lb-rank{color:#9c8775;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.lb-name{color:#2d1d12;word-break:break-word;font-weight:600}.lb-stars{color:#d4836f;white-space:nowrap;font-size:13px;font-weight:700}.lb-star{filter:drop-shadow(0 1px 2px #e8c97a80)}.lb-row.lb-me{background:linear-gradient(135deg,#ffe8e0 0%,#ffd6c8 100%);border-color:#e89d8c;position:relative;box-shadow:0 0 0 2px #e89d8c2e,0 4px 10px #e89d8c2e}.lb-row.lb-me .lb-rank{color:#b06a55}.lb-podium-slot.lb-me{outline-offset:2px;outline:2px solid #e89d8c}.lb-you-tag-inline{color:#fff;letter-spacing:1px;background:#e89d8c;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:-2px}.lb-divider{color:#9c8775;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:14px 0 8px;font-size:11px;font-weight:700;display:flex}.lb-divider:before,.lb-divider:after{content:"";background:#ead8c0;flex:1;height:1px}.lb-row-self{margin-bottom:16px}.lb-footer{text-align:center;border-top:1px solid #f1e4d4;margin-top:18px;padding-top:18px}.lb-cta-copy{color:#4a3a2a;margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.4}.lb-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e89d8c 0%,#d4836f 100%);border:none;border-radius:999px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .1s,box-shadow .2s;display:inline-block;box-shadow:0 6px 16px #e89d8c66}.lb-cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #e89d8c80}.lb-cta-btn:active{transform:translateY(0)}.star-counter{cursor:pointer}.star-counter:hover{transform:scale(1.05)}.export-toolbar{z-index:300;gap:8px;display:flex;position:fixed;top:12px;right:110px}@media (width<=480px){.export-toolbar{right:92px}}.app.view-page .star-counter{top:12px}.export-btn{-webkit-backdrop-filter:blur(6px);color:#4a3a2a;font-family:var(--font-display,system-ui);cursor:pointer;background:#ffffffeb;border:1.5px solid #0000000f;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #3c1e0a1f}.export-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #3c1e0a2e}.export-btn:active{transform:translateY(0)}.export-btn-label{font-size:13px}@media (width<=480px){.export-btn-label{display:none}.export-btn{padding:8px 10px;font-size:16px}}.export-status{z-index:301;color:#fff8ee;background:#2d1d12;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;animation:.18s ease-out lb-fade-in;position:fixed;top:56px;right:110px;box-shadow:0 6px 18px #00000040}.completion-share-row{justify-content:center;gap:10px;margin:14px 0 6px;display:flex}.completion-share-btn{color:#b06a55;font-family:var(--font-display,system-ui);cursor:pointer;background:#fff;border:1.5px solid #e89d8c;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.completion-share-btn:hover{background:#ffe8e0;transform:translateY(-1px)}@media (width<=640px){.account-toolbar{gap:6px;top:10px;right:10px}.account-toolbar .profile-btn,.account-toolbar .signout-btn{text-overflow:ellipsis;white-space:nowrap;max-width:140px;padding:5px 9px;font-size:11px;overflow:hidden}.home-hero{margin-top:28px}.home-logo{max-width:70vw;height:auto!important}.shelf-books{flex-wrap:wrap;gap:14px;min-height:auto;padding:0 8px}.home-tagline{font-size:14px}}@media (width<=480px){.account-toolbar .profile-btn{max-width:100px}.home-hero{margin-top:36px}.auth-card,.profile-card{padding:22px 18px}.lb-sheet{padding:22px 16px 16px}.lb-podium-name{font-size:12px}.lb-podium-stars{font-size:11px}}.tablet-required{z-index:2000;background:linear-gradient(#f8e9d8 0%,#f3d6c2 100%);justify-content:center;align-items:center;padding:24px;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0}.tablet-required-card{text-align:center;background:#fff;border-radius:18px;max-width:360px;padding:28px 22px 22px;box-shadow:0 16px 40px #3c1e0a2e}.tablet-required-icon{margin-bottom:8px;font-size:56px;line-height:1}.tablet-required-card h2{color:#2d1d12;margin:0 0 8px;font-size:20px}.tablet-required-card p{color:#4a3a2a;margin:0 0 16px;font-size:14px;line-height:1.45}.tablet-required-cta{color:#fff;cursor:pointer;background:#e89d8c;border:none;border-radius:999px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700}.rotate-glyph{justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex;position:relative}.rotate-device{transform-origin:50%;font-size:56px;line-height:1;animation:2.6s ease-in-out infinite rotate-tilt;display:inline-block}.rotate-arrow{color:#b06a55;font-size:22px;font-weight:800;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}@keyframes rotate-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.canvas-area{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:0!important}.canvas-area .coloring-canvas-container{flex:1;width:100%;min-height:0}.color-palette-compact{background:var(--card-bg);flex-wrap:wrap;box-shadow:0 2px 6px #5c4a3f0f;border:none!important;border-bottom:1.5px dashed var(--border)!important;border-radius:0!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;padding:6px 14px!important;position:static!important;inset:auto!important}.palette-drag{display:none!important}.palette-header,.palette-tools{border-bottom:none!important;border-right:1px solid #eee!important;flex-direction:row!important;gap:6px!important;padding:0 10px 0 0!important}.palette-colors{flex-wrap:wrap;flex:240px;justify-content:flex-start;align-items:center;grid-template-columns:none!important;gap:5px!important;max-width:none!important;display:flex!important}.magnet-toggle{max-width:220px;text-align:left!important;border-top:none!important;border-left:1px solid #eee!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:auto!important;margin-top:0!important;padding:0 0 0 10px!important}.magnet-toggle .magnet-help{display:none}.magnet-toggle .magnet-label{white-space:nowrap;font-size:12px}.coloring-canvas{cursor:none!important}.stylus-overlay{pointer-events:none;z-index:80;transition:none;position:absolute}.stylus-overlay svg{width:100%;height:100%;display:block}.inspiration-btn{color:#6b5328;font-family:var(--font-display,system-ui);cursor:pointer;background:linear-gradient(135deg,#fff8d6 0%,#ffe88a 100%);border:1.5px solid #e8c97a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 10px #e8c97a4d}.inspiration-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #e8c97a73}.inspiration-btn-label{font-size:12px}@media (width<=480px){.inspiration-btn-label{display:none}.inspiration-btn{padding:6px 10px;font-size:14px}}.inspiration-backdrop{z-index:1100;-webkit-backdrop-filter:blur(4px);background:#2d1d128c;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out lb-fade-in;display:flex;position:fixed;inset:0}.inspiration-card{width:100%;max-width:520px;max-height:92vh;font-family:var(--font-body,system-ui, -apple-system, sans-serif);text-align:center;background:linear-gradient(#fff 0%,#fff8ee 100%);border-radius:22px;padding:26px 22px 20px;animation:.32s cubic-bezier(.34,1.56,.64,1) lb-pop-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px #3c1e0a4d}.inspiration-close{color:#4a3a2a;cursor:pointer;z-index:2;background:#0000000f;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.inspiration-close:hover{background:#00000024}.inspiration-card h2{font-family:var(--font-display,inherit);color:#2d1d12;margin:4px 0 6px;font-size:20px}.inspiration-card p{color:#4a3a2a;margin:0 0 14px;font-size:14px;line-height:1.4}.inspiration-image-wrap{background:#f5ede0;border:1.5px dashed #d8c2ac;border-radius:14px;margin-bottom:14px;padding:8px}.inspiration-image-wrap img{border-radius:8px;width:100%;height:auto;display:block}.inspiration-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e89d8c 0%,#d4836f 100%);border:none;border-radius:999px;padding:11px 26px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 6px 16px #e89d8c66}.inspiration-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #e89d8c80}.completion-award-list{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.completion-award-list li{color:#6b5328;background:#fff8d6;border:1px dashed #e8c97a;border-radius:999px;padding:4px 10px;font-size:12px}.completion-award-list strong{font-weight:700}.trivia-block{text-align:left;background:#fbf3e8;border:1.5px dashed #d8c2ac;border-radius:14px;max-width:360px;margin:14px auto 6px;padding:12px 14px}.trivia-prompt{color:#2d1d12;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.trivia-icon{font-size:18px;line-height:1}.trivia-input-row{gap:8px;display:flex}.trivia-input-row input{border:1px solid #d8c2ac;border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:14px}.trivia-input-row input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #e89d8c}.trivia-input-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#e89d8c;border:none;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700}.trivia-feedback{border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px;font-weight:600}.trivia-correct{color:#2c5a2c;background:#e2efde}.trivia-wrong{color:#8b2a23;background:#fde2e1}.reward-toast-stack{z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}.reward-toast{color:#6b5328;font-size:13px;font-weight:700;font-family:var(--font-display,system-ui);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#fff8d6 0%,#ffe88a 100%);border:1.5px solid #e8c97a;border-radius:999px;max-width:100%;padding:8px 16px;animation:.32s cubic-bezier(.34,1.56,.64,1) reward-pop;overflow:hidden;box-shadow:0 8px 22px #e8c97a73}@keyframes reward-pop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lb-goals{background:#fff8ee;border:1.5px dashed #e8c97a;border-radius:14px;margin:0 0 18px;padding:14px}.lb-goals h2{color:#6b5328;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:700}.lb-goals ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lb-goal-row{color:#2d1d12;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:13px;display:flex}.lb-goal-label{font-weight:700}.lb-goal-reward{color:#b06a55;font-size:12px;font-weight:700}.lb-goal.lb-goal-done .lb-goal-reward{color:#2c5a2c}.lb-goal-bar{background:#00000014;border-radius:999px;height:6px;overflow:hidden}.lb-goal-fill{background:linear-gradient(90deg,#ffe88a 0%,#f4a91f 100%);border-radius:999px;height:100%;transition:width .3s ease-out}.lb-goal.lb-goal-done .lb-goal-fill{background:linear-gradient(90deg,#b6d7c0 0%,#5a9e2d 100%)}.lb-goal-meta{color:#7b6555;margin-top:4px;font-size:11px}.lb-goal-desc{color:#4a3a2a;margin:2px 0 6px;font-size:12px;line-height:1.35}.lb-goal.lb-goal-pending .lb-goal-fill{background:linear-gradient(90deg,#ffe88a 0%,#f4a91f 100%);animation:1.6s ease-in-out infinite lb-pending-pulse}.lb-goal.lb-goal-pending .lb-goal-reward{color:#b06a55}@keyframes lb-pending-pulse{0%,to{opacity:1}50%{opacity:.6}}.lb-goals-hint{color:#4a3a2a;text-align:center;background:#fbf3e8;border:1px dashed #d8c2ac;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;font-size:13px;display:flex}.lb-goals-hint-cta{appearance:none;color:#fff;font:inherit;cursor:pointer;background:#e89d8c;border:none;border-radius:999px;padding:6px 14px;font-weight:600}.lb-goals-hint-cta:hover{background:#d8806e}.book-complete-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:radial-gradient(at top,#ffda7959,#2d1e3cd9);justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.book-complete-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.book-complete-confetti-piece{font-size:28px;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-10vh}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.85;transform:translateY(110vh)rotate(540deg)}}.book-complete-card{z-index:1;text-align:center;background:linear-gradient(#fff8ec 0%,#ffe9c4 100%);border-radius:24px;width:calc(100% - 32px);max-width:520px;padding:36px 32px 28px;animation:.6s cubic-bezier(.18,.89,.32,1.28) both bookCelebratePop;position:relative;box-shadow:0 24px 60px #00000059}@keyframes bookCelebratePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.book-complete-trophy{filter:drop-shadow(0 6px #d68d248c);margin-bottom:8px;font-size:72px;line-height:1;animation:1.4s ease-in-out infinite trophyBounce}@keyframes trophyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.book-complete-card h1{color:#5e3a16;margin:8px 0 6px;font-size:clamp(22px,3vw,30px)}.book-complete-sub{color:#7a5a36;margin:0 0 18px;font-size:15px}.book-complete-reward{background:#fff4d4;border:2px dashed #e6a13a;border-radius:16px;flex-direction:column;align-items:center;gap:4px;max-width:320px;margin:0 auto 14px;padding:14px 18px;display:flex}.book-complete-reward-stars{color:#d68d24;font-size:32px;font-weight:700}.book-complete-reward-label{color:#7a5a36;font-size:14px}.book-complete-reward-revisit{background:#fff9e8;border-style:solid;border-color:#d8c8a4}.book-complete-total{color:#5e3a16;margin:0 0 20px;font-size:15px}.book-complete-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.book-complete-primary,.book-complete-secondary{cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:600;transition:transform .1s,background .15s}.book-complete-primary{color:#fff;background:#e89d8c;box-shadow:0 4px #b87567}.book-complete-primary:hover{background:#d88b7b}.book-complete-primary:active{transform:translateY(2px);box-shadow:0 2px #b87567}.book-complete-secondary{color:#5e3a16;background:0 0;border:2px solid #c8a86a}.book-complete-secondary:hover{background:#c8a86a26}.page-complete-badge{color:#2e7d32;cursor:pointer;background:#4caf5026;border:none;border-radius:999px;align-items:center;gap:6px;margin:6px 0 0;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.page-complete-badge:hover{background:#4caf5040}.page-view-intro{flex-direction:column;align-items:stretch;gap:16px;max-width:920px;min-height:100%;margin:0 auto;padding:24px clamp(16px,4vw,48px);display:flex}.page-view-intro .page-header{text-align:center}.intro-content{background:linear-gradient(#fff8ec 0%,#ffe9c4 100%);border-radius:24px;grid-template-columns:minmax(180px,240px) 1fr;align-items:start;gap:28px;padding:28px;display:grid;box-shadow:0 12px 32px #5c4a3f2e}@media (width<=720px){.intro-content{text-align:center;grid-template-columns:1fr}}.intro-cover{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ffd989,#e89d8c);border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -8px #00000014}.intro-cover-icon{filter:drop-shadow(0 6px #b8756773);font-size:clamp(72px,14vw,128px);animation:3s ease-in-out infinite introWiggle}@keyframes introWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.intro-cover-sparkle{color:#fff8ec;font-size:22px;animation:2.4s ease-in-out infinite introSparkle;position:absolute}.intro-cover-sparkle.s1{animation-delay:0s;top:10%;left:12%}.intro-cover-sparkle.s2{animation-delay:.6s;top:18%;right:14%}.intro-cover-sparkle.s3{animation-delay:1.2s;bottom:12%;left:22%}@keyframes introSparkle{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.intro-story p{color:#5e3a16;margin:0 0 12px;font-size:clamp(15px,1.6vw,17px);line-height:1.55}.intro-story p:last-child{margin-bottom:0;font-weight:600}.intro-actions{justify-content:center;padding:8px 0 16px;display:flex}.intro-begin-btn{color:#fff;cursor:pointer;background:#e89d8c;border:none;border-radius:999px;padding:14px 30px;font-size:18px;font-weight:700;transition:transform .1s,background .15s;box-shadow:0 4px #b87567}.intro-begin-btn:hover{background:#d88b7b}.intro-begin-btn:active{transform:translateY(2px);box-shadow:0 2px #b87567}.page-card-intro .thumb-intro{background:linear-gradient(#ffe9c4 0%,#ffd989 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumb-intro-icon{font-size:56px}.page-intro-badge{color:#fff;letter-spacing:.04em;background:#e89d8c;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.landing-view{background:linear-gradient(#fff8ec 0%,#ffe9c4 70%,#ffd989 100%);flex-direction:column;gap:36px;width:100%;height:100vh;padding:32px clamp(16px,4vw,56px) 48px;display:flex;position:relative;overflow:hidden auto}.landing-sky{pointer-events:none;z-index:0;position:absolute;inset:0}.landing-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:720px;margin:0 auto;padding-top:24px;display:flex;position:relative}.landing-logo{filter:drop-shadow(0 6px #b8756740);width:clamp(140px,22vw,220px);height:auto}.landing-headline{color:#5e3a16;margin:6px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.15}.landing-tagline{color:#7a5a36;max-width:580px;margin:0;font-size:clamp(16px,1.6vw,18px)}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.landing-cta-row-single{justify-content:center}.landing-cta{cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700;transition:transform .1s,background .15s}.landing-cta-primary{color:#fff;background:#e89d8c;box-shadow:0 4px #b87567}.landing-cta-primary:hover{background:#d88b7b}.landing-cta-primary:active{transform:translateY(2px);box-shadow:0 2px #b87567}.landing-cta-secondary{color:#5e3a16;background:0 0;border:2px solid #c8a86a}.landing-cta-secondary:hover{background:#c8a86a26}.landing-features{z-index:1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;width:100%;max-width:1080px;margin:0 auto;display:grid;position:relative}.landing-feature{text-align:center;background:#ffffffb8;border-radius:18px;padding:20px 18px;box-shadow:0 8px 24px #5c4a3f1a}.landing-feature h3{color:#5e3a16;margin:8px 0 6px;font-size:18px}.landing-feature p{color:#7a5a36;margin:0;font-size:14px;line-height:1.5}.landing-feature-icon{font-size:36px;line-height:1}.landing-series-card{z-index:1;background:linear-gradient(135deg,#fff4d4,#ffd989);border-radius:24px;grid-template-columns:1fr minmax(180px,280px);align-items:center;gap:24px;width:100%;max-width:1080px;margin:0 auto;padding:28px;display:grid;position:relative;box-shadow:0 16px 36px #5c4a3f2e}@media (width<=720px){.landing-series-card{grid-template-columns:1fr}}.landing-series-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#b87567;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.landing-series-card-text h2{color:#5e3a16;margin:0 0 8px;font-size:clamp(22px,2.4vw,30px)}.landing-series-card-text p{color:#6b4a25;margin:0 0 14px;font-size:15px;line-height:1.55}.landing-series-cta{color:#fff;cursor:pointer;background:#5e3a16;border:none;border-radius:999px;padding:11px 22px;font-size:15px;font-weight:700;transition:background .15s}.landing-series-cta:hover{background:#7a4d23}.landing-series-card-art{aspect-ratio:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid;position:relative}.landing-series-emoji{background:#fff9;border-radius:14px;justify-content:center;align-items:center;font-size:clamp(28px,5vw,44px);animation:3.6s ease-in-out infinite landingFlagBob;display:flex;box-shadow:0 4px #b8756740}.landing-series-emoji.e2{animation-delay:.3s}.landing-series-emoji.e3{animation-delay:.6s}.landing-series-emoji.e4{animation-delay:.9s}.landing-series-emoji.e5{animation-delay:1.2s}.landing-series-emoji.e6{animation-delay:1.5s}@keyframes landingFlagBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.landing-footer{z-index:1;text-align:center;color:#8a6c44;padding-top:8px;font-size:13px;position:relative}.series-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#b87567;margin-bottom:4px;font-size:12px;font-weight:700;display:inline-block}.series-title{color:#5e3a16;margin:0;font-size:clamp(24px,3vw,34px)}.auth-back{color:#5e3a16;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:600;position:absolute;top:14px;left:14px}.auth-back:hover{background:#c8a86a26}.landing-install{z-index:1;flex-direction:column;align-items:center;gap:8px;margin:-10px auto 0;display:flex;position:relative}.landing-install-btn{color:#5e3a16;cursor:pointer;background:#ffffffb3;border:2px dashed #b87567;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.landing-install-btn:hover{background:#fffffff2}.landing-install-hint{text-align:center;color:#6b4a25;background:#ffffffb3;border-radius:12px;max-width:380px;margin:0;padding:8px 14px;font-size:13px}.offline-banner{z-index:400;text-align:center;color:#fff8ec;background:#5e3a16;padding:8px 16px;font-size:13px;font-weight:600;animation:.25s offlineSlideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000002e}.offline-banner-back{background:#2e7d32}@keyframes offlineSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.update-toast{z-index:410;color:#5e3a16;background:#fff8ec;border:2px solid #e89d8c;border-radius:14px;align-items:center;gap:14px;max-width:92%;padding:12px 16px;animation:.25s updateToastIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #3c1e0a38}@keyframes updateToastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.update-toast-msg{font-size:14px;font-weight:600}.update-toast-actions{gap:8px;display:flex}.update-toast-btn{cursor:pointer;border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.update-toast-btn-primary{color:#fff;background:#e89d8c}.update-toast-btn-primary:hover{background:#d88b7b}.update-toast-btn-muted{color:#5e3a16;background:0 0}.update-toast-btn-muted:hover{background:#b875671f}:root{--ui-scale:1;--story-panel-width:280px;--page-header-title-size:22px;--page-header-helper-size:14px;--swatch-size:24px;--book-card-w:clamp(96px, 14vw, 140px);--book-card-h:clamp(150px, 22vw, 200px)}@media (width<=900px){:root{--ui-scale:.92;--story-panel-width:240px;--page-header-title-size:18px;--page-header-helper-size:12px;--swatch-size:22px}.page-view .page-header{padding:8px 60px 10px}}@media (width>=901px) and (width<=1180px){:root{--ui-scale:.96;--story-panel-width:260px;--page-header-title-size:20px;--swatch-size:23px}.page-view .page-header{padding:10px 90px 12px}}@media (width>=1181px) and (width<=1440px){:root{--ui-scale:1;--story-panel-width:280px;--page-header-title-size:22px;--page-header-helper-size:14px;--swatch-size:24px}}@media (width>=1441px) and (width<=1700px){:root{--ui-scale:1.06;--story-panel-width:320px;--page-header-title-size:24px;--page-header-helper-size:15px;--swatch-size:27px}}@media (width>=1701px) and (width<=1920px){:root{--ui-scale:1.1;--story-panel-width:360px;--page-header-title-size:26px;--page-header-helper-size:16px;--swatch-size:29px}}@media (width>=1921px){:root{--ui-scale:1.18;--story-panel-width:400px;--page-header-title-size:28px;--page-header-helper-size:17px;--swatch-size:32px}}.story-area{width:var(--story-panel-width)}.page-view .page-header h1{font-size:var(--page-header-title-size)}.page-header-helper{font-size:var(--page-header-helper-size)}.color-swatch{width:var(--swatch-size);height:var(--swatch-size)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.install-nudge{z-index:380;background:linear-gradient(#fff8ec 0%,#ffe9c4 100%);border:2px solid #e89d8c;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:360px;padding:12px 14px;animation:.35s nudgeSlideIn;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 36px #3c1e0a38}@keyframes nudgeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-nudge-icon{font-size:28px;line-height:1}.install-nudge-body{color:#5e3a16;flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.35;display:flex}.install-nudge-body strong{font-size:14px}.install-nudge-cta{color:#fff;cursor:pointer;white-space:nowrap;background:#e89d8c;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.install-nudge-cta:hover{background:#d88b7b}.install-nudge-close{color:#b87567;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:4px;right:6px}.install-nudge-close:hover{background:#b875671f}.install-nudge-iosHint{color:#6b4a25;text-align:center;background:#ffffffb3;border-radius:12px;grid-column:1/-1;margin:6px 0 0;padding:8px 10px;font-size:12px}@media (width<=720px){.install-nudge{max-width:none;bottom:8px;left:8px;right:8px}}.book-complete-install{text-align:left;background:#ffffffa6;border:2px dashed #e89d8c;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:460px;margin:0 auto 16px;padding:12px 14px;display:grid}.book-complete-install-icon{font-size:24px;line-height:1}.book-complete-install-body{color:#5e3a16;font-size:13px;line-height:1.4}.book-complete-install-actions{flex-direction:column;gap:6px;display:flex}.book-complete-install-cta{color:#fff;cursor:pointer;background:#e89d8c;border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.book-complete-install-cta:hover{background:#d88b7b}.book-complete-install-skip{color:#7a5a36;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.book-complete-install-iosHint{color:#6b4a25;text-align:center;background:#ffffffd9;border-radius:10px;grid-column:1/-1;margin:4px 0 0;padding:6px 10px;font-size:12px}.story-cta-row{justify-content:stretch;margin:0 0 12px;display:flex}.story-cta{color:#5e3a16;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e89d8c;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.2;transition:background .15s,transform 50ms;display:inline-flex}.story-cta:hover{background:#fff8ec}.story-cta:active{transform:translateY(1px)}.autosave-indicator{z-index:12;pointer-events:none;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;animation:.18s autosaveFadeIn;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes autosaveFadeIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.autosave-saving{color:#fff8ec;background:#5e3a16e6}.autosave-saved{color:#fff;background:#2e7d32eb}.autosave-error{color:#fff;background:#b87567f2}.faq-view{background:linear-gradient(#fff8ec 0%,#ffe9c4 70%,#ffd989 100%);flex-direction:column;gap:32px;width:100%;height:100vh;padding:56px clamp(16px,4vw,56px) 48px;display:flex;position:relative;overflow:hidden auto}.faq-header{text-align:center;flex-direction:column;gap:8px;max-width:720px;margin:0 auto;display:flex}.faq-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#b87567;font-size:11px;font-weight:700;display:inline-block}.faq-header h1{color:#5e3a16;margin:0;font-size:clamp(24px,3.4vw,36px)}.faq-subtitle{color:#7a5a36;margin:0;font-size:15px}.faq-list{flex-direction:column;gap:12px;width:100%;max-width:760px;margin:0 auto;padding:0;list-style:none;display:flex}.faq-item{background:#ffffffc7;border-radius:16px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 6px 18px #5c4a3f14}.faq-item-open{box-shadow:0 12px 28px #5c4a3f24}.faq-question{text-align:left;cursor:pointer;color:#5e3a16;background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;font-size:15px;font-weight:700;display:grid}.faq-question:hover{background:#e8c97a1a}.faq-q-number{color:#b87567;background:#fff4d4;border:1.5px solid #e6a13a;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.faq-q-text{line-height:1.35}.faq-q-chevron{color:#b87567;text-align:center;width:24px;font-size:22px;font-weight:400}.faq-answer{color:#5e3a16;padding:0 18px 18px 60px;font-size:14.5px;line-height:1.55}.faq-answer p{margin:0 0 10px}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{flex-direction:column;gap:4px;margin:6px 0 10px;padding-left:20px;display:flex}.faq-answer a{color:#b87567}.faq-callout{text-align:center;background:linear-gradient(135deg,#fff4d4 0%,#ffd989 100%);border-radius:18px;width:100%;max-width:760px;margin:0 auto;padding:22px 24px;box-shadow:0 12px 28px #5c4a3f24}.faq-callout h2{color:#5e3a16;margin:0 0 6px;font-size:clamp(18px,2.4vw,22px)}.faq-callout p{color:#6b4a25;margin:0 0 12px;font-size:14px}.faq-callout-cta{color:#fff;cursor:pointer;background:#5e3a16;border:none;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700;transition:background .15s}.faq-callout-cta:hover{background:#7a4d23}.faq-reasons{text-align:left;background:#ffffffa6;border-radius:18px;width:100%;max-width:760px;margin:0 auto;padding:20px 24px}.faq-reasons h2{color:#5e3a16;margin:0 0 10px;font-size:clamp(17px,2.2vw,20px)}.faq-reasons ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.faq-reasons li{color:#5e3a16;align-items:center;gap:10px;font-size:14.5px;display:flex}.faq-reason-dot{color:#e6a13a;font-size:16px}.faq-footer{text-align:center;color:#6b4a25;width:100%;max-width:760px;margin:0 auto;padding:8px 0 16px;font-size:14px}.faq-footer h2{color:#5e3a16;margin:0 0 6px;font-size:clamp(17px,2.2vw,20px)}.faq-footer p{margin:4px 0}.faq-footer a{color:#b87567}.landing-footer-link,.home-footer-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.landing-footer-link:hover,.home-footer-link:hover{color:#5e3a16}