:root{--color-bg: #FFF8EF;--color-surface: #fffdf8;--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-primary-dark: #5a4bd1;--color-accent: #fd79a8;--color-accent-light: #fdcfdf;--color-yellow: #ffeaa7;--color-yellow-dark: #f6b93b;--color-green: #a3e4d7;--color-green-dark: #00b894;--color-blue: #74b9ff;--color-blue-light: #dfe6e9;--color-text: #2d3436;--color-text-light: #3d4448;--color-border: #e0dcd7;--font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--slide-max-width: 1200px;--radius: 16px;--radius-sm: 10px;--navbar-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");color:var(--color-text);line-height:1.7;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{min-height:100dvh}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}input,textarea,select{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all .2s;border:none;cursor:pointer}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:#fff}.btn--ghost{background:transparent;color:var(--color-text-light)}.btn--ghost:hover{color:var(--color-text);background:var(--color-bg)}.btn--google{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--google:hover{background:var(--color-bg)}.btn--google svg{flex-shrink:0}.btn--lg{padding:.8rem 2rem;font-size:1.05rem}.btn--full{width:100%}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--color-text-light)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:48px;height:48px;border-width:4px}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{padding:.7rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;color:var(--color-text);background:var(--color-surface);transition:border-color .2s;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-group textarea{resize:vertical}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-shell__main{flex:1;padding-top:var(--navbar-height)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100}.navbar__inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.navbar__logo{display:flex;align-items:center;text-decoration:none}.navbar__logo-text{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;color:#f5a623;letter-spacing:-.02em}.navbar__actions{display:flex;align-items:center;gap:.75rem}.lang-select{padding:3px 22px 3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-bg-soft, #f5f5f5);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color .15s,background-color .15s}.lang-select:hover{border-color:var(--color-primary)}.lang-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.navbar__user{display:flex;align-items:center;gap:.75rem}.navbar__user-role{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary)}.navbar__user-name{font-size:.9rem;font-weight:500;color:var(--color-text-light)}.navbar__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all .2s}.navbar__btn--primary{background:var(--color-primary);color:#fff}.navbar__btn--primary:hover{background:var(--color-primary-dark)}.navbar__btn--ghost{color:var(--color-text-light)}.navbar__btn--ghost:hover{color:var(--color-text)}.lp{overflow-x:hidden;--lp-sage: #86A789;--lp-sage-light: rgba(134, 167, 137, .12);--lp-peach: #FFD1BA;--lp-peach-light: rgba(255, 209, 186, .15);--lp-bg: #FCFAF7;--lp-radius: 2rem}.lp .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:1.05rem;border-radius:var(--lp-radius);padding:1rem 2.2rem;transition:all .25s;cursor:pointer;border:none;text-decoration:none}.lp-btn__icon{font-size:1.3rem}.lp-btn--primary{background:var(--lp-sage);color:#fff;box-shadow:0 8px 24px #86a78933}.lp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #86a7894d}.lp-btn--outline{background:#fffc;color:var(--color-text);border:2px solid var(--color-border)}.lp-btn--outline:hover{border-color:var(--lp-sage);color:var(--lp-sage)}.lp-btn--cta{background:var(--lp-sage);color:#fff;font-size:1.2rem;padding:1.25rem 3rem;box-shadow:0 12px 32px #86a78940}.lp-btn--cta:hover{transform:translateY(-3px)}.lp-btn--sm{padding:.85rem 1.5rem;font-size:.95rem}.lp-btn--full{width:100%}.lp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lp-section-header{text-align:center;margin-bottom:3rem}.lp-section-title{font-size:2.4rem;font-weight:800;color:var(--color-text);margin-bottom:.6rem;letter-spacing:0}.lp-section-desc{font-size:1.1rem;color:var(--color-text-light);font-weight:400;max-width:600px;margin:0 auto;line-height:1.7}.lp-hero{position:relative;padding:4rem 1.5rem 6rem;background:radial-gradient(circle at 10% 20%,var(--lp-peach-light) 0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--lp-sage-light) 0%,transparent 40%),var(--lp-bg);overflow:hidden}.lp-hero__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lp-hero__badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--lp-peach-light);color:#92400e;font-size:.8rem;font-weight:700;padding:.4rem 1rem;border-radius:999px;letter-spacing:.03em;margin-bottom:1.5rem}.lp-hero__badge-icon{font-size:.9rem}.lp-hero__title{font-size:3.5rem;font-weight:800;line-height:1.35;color:var(--color-text);margin-bottom:1.25rem;letter-spacing:0}.lp-hero__title--accent{color:var(--lp-sage);font-weight:800}.lp-hero__desc{font-size:1.1rem;color:var(--color-text-light);line-height:1.8;margin-bottom:2rem;font-weight:400;max-width:500px}.lp-hero__cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.lp-hero__trust{display:flex;align-items:center;gap:1rem;padding-top:.5rem}.lp-hero__trust p{font-size:.85rem;color:var(--color-text-light);font-weight:500}.lp-hero__avatars{display:flex}.lp-hero__avatar-img{width:2.5rem;height:2.5rem;border-radius:50%;border:2.5px solid #fff;margin-right:-.6rem;object-fit:cover;box-shadow:0 2px 8px #00000014}.lp-hero__visual{position:relative}.lp-hero__visual-glow{position:absolute;inset:-2.5rem;background:var(--lp-peach-light);border-radius:50%;filter:blur(60px);opacity:.6}.lp-hero__image-frame{position:relative;border-radius:2.5rem;overflow:hidden;box-shadow:0 25px 60px #0000001a;border:8px solid rgba(255,255,255,.5)}.lp-hero__image{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.lp-hero__quote{position:absolute;bottom:-1.5rem;left:-1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem 1.5rem;border-radius:1.25rem;box-shadow:0 8px 30px #0000000f;display:flex;align-items:center;gap:1rem;max-width:260px;border:1px solid rgba(0,0,0,.04)}.lp-hero__quote-brush{background:var(--lp-peach-light);padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-hero__quote-brush .material-symbols-outlined{font-size:1.8rem;color:#c2703e}.lp-hero__quote p{font-size:.88rem;color:var(--color-text-light);line-height:1.6;font-weight:500}.lp-split{padding:0 1.5rem;margin-top:-2.5rem;position:relative;z-index:2}.lp-split__inner{max-width:700px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.lp-split__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;border-radius:2rem;background:#fff;border:2px solid transparent;box-shadow:0 8px 30px #0000000f;transition:all .3s;text-decoration:none;color:var(--color-text);cursor:pointer}.lp-split__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.lp-split__card--teacher:hover{border-color:var(--lp-sage)}.lp-split__card--parent:hover{border-color:var(--lp-peach)}.lp-split__icon{font-size:2.5rem!important;margin-bottom:.75rem;color:var(--lp-sage)}.lp-split__card--parent .lp-split__icon{color:#c2703e}.lp-split__card h3{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.lp-split__card p{font-size:.85rem;color:var(--color-text-light);margin-bottom:.75rem}.lp-split__badges{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-bottom:.5rem}.lp-split__badge{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:var(--lp-sage-light);color:var(--lp-sage)}.lp-split__card--parent .lp-split__badge{background:var(--lp-peach-light);color:#92400e}.lp-split__time{font-size:.85rem;font-weight:700;color:var(--lp-sage)}.lp-split__card--parent .lp-split__time{color:#c2703e}.lp-process{max-width:1200px;margin:0 auto;padding:5rem 1.5rem}.lp-process__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.lp-process__card{text-align:center}.lp-process__icon{width:5rem;height:5rem;border-radius:2rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .5s}.lp-process__icon .material-symbols-outlined{font-size:2.2rem}.lp-process__card:hover .lp-process__icon{transform:rotate(0) scale(1.05)}.lp-process__icon--peach{background:var(--lp-peach-light);transform:rotate(6deg)}.lp-process__icon--peach .material-symbols-outlined{color:#c2703e}.lp-process__icon--sage{background:var(--lp-sage-light);transform:rotate(-6deg)}.lp-process__icon--sage .material-symbols-outlined{color:var(--lp-sage)}.lp-process__icon--green{background:#4ade801a;transform:rotate(12deg)}.lp-process__icon--green .material-symbols-outlined{color:#22c55e}.lp-process__card h3{font-size:1.35rem;font-weight:700;margin-bottom:.6rem;color:var(--color-text)}.lp-process__card p{font-size:.95rem;color:var(--color-text-light);line-height:1.7;font-weight:400}.lp-sample{padding:5rem 1.5rem;background:var(--lp-bg)}.lp-sample__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.lp-sample__image{border-radius:2rem;overflow:hidden;box-shadow:0 20px 50px #00000014}.lp-sample__image img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.lp-sample__info .lp-section-title{text-align:left;margin-bottom:1.5rem}.lp-sample__specs{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem}.lp-sample__spec{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:var(--color-text)}.lp-sample__spec .material-symbols-outlined{font-size:1.4rem;color:var(--lp-sage)}.lp-why{max-width:1200px;margin:0 auto;padding:5rem 1.5rem}.lp-why__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.lp-why__card{padding:2rem;background:#fff;border-radius:2rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 16px #00000008;transition:transform .3s,box-shadow .3s}.lp-why__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.lp-why__icon{font-size:2rem!important;color:var(--lp-sage);margin-bottom:.75rem}.lp-why__card h3{font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.lp-why__card p{font-size:.95rem;color:var(--color-text-light);line-height:1.8;font-weight:400}.lp-faq{max-width:800px;margin:0 auto;padding:5rem 1.5rem}.lp-faq__list{display:flex;flex-direction:column;gap:.75rem}.lp-faq__item{background:#fff;border-radius:1.25rem;border:1px solid rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .2s}.lp-faq__item--open{box-shadow:0 4px 16px #0000000f}.lp-faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;color:var(--color-text);text-align:left;cursor:pointer;background:none;border:none}.lp-faq__question:hover{color:var(--lp-sage)}.lp-faq__chevron{font-size:1.4rem!important;color:var(--color-text-light);transition:transform .3s;flex-shrink:0}.lp-faq__item--open .lp-faq__chevron{transform:rotate(180deg);color:var(--lp-sage)}.lp-faq__answer{padding:0 1.5rem 1.25rem}.lp-faq__answer p{font-size:.95rem;color:var(--color-text-light);line-height:1.8;font-weight:400}.lp-gallery{padding:5rem 1.5rem;background:radial-gradient(circle at 10% 20%,var(--lp-peach-light) 0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--lp-sage-light) 0%,transparent 40%),var(--lp-bg);border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04)}.lp-gallery__header{max-width:1200px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.lp-gallery__header-text{max-width:550px}.lp-gallery__header-text .lp-section-title{text-align:left}.lp-gallery__header-text .lp-section-desc{text-align:left;margin:0}.lp-gallery__view-all{display:flex;align-items:center;gap:.4rem;color:var(--lp-sage);font-weight:700;font-size:.95rem;white-space:nowrap;transition:transform .2s;text-decoration:none;flex-shrink:0}.lp-gallery__view-all:hover{transform:translate(4px)}.lp-gallery__image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.lp-gallery__image-card{aspect-ratio:1 / 1;border-radius:1.25rem;overflow:hidden;position:relative;background:#fff;box-shadow:0 4px 16px #0000000a;cursor:pointer;transition:box-shadow .5s}.lp-gallery__image-card:hover{box-shadow:0 12px 40px #0000001f}.lp-gallery__image-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.lp-gallery__image-card:hover img{transform:scale(1.05)}.lp-gallery__image-overlay{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(to top,rgba(15,23,42,.8),transparent);padding:3rem 1.25rem 1.25rem}.lp-gallery__image-overlay h4{color:#fff;font-size:1rem;font-weight:700}.lp-gallery__image-overlay p{color:#ffffffb3;font-size:.75rem;margin-top:.15rem}.lp-gallery__badge{display:inline-block;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:#fff3;color:#fff;margin-top:.35rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-pricing{max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.lp-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.lp-pricing__grid--4{grid-template-columns:repeat(4,1fr);gap:1.25rem}.lp-pricing__card{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2.5rem;padding:2.5rem 2rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #00000008;position:relative;display:flex;flex-direction:column}.lp-pricing__card--pro{background:#fff;border-color:#86a7894d;box-shadow:0 20px 50px #86a7891f;transform:scale(1.05)}.lp-pricing__badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--lp-sage);color:#fff;font-size:.7rem;font-weight:700;padding:.3rem 1rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.lp-pricing__card h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text)}.lp-pricing__subtitle{font-size:.85rem;color:var(--color-text-light);margin-bottom:1.5rem}.lp-pricing__price{font-size:2.5rem;font-weight:800;color:var(--color-text);margin-bottom:2rem}.lp-pricing__unit{font-size:1rem;font-weight:400;color:var(--color-text-light)}.lp-pricing__card ul{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.lp-pricing__card li{font-size:.9rem;color:var(--color-text-light);display:flex;align-items:center;gap:.6rem}.lp-pricing__check{color:var(--lp-sage);font-size:1.2rem}.lp-pricing__disabled{opacity:.4}.lp-pricing__disabled .material-symbols-outlined{font-size:1.2rem}.lp-trust{padding:4rem 1.5rem;background:var(--lp-bg)}.lp-trust__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.lp-trust__card{text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 16px #00000008}.lp-trust__icon{font-size:2rem!important;color:var(--lp-sage);margin-bottom:.75rem}.lp-trust__card h4{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.lp-trust__card p{font-size:.9rem;color:var(--color-text-light);line-height:1.7;font-weight:400}.lp-cta{padding:3rem 1.5rem 5rem}.lp-cta__card{max-width:1000px;margin:0 auto;text-align:center;background:#86a7890d;border-radius:4rem;padding:5rem 3rem;position:relative;overflow:hidden;border:1px solid rgba(134,167,137,.1)}.lp-cta__glow{position:absolute;width:16rem;height:16rem;border-radius:50%;filter:blur(80px)}.lp-cta__glow--1{top:0;right:0;background:var(--lp-peach-light)}.lp-cta__glow--2{bottom:0;left:0;background:var(--lp-sage-light)}.lp-cta__card h2{font-size:2.5rem;font-weight:800;color:var(--color-text);margin-bottom:1rem;position:relative;line-height:1.4}.lp-cta__card p{font-size:1.1rem;color:var(--color-text-light);margin-bottom:2.5rem;position:relative;font-weight:400;line-height:1.8;max-width:500px;margin-left:auto;margin-right:auto}.lp-footer{background:#fff;border-top:1px solid rgba(0,0,0,.05);padding:4rem 1.5rem 2rem}.lp-footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}.lp-footer__logo{margin-bottom:1rem;display:flex;align-items:center}.lp-footer__logo-text{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;color:#f5a623;letter-spacing:-.02em}.lp-footer__brand p{font-size:.9rem;color:var(--color-text-light);line-height:1.7;max-width:340px;font-weight:400;margin-bottom:1.25rem}.lp-footer__social{display:flex;gap:.6rem}.lp-footer__social-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:#00000008;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:all .2s}.lp-footer__social-btn:hover{background:var(--lp-sage-light);color:var(--lp-sage)}.lp-footer__social-btn .material-symbols-outlined{font-size:1.2rem}.lp-footer__links h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);margin-bottom:1.25rem}.lp-footer__links a{display:block;font-size:.9rem;color:var(--color-text-light);margin-bottom:.75rem;transition:color .2s;font-weight:500}.lp-footer__links a:hover{color:var(--lp-sage)}.lp-footer__copy{max-width:1200px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid rgba(0,0,0,.04);text-align:center;font-size:.8rem;color:var(--color-text-light);opacity:.5}@media(max-width:900px){.lp-hero__inner{grid-template-columns:1fr;gap:2.5rem}.lp-hero__title{font-size:2.6rem}.lp-hero__visual{max-width:500px}.lp-process__grid{gap:2rem}.lp-sample__inner{grid-template-columns:1fr;gap:2rem}.lp-sample__image{max-width:400px;margin:0 auto}.lp-sample__info .lp-section-title{text-align:center}.lp-sample__specs{align-items:center}.lp-sample__info{text-align:center}.lp-why__grid{grid-template-columns:1fr}.lp-gallery__header{flex-direction:column;align-items:flex-start}.lp-gallery__header-text .lp-section-title,.lp-gallery__header-text .lp-section-desc{text-align:center}.lp-gallery__header{align-items:center}.lp-gallery__image-grid{grid-template-columns:repeat(2,1fr)}.lp-pricing__grid{gap:1.5rem}.lp-pricing__grid--4{grid-template-columns:repeat(2,1fr)}.lp-trust__inner{gap:1.5rem}.lp-footer__inner{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.lp-hero{padding:2.5rem 1.25rem 3rem}.lp-hero__title{font-size:2.2rem}.lp-hero__quote{display:none}.lp-section-title{font-size:1.8rem}.lp-section-desc{font-size:.95rem}.lp-process,.lp-gallery,.lp-pricing,.lp-sample,.lp-trust,.lp-why,.lp-faq{padding:3rem 1.25rem}.lp-split__inner{grid-template-columns:1fr}.lp-process__grid{grid-template-columns:1fr;gap:2.5rem}.lp-gallery__image-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.lp-pricing__grid,.lp-pricing__grid--4{grid-template-columns:1fr}.lp-pricing__card--pro{transform:none}.lp-trust__inner{grid-template-columns:1fr}.lp-cta__card{border-radius:2rem;padding:3rem 1.5rem}.lp-cta__card h2{font-size:1.7rem}.lp-footer__inner{grid-template-columns:1fr}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - var(--navbar-height));padding:2rem 1rem}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 4px 24px #0000000f;padding:2.5rem}.auth-card__header{text-align:center;margin-bottom:2rem}.auth-card__header h1{font-size:1.6rem;font-weight:800;color:#111827;margin-bottom:.4rem}.auth-card__header p{font-size:.95rem;color:var(--color-text-light)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--color-text-light);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-card__footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--color-text-light)}.auth-card__footer a{color:var(--color-primary);font-weight:600}.auth-card__footer a:hover{text-decoration:underline}.auth-confirm-tips{background:var(--color-bg);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1.5rem;text-align:center}.auth-confirm-tips p{font-size:.85rem;color:var(--color-text-light)}.db{--db-sage: #86A789;--db-sage-light: rgba(134, 167, 137, .12);--db-sage-muted: #e1e8e4;--db-peach: #f5d5c5;--db-peach-muted: #faf0eb;--db-text-muted: #5a6b63;--db-cream: #f9f7f2;--db-bg: #fdfaf5;display:flex;min-height:calc(100dvh - var(--navbar-height));background-color:var(--db-bg);background-image:radial-gradient(circle at 10% 20%,rgba(134,167,137,.06) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(245,213,197,.08) 0%,transparent 40%)}.db__sidebar{width:260px;flex-shrink:0;border-right:1px solid rgba(0,0,0,.05);background-color:var(--db-cream);background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 100%)}.db__sidebar-inner{position:sticky;top:var(--navbar-height);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;max-height:calc(100dvh - var(--navbar-height));overflow-y:auto}.db__sidebar-heading{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#0000004d;margin-bottom:.75rem;padding-left:.25rem}.db__sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:.25rem}.db__sidebar-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem .85rem;border-radius:.75rem;font-size:.9rem;font-weight:500;color:var(--db-text-muted);transition:all .2s;cursor:pointer;background:none;border:none;text-align:left}.db__sidebar-item:hover{background:#fff9;color:var(--db-sage)}.db__sidebar-item--active{background:#fff;color:var(--db-sage);font-weight:600;box-shadow:0 1px 4px #0000000a;border:1px solid rgba(0,0,0,.03)}.db__sidebar-item-icon{font-size:1.2rem!important}.db__sidebar-item-count{margin-left:auto;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--db-sage-light);color:var(--db-sage)}.db__sidebar-item-count--peach{background:var(--db-peach);color:var(--db-text-muted)}.db__sidebar-themes{list-style:none;display:flex;flex-direction:column;gap:.15rem}.db__sidebar-theme{display:flex;align-items:center;gap:.6rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;color:var(--db-text-muted);border-radius:.5rem}.db__sidebar-theme-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0}.db__storage{background:#fff9;border-radius:1rem;padding:1.15rem;border:1px solid #fff;box-shadow:0 1px 6px #00000008}.db__storage-label{font-size:.7rem;font-weight:700;color:var(--db-text-muted);margin-bottom:.6rem}.db__storage-bar{width:100%;height:.4rem;background:#0000000f;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.db__storage-bar-fill{height:100%;background:var(--db-sage);border-radius:999px;transition:width .4s ease}.db__storage-text{font-size:.7rem;color:#00000059;font-weight:500}.db__storage-plan{display:inline-block;margin-top:.5rem;font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:var(--db-sage-light);color:var(--db-sage)}.db__storage-plan--paid{background:#f5a6231f;color:#f5a623}.db__main{flex:1;min-width:0;padding:2.5rem 3rem}.db__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:3rem}.db__title{font-size:2rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.db__subtitle{font-size:.95rem;color:#00000059;margin-top:.35rem;font-weight:500}.db__filter-mobile{display:none;align-items:center;gap:.25rem;background:#ffffff80;padding:.35rem;border-radius:1.25rem;border:1px solid rgba(0,0,0,.06)}.db__filter-btn{padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;border-radius:.85rem;color:var(--color-text-light);transition:all .2s}.db__filter-btn:hover{background:#fffc}.db__filter-btn--active{background:var(--db-sage);color:#fff;box-shadow:0 2px 8px #86a7894d}.empty-state{text-align:center;padding:5rem 1rem}.empty-state__icon{margin-bottom:1.25rem}.empty-state h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-state p{font-size:1rem;color:var(--color-text-light);margin-bottom:2rem;line-height:1.8}.storybook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2.5rem 1.75rem}.storybook-card{position:relative;display:flex;flex-direction:column;gap:.75rem}.storybook-card__cover{position:relative;aspect-ratio:1 / 1;border-radius:.5rem;overflow:hidden;background:#f1ede4;border-left:8px solid rgba(0,0,0,.06);box-shadow:2px 4px 12px #5a6b6314;cursor:pointer;display:block}.storybook-card__cover-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}.storybook-card:hover .storybook-card__cover-bg{transform:scale(1.05)}.storybook-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,var(--db-sage-muted) 0%,var(--db-peach-muted) 100%)}.storybook-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:1rem}.storybook-card:hover .storybook-card__overlay{opacity:1}.storybook-card__overlay-btns{display:flex;gap:.4rem;width:100%}.storybook-card__overlay-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.6rem;border-radius:.5rem;font-size:.75rem;font-weight:700;background:#fffffff2;color:var(--color-text);transition:background .2s}.storybook-card__overlay-btn:hover{background:var(--db-peach)}.storybook-card__overlay-btn .material-symbols-outlined{font-size:1rem}.storybook-card__overlay-btn--open{flex:1}.storybook-card__overlay-btn--icon{width:2.25rem;flex-shrink:0}.storybook-card__info{padding:0 .25rem}.storybook-card__title{font-size:.95rem;font-weight:700;color:var(--color-text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.storybook-card__meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem;gap:.5rem}.storybook-card__meta{font-size:.8rem;font-weight:600;color:var(--color-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storybook-card__status-icon{font-size:1.15rem!important;flex-shrink:0}.storybook-card__status-icon--published{color:var(--db-sage)}.storybook-card__draft-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.15rem .5rem;border-radius:.25rem;background:var(--db-peach-muted);color:var(--db-text-muted);border:1px solid var(--db-peach);flex-shrink:0}.storybook-card__generating-badge{font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-radius:.25rem;background:#fef3c7;color:#92400e;border:1px solid #fde68a;flex-shrink:0}.storybook-card__delete-btn{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:2}.storybook-card:hover .storybook-card__delete-btn{opacity:1}.storybook-card__delete-btn:hover{background:#fee2e2}.storybook-card__delete-btn .material-symbols-outlined{font-size:.95rem;color:#ef4444}.storybook-card--new{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;border-radius:.5rem;border:2px solid var(--db-sage-light);border-radius:255px 15px 225px/15px 225px 15px 255px;background:#fff;transition:all .3s;cursor:pointer;overflow:hidden;box-shadow:2px 4px 12px #5a6b6314;text-decoration:none}.storybook-card--new:hover{background:var(--db-peach-muted);transform:translateY(-2px)}.storybook-card--new__inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .3s}.storybook-card--new:hover .storybook-card--new__inner{transform:scale(1.05)}.storybook-card--new__icon{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--db-sage-muted);display:flex;align-items:center;justify-content:center;color:var(--db-sage)}.storybook-card--new__icon .material-symbols-outlined{font-size:2rem}.storybook-card--new__label{font-size:1.05rem;font-weight:700;color:var(--color-text)}.storybook-card--new__sub{font-size:.8rem;color:var(--db-text-muted);font-style:italic;font-weight:500}.create-page{max-width:940px;margin:0 auto;padding:2.5rem 2.5rem 5rem;background:transparent;border-radius:20px;min-height:calc(100vh - 80px)}.wizard__steps{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:3rem;padding:1.25rem 1rem .5rem;background:#ffffff8c;border-radius:18px;border:1px solid rgba(200,175,145,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wizard__steps:before{content:"";position:absolute;top:2rem;left:14%;right:14%;height:2px;background:linear-gradient(90deg,#e8d5c0,#ddc9b4 40%,#e8d5c0);border-radius:2px;z-index:0}.wizard__step{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex:1;position:relative;z-index:1}.wizard__step-circle{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.82rem;background:#f5ede3;color:#c4a882;border:2px solid #e2d0be;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #785a3c12}.wizard__step-check{font-size:.78rem;font-weight:700;line-height:1}.wizard__step--active .wizard__step-circle{background:linear-gradient(135deg,#8b7dd8,#6c5ce7);color:#fff;border-color:transparent;box-shadow:0 0 0 4px #6c5ce726,0 4px 12px #6c5ce740;transform:scale(1.1)}.wizard__step--done .wizard__step-circle{background:linear-gradient(135deg,#93c990,#6db86a);color:#fff;border-color:transparent;box-shadow:0 2px 8px #6db86a4d}.wizard__step--clickable{cursor:pointer}.wizard__step--clickable:hover .wizard__step-circle{background:linear-gradient(135deg,#7aba77,#5aa857);box-shadow:0 4px 12px #6db86a73;transform:scale(1.08)}.wizard__step--clickable:hover .wizard__step-label{color:#5aa857}.wizard__step-label{font-size:.73rem;font-weight:500;color:#c4a882;text-align:center;letter-spacing:.01em}.wizard__step--active .wizard__step-label{color:#6c5ce7;font-weight:700}.wizard__step--done .wizard__step-label{color:#6db86a;font-weight:600}.wizard__content{background:transparent;border-radius:0;box-shadow:none;padding:0}.wizard__title{font-size:1.85rem;font-weight:900;text-align:center;margin-bottom:.5rem;color:#3d2b1f;letter-spacing:-.5px;line-height:1.25}.wizard__desc{text-align:center;color:#9b8878;margin-bottom:2rem;font-size:.97rem;line-height:1.6}.wizard__actions{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1.6rem 1.2rem}.theme-card{position:relative;border:none;padding:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.theme-card:hover,.theme-card--selected{transform:translateY(-10px) scale(1.02)}.theme-card__cover{position:relative;width:100%;aspect-ratio:2/3;border-radius:3px 10px 10px 3px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 38% 32%,color-mix(in srgb,var(--theme-color, #F5E6D0) 45%,white) 0%,var(--theme-color, #F5E6D0) 60%,color-mix(in srgb,var(--theme-color, #F5E6D0) 78%,#5a3a28) 100%);box-shadow:-4px 0 8px #0000002e,5px 8px 22px #0003,2px 2px 5px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.theme-card__cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(to right,color-mix(in srgb,var(--spine-color, #c97c4a) 90%,black) 0%,var(--spine-color, #c97c4a) 55%,transparent 100%);z-index:4;border-radius:3px 0 0 3px}.theme-card__cover:after{content:"";position:absolute;right:0;top:0;bottom:0;width:6px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.25) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px);z-index:4}.theme-card:hover .theme-card__cover,.theme-card--selected .theme-card__cover{box-shadow:-4px 0 10px #00000038,10px 18px 36px #00000047,3px 3px 8px #00000024}.theme-card--selected .theme-card__cover{box-shadow:-4px 0 10px #00000038,10px 18px 36px #00000047,0 0 0 3px #f0a030,0 0 16px #f0a03073}.theme-card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.12);animation:thumbFadeIn .5s ease}@keyframes thumbFadeIn{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1.12)}}.theme-card--loading .theme-card__cover{animation:thumbPulse 1.8s ease-in-out infinite}@keyframes thumbPulse{0%,to{opacity:1}50%{opacity:.55}}.theme-card__cover .hand-drawn-icon{position:relative;z-index:1;opacity:.65}.theme-card__badge{position:absolute;top:.5rem;right:.55rem;background:var(--badge-color, #E07878);color:#fff;font-size:.48rem;font-weight:800;letter-spacing:.02em;padding:.18rem .45rem;border-radius:999px;z-index:5;white-space:nowrap;box-shadow:0 2px 8px #00000038}.theme-card__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(10,5,0,.82) 0%,rgba(10,5,0,.55) 45%,transparent 100%);padding:1.6rem .65rem .6rem;display:flex;flex-direction:column;gap:.2rem;z-index:3;transition:padding .3s ease}.theme-card:hover .theme-card__overlay{padding-bottom:.75rem;background:linear-gradient(to top,rgba(10,5,0,.88) 0%,rgba(10,5,0,.65) 55%,transparent 100%)}.theme-card__hover-desc{font-size:.6rem;color:#ffffffd1;line-height:1.35;max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease,opacity .28s ease}.theme-card:hover .theme-card__hover-desc{max-height:2.5rem;opacity:1}.theme-card__overlay-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.theme-card__label{font-size:.82rem;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-card__age{font-size:.54rem;color:#ffffffb3;white-space:nowrap;flex-shrink:0}.theme-card__check{position:absolute;top:.5rem;left:.85rem;width:1.4rem;height:1.4rem;background:#f0a030;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;box-shadow:0 2px 8px #f0a03080;z-index:5}.theme-card__emoji,.theme-card__desc,.theme-card__info{display:none}.hand-drawn-icon{display:block}.hand-drawn-icon--inline{display:inline-block;vertical-align:middle;margin-right:.15rem}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:600px;margin:0 auto}.child-form{display:flex;flex-direction:column;gap:1.25rem;max-width:500px;margin:0 auto}.age-selector,.gender-selector{display:flex;gap:.5rem;flex-wrap:wrap}.age-btn,.gender-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;background:var(--color-bg);color:var(--color-text-light);border:1.5px solid var(--color-border);transition:all .2s;cursor:pointer}.age-btn--active,.gender-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.or-separator{display:none}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1rem}.form-label-row label{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.textarea-counter{text-align:right;font-size:.75rem;color:var(--color-text-light);opacity:.65;margin-top:.25rem}.confirm-error{margin-bottom:1rem;padding:.75rem 1rem;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;font-size:.88rem;color:#be123c;display:flex;flex-direction:column;gap:.6rem}.confirm-error__msg{margin:0}.confirm-error__retry{align-self:flex-start;font-size:.85rem;padding:.4rem .9rem}.preview-card{max-width:420px;margin:0 auto 1.5rem;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1.5px solid rgba(0,0,0,.06)}.preview-card__header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem 1.5rem;background:var(--preview-color, #ffd6e0)}.preview-card__theme-name{font-size:1.25rem;font-weight:800;color:#1f2937;text-align:center}.preview-card__subtitle{font-size:.9rem;color:#374151;font-weight:500}.preview-card__body{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem;background:#fff}.preview-card__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;background:#f3f4f6;font-size:.82rem;font-weight:600;color:#374151}.preview-card__chip--notes{border-radius:12px;background:#fef9c3;color:#713f12;flex-basis:100%}.preview-chip__icon{font-size:1rem;color:#6b7280}.preview-card__warning{margin:0 1.25rem .75rem;padding:.6rem .85rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:.8rem;color:#c2410c}.preview-card__footer{padding:.85rem 1.25rem;background:#f9fafb;border-top:1px solid #f1f0ee;font-size:.78rem;color:var(--color-text-light);text-align:center;line-height:1.5}.generation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - var(--navbar-height));gap:1.5rem;text-align:center;padding:2rem}.generation-loading h2{font-size:1.5rem;font-weight:700}.generation-loading__phase{color:var(--color-text-light);font-size:1rem}.generation-loading__bar{width:300px;max-width:80vw;height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.generation-loading__bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .5s ease}.book-anim{position:relative;width:76px;height:92px;margin:0 auto;perspective:500px}.book-anim__cover{position:absolute;inset:0;background:linear-gradient(145deg,var(--color-primary-light),var(--color-primary));border-radius:4px 12px 12px 4px;box-shadow:-5px 7px 22px #6c5ce752}.book-anim__spine{position:absolute;left:0;top:6px;bottom:6px;width:9px;background:var(--color-primary-dark);border-radius:4px 0 0 4px}.book-anim__page{position:absolute;top:9px;right:7px;width:46px;height:74px;background:#fffef9;border-radius:1px 8px 8px 1px;transform-origin:left center;border:1px solid rgba(61,43,31,.09);animation:pageFlip 2s ease-in-out infinite}.book-anim__page:nth-child(3){animation-delay:-.67s}.book-anim__page:nth-child(4){animation-delay:-1.33s}@keyframes pageFlip{0%,25%{transform:rotateY(0)}55%,90%{transform:rotateY(-165deg)}to{transform:rotateY(0)}}.book-anim__star{position:absolute;color:var(--color-yellow-dark);animation:starPop 2s ease-in-out infinite;pointer-events:none;line-height:1}.book-anim__star--1{top:-10px;right:-2px;font-size:1rem;animation-delay:0s}.book-anim__star--2{top:30px;right:-16px;font-size:.75rem;animation-delay:.7s}.book-anim__star--3{bottom:-6px;right:10px;font-size:.6rem;animation-delay:1.4s}@keyframes starPop{0%,55%,to{opacity:0;transform:scale(.5) translateY(0)}30%{opacity:1;transform:scale(1) translateY(-8px)}}.generation-loading__time{font-size:.88rem;color:var(--color-primary);font-weight:600;background:#6c5ce717;padding:.3rem 1rem;border-radius:999px;margin-top:-.5rem}.generation-cancel-note{font-size:.78rem;color:#be3a3a;opacity:.75;margin-top:.25rem}.btn--cancel-danger{font-size:.85rem;color:#be3a3a;opacity:.7;padding:.4rem 1rem}.btn--cancel-danger:hover{opacity:1;background:#fff1f1}.viewer{height:calc(100dvh - var(--navbar-height));display:flex;flex-direction:column;overflow:hidden}.slide-viewport{flex:1;position:relative;overflow:hidden}.slide-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeSlideIn .4s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.shared-viewer{height:100dvh;display:flex;flex-direction:column}.shared-viewer .viewer{height:calc(100dvh - 48px)}.shared-viewer__banner{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 1rem;background:var(--color-primary);color:#fff;font-size:.9rem;font-weight:600}.shared-viewer__brand{font-size:.8rem;opacity:.8}.slide{width:100%;max-width:var(--slide-max-width);max-height:100%;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 4px 24px #0000000f;padding:2.5rem}.title-slide{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2.5rem}.title-slide__title{font-size:3rem;font-weight:900;color:var(--color-primary);line-height:1.4}.title-slide__meta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.title-slide__badge{background:var(--color-primary-light);color:#fff;font-size:.9rem;font-weight:500;padding:.35rem 1rem;border-radius:999px}.title-slide__badge--accent{background:var(--color-accent)}.title-slide__objectives{text-align:left;width:100%;max-width:600px}.title-slide__objectives h3{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.title-slide__objectives ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}.title-slide__objectives li{font-size:1rem;color:var(--color-text-light);padding-left:1.5rem;position:relative}.title-slide__objectives li:before{content:"✓";position:absolute;left:0;color:var(--color-green-dark);font-weight:700}.story-page{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;align-items:start}.story-page__image-wrap{border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 2px 12px #00000014}.story-page__image{width:100%;height:auto;display:block}.story-page__content{display:flex;flex-direction:column;gap:1rem}.story-page__page-num{font-size:.85rem;font-weight:700;color:var(--color-primary-light);letter-spacing:.05em}.story-page__text{font-size:1.35rem;line-height:2;white-space:pre-line;font-weight:500}.story-page__teacher-note{margin-top:auto}.story-page__teacher-toggle{font-size:.85rem;font-weight:500;color:var(--color-text-light);padding:.4rem 0;display:flex;align-items:center;gap:.4rem}.story-page__teacher-toggle:hover{color:var(--color-primary)}.story-page__teacher-text{font-size:.9rem;color:var(--color-text-light);background:var(--color-yellow);padding:.75rem 1rem;border-radius:var(--radius-sm);line-height:1.6;margin-top:.4rem}.vocabulary-slide h2{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;text-align:center}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vocab-card{background:linear-gradient(135deg,var(--color-yellow) 0%,#fff9e6 100%);border-radius:var(--radius-sm);padding:1.25rem;text-align:center;transition:transform .2s}.vocab-card:hover{transform:translateY(-2px)}.vocab-card__word{font-size:1.5rem;font-weight:900;color:var(--color-primary);margin-bottom:.5rem}.vocab-card__meaning{font-size:.95rem;color:var(--color-text-light);margin-bottom:.75rem}.vocab-card__example{font-size:.9rem;color:var(--color-text);background:#fff9;padding:.4rem .75rem;border-radius:8px;font-style:italic}.questions-slide h2{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;text-align:center}.questions-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.questions-tab{padding:.5rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:500;background:var(--color-blue-light);color:var(--color-text-light);transition:all .2s}.questions-tab--active{background:var(--color-primary);color:#fff}.questions-list{list-style:none;display:flex;flex-direction:column;gap:1rem;max-width:700px;margin:0 auto}.questions-list li{background:var(--color-bg);padding:1rem 1.25rem;border-radius:var(--radius-sm);font-size:1.1rem;line-height:1.6;display:flex;align-items:flex-start;gap:.75rem}.question-number{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:#fff;border-radius:50%;font-size:.85rem;font-weight:700}.activity-slide{display:flex;flex-direction:column;gap:1.25rem}.activity-slide__header{display:flex;align-items:center;gap:1rem}.activity-slide__badge{padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff}.activity-slide__badge--역할극{background:var(--color-accent)}.activity-slide__badge--쓰기{background:var(--color-primary)}.activity-slide__badge--그림그리기{background:var(--color-green-dark)}.activity-slide__time{font-size:.9rem;color:var(--color-text-light);font-weight:500}.activity-slide__title{font-size:1.4rem;font-weight:700;color:var(--color-text)}.activity-slide__instructions{font-size:1.05rem;line-height:1.8;white-space:pre-line}.activity-slide__section{background:var(--color-bg);padding:1rem 1.25rem;border-radius:var(--radius-sm)}.activity-slide__section h4{font-size:.9rem;font-weight:700;color:var(--color-primary);margin-bottom:.4rem}.activity-slide__materials{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.activity-slide__materials li{background:var(--color-surface);padding:.3rem .75rem;border-radius:8px;font-size:.9rem;border:1px solid var(--color-border)}.activity-slide__diff{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.activity-slide__diff-card{padding:1rem;border-radius:var(--radius-sm);font-size:.95rem;line-height:1.6}.activity-slide__diff-card--support{background:var(--color-green)}.activity-slide__diff-card--challenge{background:var(--color-yellow)}.activity-slide__diff-card strong{display:block;margin-bottom:.3rem;font-size:.85rem}.exit-ticket h2{font-size:1.5rem;font-weight:700;color:var(--color-accent);margin-bottom:1.5rem;text-align:center}.exit-ticket__list{list-style:none;display:flex;flex-direction:column;gap:1.25rem;max-width:700px;margin:0 auto}.exit-ticket__item{background:linear-gradient(135deg,var(--color-accent-light) 0%,#fff 100%);padding:1.25rem 1.5rem;border-radius:var(--radius-sm);font-size:1.15rem;line-height:1.6;display:flex;align-items:flex-start;gap:.75rem}.exit-ticket__number{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:50%;font-size:.85rem;font-weight:700}.slide-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.slide-controls__btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg);color:var(--color-text);font-size:1.1rem;transition:all .2s}.slide-controls__btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.slide-controls__btn:disabled{opacity:.3;cursor:not-allowed}.slide-controls__dots{display:flex;gap:.35rem;align-items:center}.slide-controls__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all .2s}.slide-controls__dot--active{background:var(--color-primary);width:24px;border-radius:4px}.slide-controls__counter{font-size:.8rem;color:var(--color-text-light);font-weight:500;min-width:3.5rem;text-align:center}@media(max-width:1024px){.db__sidebar{width:220px}.db__main{padding:2rem 1.5rem}}@media(max-width:768px){.slide{padding:1.5rem;border-radius:var(--radius-sm)}.slide-wrapper{padding:.5rem}.title-slide__title{font-size:2rem}.story-page{grid-template-columns:1fr;padding:1.25rem;gap:1rem}.story-page__text{font-size:1.15rem}.vocabulary-grid{grid-template-columns:1fr 1fr}.activity-slide__diff{grid-template-columns:1fr}.slide-controls__dots,.navbar__user-role,.navbar__user-name{display:none}.db{flex-direction:column}.db__sidebar{display:none}.db__main{padding:1.5rem}.db__filter-mobile{display:flex}.db__header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.db__title{font-size:1.6rem}.storybook-card__overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 60%)}.storybook-card__delete-btn{opacity:1}.storybook-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}}@media(max-width:480px){.slide{padding:1rem}.title-slide{padding:2rem 1rem}.title-slide__title{font-size:1.75rem}.vocabulary-grid{grid-template-columns:1fr}.auth-card{padding:1.5rem}.wizard__content{padding:1rem}.theme-grid{grid-template-columns:repeat(5,1fr);gap:1.4rem 1rem}.style-grid{grid-template-columns:1fr}.storybook-grid{grid-template-columns:repeat(2,1fr)}}.policy-page{padding:2rem 1.5rem 4rem}.policy-page__inner{max-width:720px;margin:0 auto}.policy-page__inner h1{font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:.25rem}.policy-page__updated{font-size:.85rem;color:var(--color-text-light);margin-bottom:2.5rem}.policy-page__inner section{margin-bottom:2rem}.policy-page__inner h2{font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.policy-page__inner p{font-size:.95rem;color:var(--color-text-light);line-height:1.8;margin-bottom:.5rem}.policy-page__inner ul{list-style:disc;padding-left:1.5rem;margin-bottom:.5rem}.policy-page__inner li{font-size:.95rem;color:var(--color-text-light);line-height:1.8}.policy-page__inner a{color:var(--lp-sage, var(--color-primary));font-weight:600}.policy-page__inner a:hover{text-decoration:underline}.policy-page__back{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.policy-page__back a{font-size:.95rem;font-weight:600;color:var(--lp-sage, var(--color-primary))}.btn--sm{padding:.3rem .6rem;font-size:.8rem}.generation-loading__tip{color:var(--color-text-light);font-size:.9rem;margin-top:.5rem}.role-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.role-btn{flex:1;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;background:var(--color-bg);color:var(--color-text-light);border:1.5px solid var(--color-border);cursor:pointer;transition:all .2s}.role-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.onboarding-badge{display:inline-block;background:#f0fdf4;color:#15803d;font-size:.8rem;font-weight:600;padding:.3rem .85rem;border-radius:999px;border:1px solid #bbf7d0;margin-bottom:1.25rem;text-align:center;letter-spacing:.01em}.role-cards{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.role-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left}.role-card:hover{border-color:#c4b5fd;box-shadow:0 1px 6px #0000000f}.role-card--active{border-color:var(--color-primary);box-shadow:0 0 0 3px #6d28d914}.role-card__icon{width:42px;height:42px;border-radius:10px;background:#f5f3ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.role-card--active .role-card__icon{background:#ede9fe}.role-card__content{flex:1;display:flex;flex-direction:column;gap:.15rem}.role-card__name{font-size:.92rem;font-weight:600;color:#111827}.role-card__desc{font-size:.78rem;color:#6b7280;line-height:1.4}.role-card__check{width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.generation-steps{display:flex;align-items:center;gap:0;margin:1.25rem 0 .75rem}.generation-step-wrapper{display:flex;align-items:center}.generation-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:.4;transition:opacity .3s}.generation-step--active{opacity:1}.generation-step--done{opacity:.7}.generation-step__icon{font-size:1.5rem;line-height:1}.generation-step__label{font-size:.75rem;font-weight:600;color:var(--color-text)}.generation-step__connector{width:2.5rem;height:2px;background:var(--color-border);margin:0 .35rem 1rem}.generation-tip{background:var(--color-primary-light);border-left:3px solid var(--color-primary);color:var(--color-text);font-size:.9rem;padding:.75rem 1.1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-width:340px;width:100%;margin:1rem auto 0;transition:opacity .35s ease}.generation-tip--fade{opacity:0}.auto-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--color-bg);color:var(--color-primary);border:1.5px solid var(--color-primary-light);cursor:pointer;transition:all .2s}.auto-btn:hover{background:var(--color-primary);color:#fff}.auto-btn--inline{margin-left:.5rem;padding:.2rem .6rem;font-size:.75rem;vertical-align:middle}.theme-auto-link{display:inline-flex;align-items:center;gap:.35rem;background:#fff9;border:1.5px solid #d8cff0;border-radius:999px;color:#7c6fd0;font-size:.8rem;font-weight:600;padding:.3rem .85rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;letter-spacing:.01em}.theme-auto-link:hover{background:#ddd0f066;border-color:#b8a8e8;color:#6c5ce7}.wizard__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.wizard__title-row>div{flex:1;min-width:0}.wizard__title-row .wizard__title{margin-bottom:.25rem}.wizard__title-row .wizard__desc{margin-bottom:0}.theme-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.theme-filter-tab{display:flex;align-items:center;gap:.3rem;padding:.38rem 1.05rem;border-radius:999px;border:1.5px solid #e5d9cc;background:#ffffffb3;color:#a08872;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .22s ease;letter-spacing:.01em}.theme-filter-tab__emoji{font-size:.9rem;line-height:1}.theme-filter-tab:hover{border-color:#b8a8e8;color:#6c5ce7;background:#fffffff2;transform:translateY(-1px);box-shadow:0 3px 10px #6c5ce71f}.theme-filter-tab--active{background:linear-gradient(135deg,#8b7dd8,#6c5ce7);border-color:transparent;color:#fff;box-shadow:0 3px 12px #6c5ce74d}.theme-filter-tab--emotion.theme-filter-tab--active{background:linear-gradient(135deg,#e89090,#d05858);box-shadow:0 3px 12px #d058584d}.theme-filter-tab--habit.theme-filter-tab--active{background:linear-gradient(135deg,#7aca77,#4d9e4a);box-shadow:0 3px 12px #4d9e4a4d}.theme-filter-tab--growth.theme-filter-tab--active{background:linear-gradient(135deg,#e8c055,#c8900a);box-shadow:0 3px 12px #c8900a4d}.theme-step-next{display:flex;justify-content:flex-end;margin-top:1.5rem;animation:fadeIn .25s ease}.paywall-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.paywall-modal{position:relative;background:#fff;border-radius:2rem;padding:2.5rem;max-width:520px;width:100%;box-shadow:0 20px 60px #00000026;animation:paywallSlideUp .3s ease-out}@keyframes paywallSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paywall-modal__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d;color:var(--color-text-light);transition:background .2s}.paywall-modal__close:hover{background:#0000001a}.paywall-modal__close .material-symbols-outlined{font-size:1.1rem}.paywall-modal__header{text-align:center;margin-bottom:2rem}.paywall-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#86a7891f;margin-bottom:1rem}.paywall-modal__icon .material-symbols-outlined{font-size:2rem;color:#86a789}.paywall-modal__header h2{font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:.4rem}.paywall-modal__header p{font-size:.95rem;color:var(--color-text-light)}.paywall-modal__plans{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.paywall-plan{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem;border-radius:1.25rem;border:2px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;transition:all .2s}.paywall-plan:hover{border-color:#86a789;transform:translateY(-2px);box-shadow:0 8px 24px #86a78926}.paywall-plan--recommended{border-color:#86a78966;background:#86a7890a}.paywall-plan__badge{position:absolute;top:-.6rem;left:50%;transform:translate(-50%);background:#86a789;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.paywall-plan__name{font-size:.9rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.paywall-plan__price{font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:.75rem}.paywall-plan__unit{font-size:.85rem;font-weight:400;color:var(--color-text-light)}.paywall-plan__features{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.35rem}.paywall-plan__features li{font-size:.8rem;color:var(--color-text-light)}.paywall-plan__cta{display:inline-block;padding:.6rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:700;background:#86a789;color:#fff;transition:background .2s}.paywall-plan:hover .paywall-plan__cta{background:#6d8f70}.paywall-modal{max-width:640px}@media(max-width:640px){.paywall-modal{padding:1.5rem;border-radius:1.5rem;max-width:520px}.paywall-modal__plans{grid-template-columns:1fr}}.navbar__credit-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#86a7891f;color:#86a789}.navbar__credit-badge--zero{background:#ef44441a;color:#ef4444}.payment-success-banner{background:#86a7891a;border:1px solid rgba(134,167,137,.3);border-radius:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.payment-success-banner .material-symbols-outlined{font-size:1.5rem;color:#86a789}.payment-success-banner p{font-size:.95rem;font-weight:600;color:var(--color-text);flex:1}.payment-success-banner__cta{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem 1rem;background:#86a789;color:#fff;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s}.payment-success-banner__cta:hover{background:#72956f}.demo-selector__label{display:flex;align-items:center;color:#c0a880;flex-shrink:0}.demo-selector{display:flex;gap:.75rem;padding:.8rem 1.25rem;background:linear-gradient(to bottom,#faf7f2,#f5f0e8);border-bottom:1px solid rgba(180,155,110,.15);justify-content:center;flex-shrink:0}.demo-selector__btn{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.1rem .6rem .6rem;border-radius:14px;border:1.5px solid rgba(180,155,110,.18);background:#fffdf8d9;cursor:pointer;transition:all .25s ease;position:relative}.demo-selector__btn:hover{border-color:#b49b6e59;background:#fffdf8;transform:translateY(-1px);box-shadow:0 3px 10px #a08c641a}.demo-selector__btn--active{border-color:#c8a56480;background:#fffdf8;box-shadow:0 2px 8px #c8a56426,inset 0 -2px #c8a56433}.demo-selector__btn--active .demo-selector__thumb{box-shadow:0 2px 10px #b48c504d;border-color:#c8a56499;transform:scale(1.05)}.demo-selector__btn--active .demo-selector__title{color:#6a5230}.demo-selector__btn--active .demo-selector__desc{color:#a08a6a}.demo-selector__thumb{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(180,155,110,.2);transition:all .25s ease}.demo-selector__info{display:flex;flex-direction:column;text-align:left;gap:.1rem}.demo-selector__title{font-size:.82rem;font-weight:700;color:#3a3025;letter-spacing:-.01em;transition:color .2s}.demo-selector__desc{font-size:.65rem;font-weight:500;color:#b0a090;letter-spacing:.01em;transition:color .2s}@media(max-width:768px){.demo-selector{padding:.6rem;gap:.5rem}.demo-selector__btn{padding:.5rem .8rem .5rem .5rem;gap:.5rem;border-radius:12px}.demo-selector__thumb{width:2.1rem;height:2.1rem}.demo-selector__title{font-size:.72rem}.demo-selector__desc{font-size:.6rem}}.book-viewer{height:calc(100dvh - var(--navbar-height));display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(255,220,180,.3) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(200,180,255,.2) 0%,transparent 60%),linear-gradient(160deg,#f5ede3,#faf6f0 30%,#f2eae0 70%,#e8ddd3)}.shared-viewer .book-viewer{height:calc(100dvh - 48px)}.book-viewer__topbar{position:absolute;top:68px;right:1rem;z-index:20;display:flex;align-items:center;gap:8px}.book-viewer__lang-toggle{display:flex;gap:4px;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:3px;border:1.5px solid rgba(0,0,0,.12);box-shadow:0 1px 4px #0000001a}.pdf-download-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1.5px solid rgba(0,0,0,.12);background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px #0000001a;font-size:.78rem;font-weight:700;color:var(--color-text);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.pdf-download-btn__icon{font-size:1rem;line-height:1}.pdf-download-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pdf-download-btn--loading{opacity:.7;cursor:not-allowed}.pdf-page-wrapper{width:500px;height:500px;overflow:hidden;flex-shrink:0}.pdf-page-wrapper .book-page{width:100%;height:100%}.pdf-questions{display:flex;flex-direction:column;gap:.75rem;font-size:.8rem}.pdf-questions__section{display:flex;flex-direction:column;gap:4px}.pdf-questions__section strong{font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.book-viewer__lang-tab{display:inline-flex;align-items:center;gap:.2rem;padding:.25rem .6rem;border-radius:999px;border:none;background:transparent;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--color-text-light);transition:background .15s,color .15s}.book-viewer__lang-tab--active{background:var(--color-primary);color:#fff}.book-viewer__lang-tab--disabled{opacity:.4;cursor:not-allowed}.book-viewer__lang-tab:not(.book-viewer__lang-tab--disabled):not(.book-viewer__lang-tab--active):hover{background:#00000012;color:var(--color-text)}.book-viewer__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;overflow:hidden;perspective:2000px}.book-viewer__flipbook{box-shadow:0 1px 2px #00000014,0 4px 12px #0000001a,0 12px 40px #00000029,0 30px 80px #00000014,-2px 0 6px #0000000a;border-radius:4px 6px 6px 4px;transform-style:preserve-3d}.book-page{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.012) 2px,rgba(0,0,0,.012) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(180,155,110,.015) 3px,rgba(180,155,110,.015) 6px),linear-gradient(to right,rgba(0,0,0,.06) 0%,rgba(0,0,0,.02) 1%,transparent 2.5%,transparent 97.5%,rgba(0,0,0,.015) 99%,rgba(0,0,0,.03) 100%),linear-gradient(to bottom,#fffefa,#fdfbf7,#faf7f2);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 -2px 6px #00000008,inset 2px 0 8px #00000005}.book-page--cover{position:relative;background:#1a1510}.book-cover__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1}.book-cover__frame{position:absolute;inset:6px;border:1.5px solid rgba(255,220,140,.3);border-radius:2px;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 3px #00000026,inset 0 0 0 5px #ffdc8c26}.book-cover__frame:before,.book-cover__frame:after{position:absolute;font-size:.85rem;color:#ffdc8c73;line-height:1}.book-cover__frame:before{content:"✦";top:4px;left:6px}.book-cover__frame:after{content:"✦";bottom:4px;right:6px}.book-cover__overlay{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:0;text-align:center}.book-cover__header{flex-shrink:0}.book-cover__footer{padding:8rem 2rem 1.8rem;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.02) 10%,rgba(0,0,0,.12) 25%,rgba(0,0,0,.4) 55%,rgba(0,0,0,.65) 100%)}.book-cover__subtitle{font-size:.8rem;font-weight:500;color:#ffebbee6;letter-spacing:.08em;margin-bottom:.5rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}.book-cover__title{font-family:inherit;font-size:2.2rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.6),0 4px 16px rgba(0,0,0,.3);word-break:keep-all}.book-cover__brand{font-size:.65rem;font-weight:600;color:#ffe1aa8c;letter-spacing:.12em}.book-page--image{padding:0;position:relative;overflow:hidden}.book-image__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.book-image__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0eb,#ede8e0);gap:.5rem}.book-image__placeholder-icon{font-size:3rem;opacity:.5}.book-image__placeholder-text{font-size:.85rem;color:var(--color-text-secondary, #888);margin:0}.book-image__placeholder-hint{font-size:.75rem;color:var(--color-text-secondary, #aaa);margin:0;opacity:.7}.book-image__page-num{position:absolute;bottom:.6rem;left:.6rem;display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:6px;background:#00000059;color:#ffffffd9;font-size:.55rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.book-page--text{padding:0}.book-text__inner{display:flex;flex-direction:column;height:100%;padding:1.8rem 2rem 1.2rem;container-type:inline-size}.book-text__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.book-text__page-num{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .6rem;border-radius:8px;background:#b49b6e1a;border:none;color:#a08a6a;font-size:.65rem;font-weight:700;letter-spacing:.04em}.book-text__note-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-yellow, #fff3cd);color:var(--color-text, #1a1a2e);border:none;cursor:pointer;opacity:.7;transition:opacity .2s}.book-text__note-btn:hover{opacity:1}.book-text__teacher-note{font-size:.7rem;line-height:1.55;color:var(--color-text-light, #666);background:linear-gradient(135deg,#fff9e6,#fff5d6);border-left:3px solid rgba(180,150,100,.5);padding:.5rem .7rem;border-radius:0 6px 6px 0;margin-bottom:.8rem}.book-text__body{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.book-text__body::-webkit-scrollbar{display:none}.book-text__content{font-size:clamp(1rem,2.8cqi,1.35rem);line-height:2.1;white-space:pre-line;font-weight:500;color:#2a2520;word-break:keep-all;letter-spacing:.02em;text-align:left;max-width:100%}.book-text__drop-cap{font-size:1.8em;font-weight:700;color:#7a6a50;font-family:inherit;line-height:1;margin-right:.04em;float:left;padding-right:.08em}.book-text__footer-deco{text-align:center;font-size:.9rem;color:#b4966466;margin-top:auto;padding-top:.5rem;line-height:1}.book-page--content{padding:0}.book-content__inner{height:100%;overflow-y:auto;padding:1rem 1rem .75rem}.book-content__inner .slide{max-width:100%;box-shadow:none;border-radius:0;padding:.5rem;max-height:none;overflow:visible;background:transparent;letter-spacing:.01em}.book-content__inner .vocabulary-slide h2,.book-content__inner .questions-slide h2,.book-content__inner .exit-ticket h2{font-size:1.05rem;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:none;background-image:linear-gradient(90deg,transparent 5%,rgba(180,150,100,.35) 30%,rgba(180,150,100,.35) 70%,transparent 95%);background-size:100% 1.5px;background-position:bottom center;background-repeat:no-repeat;letter-spacing:.04em;color:#5a4a3a}.book-content__inner .vocabulary-grid{grid-template-columns:1fr;gap:.4rem}.book-content__inner .vocab-card{padding:.5rem .7rem;text-align:left;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.book-content__inner .vocab-card__word{font-size:.95rem;margin-bottom:0;flex-shrink:0}.book-content__inner .vocab-card__meaning{font-size:.78rem;margin-bottom:0;color:var(--color-text-light, #666)}.book-content__inner .vocab-card__example{font-size:.72rem;width:100%;padding:.3rem .5rem}.book-content__inner .questions-list li{font-size:.82rem;padding:.5rem .7rem;line-height:1.55}.book-content__inner .question-number{width:1.3rem;height:1.3rem;font-size:.65rem}.book-content__inner .questions-tabs{margin-bottom:.6rem}.book-content__inner .questions-tab{padding:.3rem .7rem;font-size:.72rem}.book-content__inner .activity-slide{gap:.6rem;padding:0;box-shadow:none;border-radius:0;background:transparent}.book-content__inner .activity-slide__header{gap:.5rem}.book-content__inner .activity-slide__title{font-size:.95rem}.book-content__inner .activity-slide__instructions{font-size:.8rem;line-height:1.6}.book-content__inner .activity-slide__badge{font-size:.65rem;padding:.2rem .5rem}.book-content__inner .activity-slide__section h4{font-size:.75rem}.book-content__inner .activity-slide__materials li{font-size:.75rem;padding:.2rem .5rem}.book-content__inner .activity-slide__diff{grid-template-columns:1fr;gap:.4rem}.book-content__inner .activity-slide__diff-card{padding:.45rem .6rem;font-size:.75rem;line-height:1.5}.book-content__inner .activity-slide__diff-card strong{font-size:.7rem}.book-content__inner .exit-ticket__item{font-size:.82rem;padding:.5rem .7rem}.book-content__inner .exit-ticket__number{width:1.3rem;height:1.3rem;font-size:.65rem}.book-page--back{position:relative;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(180,155,110,.03) 4px,rgba(180,155,110,.03) 8px),linear-gradient(160deg,#faf3e8,#f5ede0 30%,#efe5d5 70%,#e8dcc8);box-shadow:inset 0 0 0 3px #c8aa7826}.book-back__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.7rem;padding:2rem}.book-back__deco{width:4rem;height:2px;background:linear-gradient(90deg,transparent,rgba(180,150,100,.45),transparent);border-radius:1px}.book-back__star{font-size:2rem;color:#c8a06499}.book-back__end{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:600;color:#5a4a3a;letter-spacing:.15em}.book-back__message{font-size:.95rem;font-weight:600;color:#7a6a5a;text-align:center;line-height:1.7;font-style:italic}.book-back__brand{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-top:auto;opacity:.6}.book-back__logo{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:700;color:#a08a6a}.book-back__sub{font-size:.6rem;color:#a09080;font-weight:500}.book-page--blank{height:100%;background:#faf7f2}.book-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.65rem 1.5rem;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06)}.book-controls__btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg, #f5f5f5);color:var(--color-text, #1a1a2e);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.book-controls__btn:hover:not(:disabled){background:#a08a6a;color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #a08a6a4d}.book-controls__btn:disabled{opacity:.3;cursor:not-allowed}.book-controls__btn .material-symbols-outlined{font-size:1.3rem}.book-controls__progress{display:flex;align-items:center;gap:.75rem;flex:1;max-width:400px}.book-controls__bar{flex:1;height:4px;background:#00000014;border-radius:2px;overflow:hidden}.book-controls__bar-fill{height:100%;background:linear-gradient(90deg,#b09a7a,#c8b496);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.book-controls__counter{font-size:.75rem;color:var(--color-text-light, #666);font-weight:600;white-space:nowrap;min-width:3rem;text-align:center}@media(max-width:768px){.book-viewer__stage{padding:.5rem}.book-cover__title{font-size:1.6rem}.book-cover__subtitle{font-size:.7rem}.book-cover__footer{padding:5rem 1.2rem 1.2rem}.book-text__inner{padding:1.2rem 1.2rem .8rem}.book-text__content{font-size:clamp(.85rem,3cqi,1.05rem);line-height:1.85}.book-text__drop-cap{font-size:1.6em}.book-text__teacher-note{font-size:.62rem}.book-controls{padding:.5rem 1rem}.book-controls__btn{width:2.25rem;height:2.25rem}.book-back__end{font-size:1.3rem}.book-back__message{font-size:.8rem}.book-back__star{font-size:1.5rem}}.demo-cta{background:linear-gradient(135deg,var(--peach-light, #fff5eb) 0%,var(--sage-light, #f0f5ef) 100%);border-top:1px solid var(--border, #eee);padding:1.25rem 1.5rem}.demo-cta__inner{max-width:700px;margin:0 auto;display:flex;align-items:center;gap:1rem}.demo-cta__icon{font-size:1.5rem;color:var(--primary, #e8937a);flex-shrink:0}.demo-cta__text{flex:1;display:flex;flex-direction:column;gap:.15rem}.demo-cta__text strong{font-size:.95rem;color:var(--text, #333)}.demo-cta__text span{font-size:.8rem;color:var(--text-secondary, #888)}@media(max-width:600px){.demo-cta__inner{flex-direction:column;text-align:center;gap:.75rem}}.shared-cta{background:linear-gradient(135deg,var(--peach-light, #fff5eb) 0%,#fef6f0 100%);border-top:1px solid var(--border, #eee);padding:1.5rem}.shared-cta__inner{max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.shared-cta__icon{font-size:1.75rem;color:var(--primary, #e8937a)}.shared-cta__text{font-size:.95rem;font-weight:600;color:var(--text, #333);margin:0}.shared-cta__sub{font-size:.8rem;color:var(--text-secondary, #888);margin:-.25rem 0 0}.paywall-modal__social-proof{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.3rem .75rem;background:var(--sage-light, #f0f5ef);border-radius:999px;font-size:.78rem;color:var(--text-secondary, #666);font-weight:500}.paywall-plan__saving{font-size:.75rem;font-weight:600;color:var(--success, #4caf50);background:#e8f5e9;border-radius:4px;padding:.2rem .5rem;margin-top:-.25rem;margin-bottom:.25rem}.db__upgrade-nudge{display:flex;align-items:center;gap:.6rem;padding:.75rem;background:linear-gradient(135deg,var(--peach-light, #fff5eb) 0%,#fef0e8 100%);border:1px solid #f5d5c0;border-radius:10px;text-decoration:none;color:var(--text, #333);transition:transform .15s,box-shadow .15s;cursor:pointer;text-align:left;width:100%;font-family:inherit}.db__upgrade-nudge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #e8937a26}.db__upgrade-nudge .material-symbols-outlined{font-size:1.3rem;color:var(--primary, #e8937a)}.db__upgrade-nudge strong{display:block;font-size:.78rem;font-weight:600}.db__upgrade-nudge span{font-size:.7rem;color:var(--primary, #e8937a);font-weight:500}.lp-pricing__social-proof{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;background:var(--sage-light, #f0f5ef);border-radius:12px;max-width:600px;margin-left:auto;margin-right:auto}.lp-pricing__social-proof .material-symbols-outlined{font-size:1.25rem;color:var(--primary, #e8937a)}.lp-pricing__social-proof p{font-size:.9rem;color:var(--text, #333);font-weight:500;margin:0}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.feedback-modal{background:#fff;border-radius:20px;padding:2rem 2rem 1.5rem;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0003;animation:modal-in .25s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-modal__confetti{font-size:2.5rem;margin-bottom:.75rem}.feedback-modal__title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.35rem}.feedback-modal__question{font-size:.9rem;color:#6b7280;margin-bottom:1.25rem}.feedback-stars{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.25rem}.feedback-star{font-size:2.2rem;line-height:1;background:none;border:none;cursor:pointer;color:#e5e7eb;transition:color .1s,transform .1s;padding:0}.feedback-star:hover,.feedback-star--active{color:#fbbf24;transform:scale(1.15)}.feedback-modal__body{margin-bottom:1.25rem;text-align:left}.feedback-textarea{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:.75rem;font-size:.875rem;font-family:var(--font-family);resize:none;outline:none;transition:border-color .15s;box-sizing:border-box}.feedback-textarea:focus{border-color:var(--color-primary)}.feedback-public{display:flex;align-items:center;gap:.5rem;margin-top:.65rem;font-size:.8rem;color:#6b7280;cursor:pointer}.feedback-public input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.feedback-modal__actions{display:flex;gap:.6rem;justify-content:center;margin-top:.5rem}.feedback-section{background:var(--bg-secondary, #fdf6f0);border-top:1px solid var(--border, #ede8e3);padding:2rem 1rem 3rem;text-align:center}.feedback-section__inner{max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.feedback-section__title{font-size:1.15rem;font-weight:700;color:var(--text-primary, #2d2d2d);margin:0}.feedback-section__question{font-size:.9rem;color:var(--text-secondary, #888);margin:0}.feedback-section__actions{display:flex;gap:.6rem;justify-content:center;margin-top:.25rem}.regen-btn{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#00000073;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .15s,opacity .15s;opacity:0;z-index:10}.book-page--image:hover .regen-btn{opacity:1}@media(hover:none){.regen-btn{opacity:1}}.regen-btn:hover{background:#000000b3}.regen-btn--loading{background:#6d28d9bf;cursor:wait;opacity:1}.regen-btn--locked{background:#0000004d;cursor:not-allowed}.regen-btn__icon{font-size:18px}@keyframes spin{to{transform:rotate(360deg)}}.regen-btn__icon--spinning{animation:spin 1s linear infinite}.style-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.style-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.85rem 1rem;border:2px solid var(--color-border);border-radius:14px;background:var(--style-color, var(--color-surface));cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.style-btn:hover{border-color:#c4b5fd}.style-btn--active{border-color:var(--color-primary);box-shadow:0 0 0 3px #6d28d91a}.style-btn__name{font-size:.85rem;font-weight:600;color:#1f2937}.style-btn--active .style-btn__name{color:var(--color-primary)}.style-btn__desc{font-size:.72rem;color:#6b7280;line-height:1.3}.character-selector{display:flex;flex-wrap:wrap;gap:.5rem}.character-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .9rem;border:2px solid var(--color-border);border-radius:12px;background:var(--color-surface);cursor:pointer;font-size:.78rem;color:#374151;transition:border-color .15s,box-shadow .15s;min-width:68px;flex:1}.character-btn:hover{border-color:#c4b5fd}.character-btn--active{border-color:var(--color-primary);background:#f5f3ff;box-shadow:0 0 0 3px #6d28d914;color:var(--color-primary);font-weight:600}