@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";html{touch-action:manipulation}:root{font-family:Plus Jakarta Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;--primary: #7a6100;--primary-container: #fdd34d;--on-primary: #ffffff;--on-primary-container: #5c4900;--secondary: #006c90;--secondary-container: #97daff;--on-secondary: #ffffff;--on-secondary-container: #004d68;--tertiary: #a6463f;--tertiary-container: #ff9288;--on-tertiary: #ffffff;--on-tertiary-container: #611211;--surface: #fefdf1;--surface-container: #f5f4e7;--surface-container-low: #fbfaed;--surface-container-high: #efefe0;--surface-container-highest: #e9e9da;--surface-container-lowest: #ffffff;--on-surface: #373830;--on-surface-variant: #64655c;--outline: #818177;--outline-variant: #babaaf;--error: #be2d06;--error-container: #f95630;--text-dark: #373830;--text-light: #64655c;--bg-light: #fefdf1;--bg-card: #ffffff;--shadow-soft: rgba(55, 56, 48, .06);--shadow-medium: rgba(55, 56, 48, .12);--border-color: #babaaf;color:var(--on-surface);background-color:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary)}body{margin:0;display:block;min-width:320px;min-height:100vh;padding:0;background-color:var(--surface)}h1{font-family:Plus Jakarta Sans,sans-serif;font-size:3.2em;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--on-surface);margin:0}h2{font-family:Plus Jakarta Sans,sans-serif;font-size:2.2em;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--on-surface);margin:0}h3{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5em;font-weight:700;color:var(--on-surface);margin:0}p{color:var(--on-surface-variant);margin:0}button{border-radius:9999px;border:2px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;background:var(--primary-container);color:var(--on-primary-container);cursor:pointer;transition:all .2s ease;min-height:48px;box-shadow:0 4px 15px #fdd34d4d;letter-spacing:-.01em}button:hover{transform:scale(1.05);box-shadow:0 8px 25px #fdd34d66}button:active{transform:scale(.95)}button:focus,button:focus-visible{outline:3px solid var(--primary-container);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--surface-container-highest);color:var(--outline);box-shadow:none}@media (max-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.3em}button{padding:.8em 1.5em;font-size:1em;min-height:48px}}@media (max-width: 480px){h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}button{padding:.8em 1.2em;font-size:1em;min-height:48px}}.fun-card{background:var(--surface-container-lowest);border-radius:1.5rem;box-shadow:0 8px 25px var(--shadow-soft);border:2px solid transparent;position:relative;transition:all .3s ease}.fun-card:hover{box-shadow:0 12px 35px var(--shadow-medium);transform:translateY(-4px)}.fun-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--primary-container),var(--secondary-container),var(--tertiary-container))}.sparkle{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--surface)}.app-header{background:#fefdf1cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 10px 30px #3738300a}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1440px;margin:0 auto;width:100%}.header-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-img{height:40px;width:auto}.logo-text{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:900;color:var(--primary);letter-spacing:-.03em}.header-user-section{display:flex;align-items:center;gap:1rem}.credit-balance{display:flex;align-items:center;gap:.5rem}.credit-badge{display:inline-flex;align-items:center;gap:.3rem;background:var(--primary-container, #f5e6b8);color:var(--on-primary-container, #1d1b16);padding:.3rem .7rem;border-radius:9999px;font-size:.85rem;font-weight:700;white-space:nowrap}.user-info{font-weight:600;color:var(--on-surface-variant);font-size:.95rem}.cart-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease}.cart-icon-btn:hover{background:var(--surface-container);color:var(--primary)}.cart-badge{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;background:var(--primary);color:var(--on-primary, #fff);border-radius:9999px;padding:0 4px;line-height:1}.logout-button{background:transparent;border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:.4rem 1rem;font-size:.85rem;min-height:auto;box-shadow:none}.logout-button:hover{background:var(--surface-container);color:var(--primary);border-color:var(--primary);transform:none}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;max-width:1440px;margin:0 auto;width:100%;border-top:1px solid var(--surface-container-high)}.nav-group{display:flex;gap:.25rem}.nav-item{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;padding:1rem 1.5rem;color:var(--on-surface-variant);font-weight:700;font-size:.95rem;box-shadow:none;min-height:auto;transition:all .2s ease;letter-spacing:-.01em}.nav-item:hover{background:#7a61000a;color:var(--primary);transform:none;box-shadow:none}.nav-item.active{color:var(--primary);border-bottom-color:var(--primary-container)}.pricing-link,.pricing-link:hover{color:var(--secondary)}.admin-link{color:var(--tertiary)}.content-area{flex:1;padding:2rem;width:100%}.page-container{max-width:1200px;margin:0 auto;width:100%}.app-back-bar{padding:2rem;text-align:center;border-top:1px solid var(--outline-variant);background:var(--surface-container-lowest)}.app-footer{padding:2rem;text-align:center;background:var(--surface-container-low);color:var(--on-surface-variant);font-size:.85rem;border-top:1px solid var(--outline-variant);border-radius:3rem 3rem 0 0}.app-footer p{margin:.25rem 0;color:var(--on-surface-variant)}.app-footer-links a{color:var(--on-surface-variant);text-decoration:none;font-weight:500}.app-footer-links a:hover{color:var(--primary);text-decoration:underline}.app-footer-links span{margin:0 .25rem}.reset-button{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:.6rem 1.5rem;font-size:.9rem;box-shadow:none}.reset-button:hover{background:var(--surface-container);border-color:var(--primary);color:var(--primary)}.hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--on-surface-variant);cursor:pointer;padding:0;min-height:auto;box-shadow:none}.hamburger-btn:hover{background:var(--surface-container);color:var(--primary);transform:none;box-shadow:none}.mobile-nav-drawer,.mobile-menu-overlay{display:none}@media (max-width: 768px){.header-top{padding:.75rem 1rem}.header-user-section{gap:.5rem}.logo-img{height:32px}.credit-badge{font-size:.75rem;padding:.2rem .55rem}.cart-icon-btn{width:32px;height:32px}.header-user-section>.logout-button,.header-user-section>.user-info{display:none}.header-nav{display:none}.hamburger-btn{display:flex}.mobile-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:2000}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--surface);flex-direction:column;padding:1.5rem 0;z-index:2001;box-shadow:-4px 0 24px #00000026;overflow-y:auto;transform:translate(100%);transition:transform .3s ease;display:flex}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-drawer .nav-group{flex-direction:column;gap:0;padding:0}.mobile-nav-drawer .nav-group+.nav-group{border-top:1px solid var(--surface-container-high);margin-top:.5rem;padding-top:.5rem}.mobile-nav-drawer .nav-item{padding:1rem 1.5rem;font-size:1rem;white-space:nowrap;border-bottom:none;border-left:3px solid transparent;text-align:left;width:100%}.mobile-nav-drawer .nav-item.active{border-bottom:none;border-left-color:var(--primary-container);background:#7a61000f}.mobile-nav-footer{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;margin-top:auto;border-top:1px solid var(--surface-container-high)}.mobile-nav-footer .user-info{display:block;font-size:.9rem}.mobile-nav-footer .logout-button{display:inline-flex;width:fit-content;padding:.4rem 1rem;font-size:.85rem}.content-area{padding:1rem}}.admin-layout{min-height:100vh;display:flex;background:var(--surface)}.admin-sidebar{width:220px;background:var(--on-surface);color:var(--surface-container-lowest);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;transition:width .2s ease;z-index:100}.admin-layout--collapsed .admin-sidebar{width:56px}.admin-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-home-btn{background:none;border:none;color:var(--surface-container-lowest);font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;cursor:pointer;padding:0;letter-spacing:.3px;transition:color .15s;white-space:nowrap;overflow:hidden}.admin-home-btn:hover{color:var(--primary-container)}.admin-collapse-btn{background:none;border:none;border-radius:0;color:#fff6;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.admin-collapse-btn:hover{color:var(--surface-container-lowest);background:#ffffff14}.admin-collapse-btn .material-symbols-outlined{font-size:18px}.admin-sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.admin-sidebar-group{margin-bottom:4px}.admin-sidebar-group-label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffff59;padding:12px 16px 4px;white-space:nowrap;overflow:hidden}.admin-layout--collapsed .admin-sidebar-group-label{text-align:center;padding:12px 4px 4px;font-size:.85rem;text-transform:none;letter-spacing:0}.admin-sidebar-link{display:block;width:100%;background:none;border:none;border-radius:0;color:var(--outline-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:500;padding:7px 16px 7px 24px;cursor:pointer;text-align:left;transition:all .12s;white-space:nowrap;overflow:hidden;border-left:3px solid transparent}.admin-layout--collapsed .admin-sidebar-link{text-align:center;padding:7px 4px;font-size:.75rem;font-weight:700;border-left:none}.admin-sidebar-link:hover{color:var(--surface-container-lowest);background:#ffffff0d}.admin-sidebar-link.active{color:var(--primary-container);background:#fdd34d1a;font-weight:700;border-left-color:var(--primary-container)}.admin-layout--collapsed .admin-sidebar-link.active{border-left-color:transparent}.admin-sidebar-bottom{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.admin-back-to-site{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--outline-variant);text-decoration:none;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:0;transition:all .15s;text-align:center;white-space:nowrap;overflow:hidden}.admin-back-to-site:hover{color:var(--surface-container-lowest);border-color:var(--primary-container);background:#fdd34d1a}.admin-sidebar-user{display:flex;align-items:center;gap:8px;justify-content:space-between}.admin-user-name{font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;color:var(--outline-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.admin-logout-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--outline-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;padding:4px 10px;border-radius:0;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.admin-logout-btn:hover{background:#fdd34d26;color:var(--primary-container);border-color:var(--primary-container)}.admin-layout-content{flex:1;padding:24px;min-width:0}@media (max-width: 768px){.admin-sidebar,.admin-layout--collapsed .admin-sidebar{width:56px}.admin-sidebar-group-label{text-align:center;padding:12px 4px 4px;font-size:.85rem;text-transform:none;letter-spacing:0}.admin-sidebar-link{text-align:center;padding:7px 4px;font-size:.75rem;font-weight:700;border-left:none}.admin-collapse-btn{display:none}.admin-back-to-site{font-size:.9rem}.admin-user-name{display:none}.admin-layout-content{padding:16px}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fefdf1;padding:20px;font-family:Plus Jakarta Sans,sans-serif}.auth-card{background:var(--surface-container-lowest, #ffffff);border-radius:2rem;padding:3rem;max-width:450px;width:100%;box-shadow:0 8px 25px #3738300f;border:1px solid var(--outline-variant)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:900;font-size:2.5rem;margin-bottom:.5rem;color:var(--primary, #7a6100)}.auth-logo-img{height:48px;width:auto}.auth-header p{font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface-variant);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem;font-family:Plus Jakarta Sans,sans-serif}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--on-surface-variant);font-size:.9rem}.form-group input{padding:.8rem 1rem;border:2px solid var(--outline-variant);border-radius:.75rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s;background:var(--surface-container-lowest, #ffffff);color:var(--on-surface)}.form-group input:focus{outline:none;border-color:var(--primary, #7a6100);box-shadow:0 0 0 3px #fdd34d4d}.error-message{background-color:#be2d060f;color:var(--error, #ba1a1a);padding:1rem;border-radius:.75rem;font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif;border:1px solid rgba(190,45,6,.15)}.auth-button{padding:1rem;font-size:1.1rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;margin-top:1rem;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.auth-button:hover{transform:scale(1.03);box-shadow:0 4px 16px #fdd34d59}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--outline-variant)}.auth-footer p{font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface-variant);font-size:.95rem;margin-bottom:.5rem}.auth-card .switch-button{background:none;border:none;color:var(--primary, #7a6100);cursor:pointer;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;transition:all .2s;box-shadow:none;text-transform:none;padding:0;min-height:auto}.auth-card .switch-button:hover{background:none;color:var(--secondary, #006c90);transform:translateY(-1px);box-shadow:none}.auth-links{display:flex;justify-content:space-between;gap:1rem}.auth-card .link-button{background:none;border:none;color:var(--primary, #7a6100);cursor:pointer;font-size:.85rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;transition:color .2s;box-shadow:none;text-transform:none;padding:0;min-height:auto}.auth-card .link-button:hover{background:none;color:var(--secondary, #006c90);box-shadow:none;transform:none}.success-message{background-color:#fdd34d1a;color:var(--secondary, #006c90);padding:1rem;border-radius:.75rem;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;border:1px solid rgba(253,211,77,.3);line-height:1.5}.auth-loading{text-align:center;color:var(--on-surface-variant);font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;padding:2rem 0}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.dedication-page{display:flex;justify-content:center;align-items:center;padding:2rem}.dedication-inner{background:var(--surface-container-lowest);border:2px solid var(--outline-variant);border-radius:1rem;padding:3rem 2.5rem;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 8px 30px var(--shadow-soft)}.dedication-ornament{color:var(--primary-container);font-size:1.5rem;letter-spacing:.5rem;-webkit-user-select:none;user-select:none}.dedication-ornament-top{margin-bottom:1.5rem}.dedication-ornament-bottom{margin-top:1.5rem}.dedication-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.dedication-field{width:100%;padding:.5rem .75rem;border-radius:.5rem;transition:background .2s ease,box-shadow .2s ease;cursor:default}.dedication-field.editable{cursor:pointer}.dedication-field.editable:hover{background:var(--surface-container)}.dedication-field.editing{background:var(--surface-container);box-shadow:0 0 0 2px var(--primary-container)}.dedication-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);margin-bottom:.25rem}.dedication-value{display:block;color:var(--on-surface);transition:color .2s ease}.dedication-to-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800;color:var(--on-surface)}.dedication-message-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:400;font-style:italic;line-height:1.6;color:var(--on-surface-variant)}.dedication-from-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:600;color:var(--on-surface)}.dedication-field:not(.editing) .dedication-value:empty,.dedication-to-value:empty,.dedication-message-value:empty,.dedication-from-value:empty{color:var(--outline)}.dedication-divider{display:flex;align-items:center;gap:.75rem;width:60%;margin:.25rem 0}.dedication-divider-line{flex:1;height:1px;background:var(--outline-variant)}.dedication-divider-dot{color:var(--primary-container);font-size:1.2rem;line-height:1}.dedication-input,.dedication-textarea{width:100%;border:none;background:transparent;font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface);text-align:center;outline:none;resize:none;box-sizing:border-box}.dedication-input{font-size:1.4rem;font-weight:700;padding:.25rem 0}.dedication-textarea{font-size:1.05rem;font-style:italic;line-height:1.6;padding:.25rem 0}.dedication-input::placeholder,.dedication-textarea::placeholder{color:var(--outline);opacity:.6}.dedication-hint{margin-top:1.5rem;font-size:.78rem;color:var(--outline);font-weight:500}@media (max-width: 480px){.dedication-inner{padding:2rem 1.5rem}.dedication-to-value{font-size:1.3rem}.dedication-input{font-size:1.2rem}}.ccm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:ccm-fade-in .2s ease;overscroll-behavior:contain}@keyframes ccm-fade-in{0%{opacity:0}to{opacity:1}}.ccm-modal{background:var(--surface-container-lowest);border-radius:1.5rem;width:100%;height:100%;max-width:820px;max-height:calc(100vh - 2rem);overflow:hidden;position:relative;box-shadow:0 24px 80px #37383033;display:flex;flex-direction:column;animation:ccm-slide-up .3s ease}@keyframes ccm-slide-up{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ccm-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--surface-container);border:none;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:auto;box-shadow:none;z-index:10;transition:all .2s ease}.ccm-close:hover{background:var(--surface-container-high);transform:scale(1.1);box-shadow:none}.ccm-header{padding:2rem 2rem 1rem;text-align:center;flex-shrink:0}.ccm-title{font-size:1.6rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;margin-bottom:.75rem}.ccm-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;margin-bottom:.5rem}.ccm-step-label{color:var(--on-surface-variant)}.ccm-step-pct{color:var(--primary)}.ccm-progress-bar{width:100%;height:6px;background:var(--surface-container-high);border-radius:9999px;overflow:hidden;margin-bottom:1rem}.ccm-progress-fill{height:100%;background:var(--primary);border-radius:9999px;transition:width .3s ease}.ccm-desc{font-size:.95rem;color:var(--on-surface-variant);line-height:1.5}.ccm-body{padding:1.5rem 2rem;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.ccm-styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ccm-loading{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--on-surface-variant);font-weight:600}.ccm-style-card{cursor:pointer;border-radius:1rem;overflow:hidden;border:3px solid var(--surface-container-high);background:var(--surface-container-low);transition:all .25s ease}.ccm-style-card:hover{border-color:#fdd34d66;transform:translateY(-2px);box-shadow:0 8px 20px #37383014}.ccm-style-card.selected{border-color:var(--primary-container);border-width:4px;box-shadow:0 0 0 4px #fdd34d26}.ccm-style-img{position:relative;aspect-ratio:1;overflow:hidden}.ccm-style-img img{width:100%;height:100%;object-fit:cover}.ccm-style-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-container));font-size:2rem;font-weight:800;color:#fff}.ccm-style-check{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;border:3px solid white}.ccm-style-name{padding:.6rem .5rem;font-size:.85rem;font-weight:700;color:var(--on-surface);text-align:center}.ccm-upload{display:flex;justify-content:center}.ccm-file-input{display:none}.ccm-upload-zone{width:100%;max-width:400px;padding:3rem 2rem;border:3px dashed var(--outline-variant);border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;text-align:center}.ccm-upload-zone:hover{border-color:var(--primary-container);background:#fdd34d0a}.ccm-upload-icon{width:64px;height:64px;border-radius:50%;background:#fdd34d1f;color:var(--primary);display:flex;align-items:center;justify-content:center}.ccm-upload-text{font-size:1.1rem;font-weight:700;color:var(--on-surface)}.ccm-upload-hint{font-size:.85rem;color:var(--on-surface-variant)}.ccm-photo-preview{width:100%;max-width:300px;border-radius:1.25rem;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 8px 24px #3738301a}.ccm-photo-preview img{width:100%;display:block}.ccm-change-label{display:block;text-align:center;padding:.6rem;font-size:.85rem;font-weight:700;color:var(--primary);background:var(--surface-container-low)}.ccm-details{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.ccm-details-photo{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-container);box-shadow:0 4px 16px #fdd34d33}.ccm-details-photo img{width:100%;height:100%;object-fit:cover}.ccm-detail-field{width:100%;max-width:350px}.ccm-label{display:block;font-size:.85rem;font-weight:700;color:var(--on-surface);margin-bottom:.5rem}.ccm-input{width:100%;padding:.75rem 1rem;border:2px solid var(--outline-variant);border-radius:.75rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface);background:var(--surface-container-lowest);box-sizing:border-box;transition:all .2s ease}.ccm-input:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d4d}.ccm-gender-row{display:flex;gap:.75rem}.ccm-gender-btn{flex:1;padding:.7rem 1.5rem;border:2px solid var(--outline-variant);border-radius:.75rem;background:var(--surface-container-lowest);font-size:.95rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease;min-height:auto;box-shadow:none;text-transform:none}.ccm-gender-btn:hover{border-color:var(--primary-container);transform:none;box-shadow:none}.ccm-gender-btn.selected{border-color:var(--primary-container);background:var(--primary-container);color:var(--on-primary-container)}.ccm-variants{display:flex;justify-content:center}.ccm-generating{text-align:center;padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.ccm-gen-spinner{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.ccm-spin-icon{font-size:3rem!important;color:var(--primary);animation:ccm-spin 2s ease-in-out infinite}@keyframes ccm-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}.ccm-gen-label{font-size:1rem;font-weight:600;color:var(--on-surface-variant);max-width:300px}.ccm-gen-progress{width:100%;max-width:250px;height:6px;background:var(--surface-container-high);border-radius:9999px;overflow:hidden}.ccm-gen-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-container));border-radius:9999px;transition:width .4s ease}.ccm-variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:450px}.ccm-variant-card{position:relative;border-radius:1rem;overflow:hidden;border:3px solid var(--surface-container-high);cursor:pointer;transition:all .25s ease}.ccm-variant-card:hover{border-color:#fdd34d66;transform:translateY(-2px)}.ccm-variant-card.selected{border-color:var(--primary-container);border-width:4px;box-shadow:0 0 0 4px #fdd34d26}.ccm-variant-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.ccm-variant-check{position:absolute;top:.5rem;right:.5rem;width:26px;height:26px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #00000026}.ccm-variant-zoom{position:absolute;bottom:.4rem;left:.4rem;width:28px;height:28px;min-height:auto;padding:0;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;transition:transform .15s ease,background .15s ease}.ccm-variant-zoom:hover{background:#000000bf;transform:scale(1.08)}.ccm-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:1.5rem;cursor:zoom-out;animation:ccm-fade-in .15s ease}.ccm-lightbox img{max-width:min(92vw,720px);max-height:85vh;object-fit:contain;border-radius:.75rem;box-shadow:0 20px 60px #00000080;cursor:default}.ccm-lightbox-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;min-height:auto;padding:0;border-radius:50%;background:#ffffff26;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:background .15s ease,transform .15s ease}.ccm-lightbox-close:hover{background:#ffffff4d;transform:scale(1.05)}.ccm-lightbox-select{position:absolute;bottom:max(1.5rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:.8rem 2rem;min-height:auto;border:none;border-radius:9999px;background:var(--primary);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 24px #00000059;white-space:nowrap;transition:transform .15s ease}.ccm-lightbox-select:hover{transform:translate(-50%) scale(1.04)}.ccm-error-state{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.ccm-error-state p{color:var(--on-surface-variant);max-width:350px}.ccm-retry-btn{padding:.6rem 1.5rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;font-weight:700;cursor:pointer;min-height:auto;box-shadow:none}.ccm-retry-btn:hover{transform:scale(1.05)}.ccm-email-step{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:400px;margin:0 auto}.ccm-email-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.ccm-email-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fdd34d26,#fdd34d0d);display:flex;align-items:center;justify-content:center;color:var(--primary)}.ccm-email-pitch{font-size:1.05rem;font-weight:600;color:var(--on-surface);line-height:1.5}.ccm-email-subpitch{font-size:.9rem;color:var(--on-surface-variant);line-height:1.5}.ccm-email-input{text-align:center;font-size:1.1rem!important}.ccm-email-promise{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--on-surface-variant);background:var(--surface-container);padding:.5rem 1rem;border-radius:9999px}.ccm-email-hint{font-size:.8rem;color:var(--on-surface-variant);margin-top:.35rem}.ccm-field-error{font-size:.8rem;color:var(--error);font-weight:600;margin-top:.35rem}.ccm-existing-user-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;margin-bottom:.5rem}.ccm-existing-user-info p{font-size:.95rem;color:var(--on-surface-variant)}.ccm-magic-link-sent{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 0}.ccm-magic-link-sent p{font-size:.95rem;color:var(--on-surface-variant)}.ccm-link-btn{background:transparent;border:none;color:var(--primary);font-weight:700;font-size:.85rem;cursor:pointer;padding:.3rem 0;min-height:auto;box-shadow:none;text-decoration:underline;display:block;margin-top:.25rem}.ccm-link-btn:hover{color:var(--secondary);transform:none;box-shadow:none;background:transparent}.ccm-link-btn:disabled{opacity:.5;cursor:not-allowed}.ccm-name-step{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ccm-name-preview{width:160px;height:160px;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 24px #3738301a;border:4px solid var(--primary-container)}.ccm-name-preview img{width:100%;height:100%;object-fit:cover}.ccm-name-input{text-align:center;font-size:1.25rem!important;font-weight:700}.ccm-error-banner{margin:0 2rem;padding:.6rem 1rem;background:#be2d060f;border:1px solid rgba(190,45,6,.15);border-radius:.75rem;color:var(--error);font-size:.85rem;font-weight:600;text-align:center}.ccm-footer{padding:1.25rem 2rem 2rem;display:flex;gap:.75rem;justify-content:center;flex-shrink:0;border-top:1px solid var(--outline-variant);background:var(--surface-container-lowest)}.ccm-back-btn{padding:.8rem 1.5rem;background:transparent;border:2px solid var(--outline-variant);border-radius:9999px;color:var(--on-surface-variant);font-weight:700;font-size:.95rem;cursor:pointer;min-height:auto;box-shadow:none;transition:all .2s ease}.ccm-back-btn:hover{border-color:var(--outline);background:var(--surface-container);transform:none;box-shadow:none}.ccm-next-btn{flex:1;max-width:350px;padding:.9rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:9999px;font-weight:800;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 24px #7a610040;transition:all .2s ease;min-height:auto}.ccm-next-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 12px 32px #7a610059}.ccm-next-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.ccm-overlay{padding:0;align-items:stretch}.ccm-modal{height:100%;max-height:100vh;max-height:100dvh;border-radius:0;max-width:100%}.ccm-header{padding:1.25rem 1.5rem .75rem}.ccm-desc{font-size:.85rem}.ccm-body{padding:.75rem 1.5rem}.ccm-footer{padding:1rem 1.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.ccm-styles-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.ccm-style-name{font-size:.75rem;padding:.4rem .25rem}.ccm-style-card{border-width:2px}.ccm-style-card.selected{border-width:3px}.ccm-variants-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.ccm-next-btn{padding:.8rem 1.5rem;font-size:.95rem}.ccm-back-btn{padding:.7rem 1.25rem;font-size:.85rem}.ccm-title{font-size:1.3rem}}:root{--primary: #7a6100;--primary-container: #fdd34d;--secondary: #006c90;--secondary-container: #97daff;--tertiary: #a6463f;--tertiary-container: #ff9288;--surface: #fefdf1;--surface-container: #f5f4e7;--surface-container-low: #f9f8eb;--on-surface: #373830;--on-surface-variant: #64655c;--outline-variant: #babaaf}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 30px -10px #70590066}50%{box-shadow:0 10px 40px -6px #fdd34d99}}.mvp-landing{width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--surface);min-height:100vh;display:block;position:relative}.mvp-landing:before,.mvp-landing:after{content:"";position:fixed;border-radius:50%;z-index:0;pointer-events:none}.mvp-landing:before{width:600px;height:600px;background:radial-gradient(circle,rgba(253,211,77,.12) 0%,transparent 70%);top:-200px;right:-200px}.mvp-landing:after{width:500px;height:500px;background:radial-gradient(circle,rgba(151,218,255,.1) 0%,transparent 70%);bottom:200px;left:-200px}.mvp-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#fefdf1d9;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);position:sticky;top:0;z-index:100;box-shadow:0 1px #babaaf33,0 4px 24px #3738300a;border-radius:0 0 3rem 3rem;animation:fadeIn .4s ease}.mvp-logo-icon{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--primary)}.mvp-logo-img{height:40px;width:auto}.mvp-nav-btn{padding:.5rem 1.2rem;font-size:.95rem;min-height:auto;text-transform:none;border-radius:9999px}.mvp-hero{padding:1rem 5% 3rem;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(151,218,255,.06) 0%,transparent 100%),radial-gradient(ellipse 70% 50% at 80% 20%,rgba(253,211,77,.12) 0%,transparent 100%),linear-gradient(175deg,rgba(253,211,77,.1) 0%,var(--surface) 40%,rgba(253,211,77,.05) 100%);overflow-x:hidden;position:relative;z-index:1}.mvp-hero-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.mvp-hero-left{text-align:center;flex:1}.mvp-social-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffffe6;padding:.5rem 1rem;border-radius:9999px;margin-bottom:1.25rem;box-shadow:0 4px 16px #3738300f;border:1px solid rgba(186,186,175,.2);animation:fadeInUp .5s ease both}.mvp-social-badge .stars{color:var(--primary-container);font-size:1.1rem}.mvp-social-badge .text{font-size:.85rem;font-weight:700;color:var(--on-surface-variant)}.mvp-hero-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.5rem;line-height:1.1;letter-spacing:-.03em;margin-bottom:.75rem;color:var(--on-surface);animation:fadeInUp .6s ease .1s both}.mvp-highlight{color:var(--primary);white-space:nowrap;background:linear-gradient(135deg,var(--primary),#b08e00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.mvp-highlight:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:var(--primary-container);opacity:.4;border-radius:3px;z-index:-1}.mvp-hero-subtitle{font-size:1.15rem;color:var(--on-surface-variant);margin-bottom:1.5rem;line-height:1.5;animation:fadeInUp .6s ease .2s both}.mvp-hero-cta-wrapper{margin-bottom:1rem}.mvp-hero-guarantee{font-size:.8rem;color:var(--on-surface-variant);font-weight:500;opacity:.7}.mvp-hero-right{flex:1;background:linear-gradient(135deg,#fff,#fdd34d08);padding:1.5rem;border-radius:2rem;box-shadow:0 20px 50px #37383014;max-width:100%;border:1px solid rgba(186,186,175,.15);animation:fadeInUp .7s ease .3s both}.mvp-examples-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;color:var(--on-surface-variant);margin-bottom:1rem;text-align:center}.mvp-showcase-container{display:flex;flex-direction:column;gap:1.5rem;padding:0;background:none;box-shadow:none}.mvp-showcase-item{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.75rem;background:var(--surface-container-low);border-radius:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.mvp-showcase-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3738300f}.mvp-showcase-stage{flex:3;display:flex;align-items:center;gap:.5rem;margin:0}.mvp-showcase-caption{flex:1;font-size:.9rem;text-align:left;line-height:1.2;margin:0;font-weight:700;color:var(--on-surface)}.mvp-showcase-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem}.mvp-showcase-card{width:45%}.mvp-showcase-arrow svg{width:16px;height:16px}.mvp-showcase-badge{font-size:.6rem;padding:2px 6px;bottom:4px}.mvp-upload-placeholder{padding:1.5rem;border-width:2px}.mvp-upload-icon-circle{width:48px;height:48px;margin-bottom:.75rem}.mvp-upload-title{font-size:1.2rem}@media (min-width: 768px){.mvp-hero-container{flex-direction:row;align-items:flex-start;text-align:left;padding-top:2rem}.mvp-hero-left{text-align:left;padding-right:2rem}.mvp-hero-title{font-size:3rem}.mvp-showcase-container{gap:1rem}.mvp-showcase-item{padding:1rem}}@media (max-width: 767px){.mvp-hero{padding:1rem 1rem 2rem}.mvp-hero-title{font-size:2rem}.mvp-hero-left{order:1}.mvp-hero-right{order:2;margin-top:1rem}.mvp-showcase-stage{gap:.25rem}.mvp-showcase-caption{display:none}.mvp-showcase-item{flex-direction:column;gap:.5rem;padding:.5rem}.mvp-showcase-caption{display:block;text-align:center;font-size:.85rem}}.mvp-hero-content{max-width:700px;margin:0 auto 3rem}.mvp-hero-title{font-size:3rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.2rem}.mvp-highlight{color:var(--primary);position:relative;display:inline}.mvp-hero-subtitle{font-size:1.25rem;color:var(--on-surface-variant);max-width:580px;margin:0 auto;line-height:1.6}.mvp-showcase-container{max-width:900px;margin:0 auto;padding:1.25rem;background:#fff;border-radius:2rem;box-shadow:0 20px 40px #3738300f;display:flex;flex-direction:column;gap:3rem}.mvp-showcase-item{display:flex;flex-direction:column;align-items:center}.mvp-showcase-stage{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem;width:100%}.mvp-showcase-card{flex:1;max-width:250px;position:relative}.mvp-showcase-image-container{position:relative;border-radius:1.25rem;overflow:hidden;box-shadow:0 12px 28px #3738301a;aspect-ratio:1;background:var(--surface-container)}.mvp-showcase-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mvp-showcase-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#fefdf1eb;padding:4px 12px;border-radius:9999px;font-size:.8rem;font-weight:800;box-shadow:0 4px 12px #3738301a;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif}.mvp-showcase-badge.original{color:var(--secondary)}.mvp-showcase-badge.generated{color:var(--primary)}.mvp-showcase-arrow{color:var(--primary-container);opacity:.7;animation:bounceRight 2s infinite;display:flex;align-items:center;justify-content:center}.mvp-showcase-arrow svg{width:32px;height:32px}.mvp-showcase-caption{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--on-surface);text-align:center}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (max-width: 768px){.mvp-showcase-stage{gap:.5rem}.mvp-showcase-badge{padding:2px 8px;font-size:.7rem;bottom:5px}.mvp-showcase-arrow svg{width:20px;height:20px}}.mvp-main-section{max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative;z-index:1}.mvp-upload-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mvp-upload-zone{width:100%}.mvp-file-input{display:none}.mvp-upload-label{display:block;cursor:pointer}.mvp-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 2rem;background:#fff;border:3px dashed var(--primary-container);border-radius:2rem;transition:all .3s ease;box-shadow:0 8px 24px #3738300a}.mvp-upload-placeholder:hover{border-color:var(--primary);background:#fdd34d0a;transform:translateY(-3px);box-shadow:0 16px 40px #37383014}.mvp-upload-icon-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fdd34d33,#fdd34d14);display:flex;align-items:center;justify-content:center;color:var(--primary)}.mvp-upload-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.4rem;color:var(--on-surface)}.mvp-upload-hint{font-size:1rem;color:var(--on-surface-variant);font-weight:600}.mvp-upload-tip{font-size:.85rem;color:var(--on-surface-variant);opacity:.7}.mvp-photo-preview{position:relative;border-radius:2rem;overflow:hidden;max-width:350px;max-height:250px;margin:0 auto;box-shadow:0 16px 40px #3738301a}.mvp-photo-preview img{width:100%;max-height:250px;object-fit:cover;display:block;border-radius:2rem}.mvp-change-photo{display:block;text-align:center;padding:.75rem;font-size:.9rem;color:var(--primary);font-weight:700}.mvp-style-picker{width:100%}.mvp-style-label{font-weight:700;font-size:.95rem;color:var(--on-surface);text-align:center;margin-bottom:.75rem}.mvp-style-options{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.mvp-style-option{flex:0 0 auto;width:100px;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;background:#fff;border:2px solid var(--outline-variant);border-radius:1.25rem;cursor:pointer;transition:all .25s ease;min-height:auto;box-shadow:none;text-transform:none;letter-spacing:0;color:var(--on-surface)}.mvp-style-option:hover{border-color:var(--primary-container);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #37383014;background:#fff}.mvp-style-option.active{border-color:var(--primary-container);border-width:3px;background:#fdd34d1a;box-shadow:0 8px 24px #fdd34d4d;transform:translateY(-3px) scale(1.02)}.mvp-style-option img{width:64px;height:64px;border-radius:.75rem;object-fit:cover}.mvp-style-letter{width:64px;height:64px;border-radius:.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800}.mvp-style-name{font-size:.65rem;font-weight:700;color:var(--on-surface-variant);text-align:center;line-height:1.2}.mvp-generate-btn{padding:1.2rem 2.5rem;font-size:1.2rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;width:100%;max-width:480px;border-radius:9999px;background:var(--primary-container);color:#5c4900;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #fdd34d4d}.mvp-generate-btn:hover{transform:scale(1.03);box-shadow:0 12px 32px #fdd34d66}.mvp-generating{text-align:center;padding:4rem 2rem}.mvp-spinner{width:56px;height:56px;border:5px solid var(--outline-variant);border-top-color:var(--primary-container);border-radius:50%;animation:mvp-spin .8s linear infinite;margin:0 auto 2rem}@keyframes mvp-spin{to{transform:rotate(360deg)}}.mvp-generating-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;margin-bottom:.5rem;color:var(--on-surface)}.mvp-generating-sub{font-size:1.05rem;color:var(--on-surface-variant);margin-bottom:1.5rem}.mvp-progress-bar{width:100%;max-width:400px;height:8px;background:var(--outline-variant);border-radius:9999px;overflow:hidden;margin:0 auto}.mvp-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-container),var(--primary));border-radius:9999px;transition:width .3s ease}.mvp-progress-message{font-size:.9rem;color:var(--on-surface-variant);margin-top:.75rem;font-weight:600}.mvp-result-section{text-align:center}.mvp-result-images{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.mvp-result-before,.mvp-result-after{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mvp-result-before img,.mvp-result-after img{width:180px;height:180px;border-radius:1.5rem;object-fit:cover;box-shadow:0 12px 32px #3738301a;border:4px solid white}.mvp-result-after img{border-color:var(--primary-container)}.mvp-result-before span,.mvp-result-after span{font-size:.85rem;font-weight:700;color:var(--on-surface-variant)}.mvp-result-arrow{color:var(--primary-container)}.mvp-result-variants{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mvp-variants-label{font-size:.85rem;font-weight:700;color:var(--on-surface-variant)}.mvp-variants-grid{display:flex;gap:.75rem}.mvp-variant-card{position:relative;cursor:pointer;border-radius:1.25rem;overflow:hidden;border:3px solid transparent;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.mvp-variant-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #37383014}.mvp-variant-card.selected{border-color:var(--primary-container);box-shadow:0 8px 24px #fdd34d59}.mvp-variant-card img{width:120px;height:120px;object-fit:cover;display:block}.mvp-variant-check{position:absolute;top:6px;right:6px}.mvp-name-section{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.mvp-name-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.3rem;color:var(--on-surface)}.mvp-name-input{width:100%;padding:1rem 1.25rem;font-size:1.2rem;font-family:Plus Jakarta Sans,sans-serif;border:2px solid var(--outline-variant);border-radius:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;color:var(--on-surface);background:#fff;box-sizing:border-box;text-align:center}.mvp-name-input:focus{border-color:var(--primary-container);box-shadow:0 0 0 4px #fdd34d1f}.mvp-next-btn{padding:1rem 2rem;font-size:1.15rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;width:100%;border-radius:9999px;background:var(--primary-container);color:#5c4900;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #fdd34d4d}.mvp-next-btn:hover{transform:scale(1.03);box-shadow:0 12px 32px #fdd34d66}.mvp-how-it-works{padding:5rem 5%;text-align:center;background:var(--surface-container);border-radius:4rem;margin:2rem 1rem;position:relative;z-index:1;overflow:hidden}.mvp-how-it-works:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(253,211,77,.08) 0%,transparent 70%);top:-80px;left:-80px;border-radius:50%;pointer-events:none}.mvp-section-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.2rem;margin-bottom:1rem;color:var(--on-surface);letter-spacing:-.02em}.mvp-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto;position:relative}.mvp-step-card{padding:2.5rem 1.5rem 2rem;border-radius:2rem;background:#fff;box-shadow:0 4px 20px #3738300a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.mvp-step-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #3738301a}.mvp-step-icon{width:80px;height:80px;margin:0 auto 1.25rem;background:#fdd34d26;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1rem}.mvp-step-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(253,211,77,.25));color:var(--primary)}.mvp-step-card h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;margin-bottom:.5rem;color:var(--on-surface)}.mvp-step-card p{font-size:.95rem;color:var(--on-surface-variant);line-height:1.6}.mvp-step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:var(--on-surface);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #37383026}.mvp-book-preview{padding:5rem 5%;text-align:center;background:var(--surface);position:relative;z-index:1}.mvp-book-preview-subtitle{font-size:1.1rem;color:var(--on-surface-variant);margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.mvp-book-spread{display:flex;max-width:700px;margin:0 auto 2rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 50px #3738301f;border:1px solid rgba(186,186,175,.2)}.mvp-book-page{flex:1;background:#fff}.mvp-book-page-left{border-right:1px solid rgba(186,186,175,.3)}.mvp-book-page-img-placeholder img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.mvp-book-page-right{display:flex;align-items:center;justify-content:center;padding:2rem}.mvp-book-sample-text{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;line-height:1.8;color:var(--on-surface);text-align:left;font-style:italic}.mvp-book-preview-note{font-size:.85rem;color:var(--on-surface-variant);font-weight:600}@media (max-width: 768px){.mvp-book-spread{flex-direction:column}.mvp-book-page-left{border-right:none;border-bottom:1px solid rgba(186,186,175,.3)}.mvp-book-page-right{padding:1.5rem}}.mvp-nav-login{background:var(--primary-container);color:#5c4900;border-radius:9999px;font-weight:700;padding:.5rem 1.5rem;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #fdd34d40}.mvp-nav-login:hover{transform:scale(1.05);box-shadow:0 8px 20px #fdd34d59}.mvp-existing-user-links{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem}.mvp-text-btn{background:none;border:none;color:var(--primary);font-size:.85rem;font-weight:600;cursor:pointer;padding:.25rem 0;min-height:auto;box-shadow:none;text-decoration:underline}.mvp-text-btn:hover{opacity:.8;background:none;box-shadow:none;transform:none}.mvp-text-btn:disabled{opacity:.5;cursor:not-allowed}.mvp-auth-login-link{margin-top:.5rem;font-size:.85rem;color:var(--on-surface-variant);text-align:center}.mvp-auth-login-link a{color:var(--primary);font-weight:700;text-decoration:none}.mvp-auth-login-link a:hover{text-decoration:underline}.mvp-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}@media (max-width: 768px){.mvp-testimonials-grid{grid-template-columns:1fr;gap:1.5rem}}.mvp-social-proof{background:var(--surface-container);padding:4rem 5%;text-align:center;border-radius:4rem;margin:2rem 1rem;position:relative;z-index:1}.mvp-testimonial p{font-size:1.5rem;font-style:italic;color:var(--on-surface);max-width:700px;margin:0 auto 1.5rem;line-height:1.5}.mvp-author{color:var(--on-surface-variant);font-weight:700;font-size:1rem}.mvp-footer{padding:3rem 5% 2.5rem;background:var(--on-surface);text-align:center;border-radius:3rem 3rem 0 0;margin-top:2rem;position:relative;z-index:1}.mvp-footer p{color:#fff6;font-size:.85rem}.mvp-footer-links{margin-top:.5rem}.mvp-footer-links a{color:#ffffff80;text-decoration:none;transition:color .2s ease}.mvp-footer-links a:hover{color:var(--primary-container);text-decoration:underline}.mvp-error-banner{background:#a6463f0f;border:1px solid rgba(166,70,63,.15);color:var(--tertiary);padding:.75rem 1.25rem;border-radius:1rem;margin-bottom:1.5rem;font-weight:600;text-align:center}.mvp-auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#37383066;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.mvp-auth-card{background:#fff;border-radius:2.5rem;padding:2.5rem;width:100%;max-width:400px;position:relative;box-shadow:0 24px 64px #37383026;border:1px solid rgba(186,186,175,.15)}.mvp-auth-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--surface);border:none;color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;min-height:auto;box-shadow:none;transition:background .2s ease}.mvp-auth-close:hover{background:var(--surface-container);transform:none;box-shadow:none}.mvp-auth-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.5rem;margin-bottom:.5rem;text-align:center;color:var(--on-surface)}.mvp-auth-sub{text-align:center;font-size:.95rem;color:var(--on-surface-variant);margin-bottom:1.5rem}.mvp-auth-error{background:#a6463f0f;color:var(--tertiary);padding:.6rem 1rem;border-radius:.75rem;font-size:.9rem;font-weight:600;margin-bottom:1rem;text-align:center}.mvp-auth-form{display:flex;flex-direction:column;gap:.75rem}.mvp-inline-email{width:100%;margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.mvp-auth-input{width:100%;padding:.9rem 1rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;border:2px solid var(--outline-variant);border-radius:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;background:#fff}.mvp-auth-input:focus{border-color:var(--primary-container);box-shadow:0 0 0 4px #fdd34d1a}.mvp-auth-submit{padding:.9rem;font-size:1.05rem;margin-top:.25rem;border-radius:9999px;background:var(--primary-container);color:#5c4900;font-weight:800;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 20px #fdd34d40}.mvp-auth-submit:hover{transform:scale(1.02);box-shadow:0 10px 28px #fdd34d59}.mvp-auth-legal{margin-top:.75rem;font-size:.8rem;color:var(--on-surface-variant);text-align:center;opacity:.7}@media (max-width: 768px){.mvp-steps-row{grid-template-columns:1fr;gap:1.5rem}.mvp-how-it-works,.mvp-social-proof{border-radius:2rem;margin:1rem .5rem;padding:3rem 1.5rem}.mvp-footer{border-radius:2rem 2rem 0 0}.mvp-nav{border-radius:0 0 1.5rem 1.5rem}}.mvp-wizard-container{max-width:700px;margin:0 auto;padding:2rem 1rem 4rem}.mvp-steps-bar{display:flex;justify-content:center;align-items:flex-start;gap:0;margin-bottom:2.5rem;position:relative}.mvp-steps-bar:before{content:"";position:absolute;top:18px;left:15%;right:15%;height:3px;background:var(--outline-variant);z-index:0}.mvp-step-dot{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;z-index:1}.mvp-step-circle{width:36px;height:36px;border-radius:50%;background:var(--surface-container-lowest);border:3px solid var(--outline-variant);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--on-surface-variant);transition:all .3s ease}.mvp-step-dot.active .mvp-step-circle{border-color:var(--primary-container);background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 4px 15px #fdd34d66;transform:scale(1.15)}.mvp-step-dot.done .mvp-step-circle{border-color:var(--secondary);background:var(--secondary);color:#fff}.mvp-step-label{font-size:.75rem;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.03em}.mvp-step-dot.active .mvp-step-label{color:var(--primary)}.mvp-step-dot.done .mvp-step-label{color:var(--secondary)}.mvp-step-content{background:var(--surface-container-lowest);border-radius:2rem;padding:2.5rem;box-shadow:0 10px 40px #3738300f;border:1px solid var(--outline-variant)}.mvp-step-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--on-surface);margin-bottom:.5rem;text-align:center}.mvp-step-description{font-size:1.05rem;color:var(--on-surface-variant);text-align:center;margin-bottom:2rem;line-height:1.6}.mvp-styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.mvp-style-card{border-radius:1.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent;background:var(--surface)}.mvp-style-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #37383014;border-color:#fdd34d4d}.mvp-style-card.selected{border-color:var(--primary-container);box-shadow:0 8px 25px #fdd34d40}.mvp-style-card-preview{aspect-ratio:1;position:relative;overflow:hidden}.mvp-style-card-preview img{width:100%;height:100%;object-fit:cover}.mvp-style-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-container))}.mvp-style-card-placeholder span{font-size:2.5rem;font-weight:800;color:#fff}.mvp-style-card-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;box-shadow:0 2px 8px #00000026}.mvp-style-card-name{padding:.75rem;text-align:center;font-weight:700;font-size:.85rem;color:var(--on-surface)}.mvp-phase-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.mvp-back-btn{padding:.8rem 1.5rem;font-size:1rem;background:var(--surface-container-lowest);color:var(--on-surface-variant);border:2px solid var(--outline-variant);font-weight:700;min-height:auto;box-shadow:none}.mvp-back-btn:hover{border-color:var(--outline);background:var(--surface-container);transform:none;box-shadow:none}.mvp-text-btn{background:transparent;border:none;color:var(--primary);font-weight:700;font-size:.95rem;cursor:pointer;padding:.5rem;min-height:auto;box-shadow:none}.mvp-text-btn:hover{color:var(--secondary);background:transparent;transform:none;box-shadow:none;text-decoration:underline}.mvp-character-details{max-width:500px;margin:0 auto;background:var(--surface);border-radius:1rem;padding:1.5rem;border:1px solid var(--outline-variant)}.mvp-detail-field{margin-bottom:1rem}.mvp-detail-field:last-child{margin-bottom:0}.mvp-detail-label{display:block;font-size:.85rem;font-weight:700;color:var(--on-surface);margin-bottom:.5rem}.mvp-detail-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;border:2px solid var(--outline-variant);border-radius:.75rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;color:var(--on-surface);background:var(--surface-container-lowest);box-sizing:border-box}.mvp-detail-input:focus{border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d4d}.mvp-detail-row{display:flex;gap:1rem}.mvp-detail-hint{font-size:.8rem;color:var(--on-surface-variant);margin-top:.25rem}.mvp-input-short{max-width:120px}.mvp-gender-selector{display:flex;gap:.75rem}.mvp-gender-option{flex:1;max-width:160px;padding:.7rem 1.5rem;border:2px solid var(--outline-variant);border-radius:.75rem;background:var(--surface-container-lowest);font-size:.95rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease;min-height:auto;box-shadow:none;text-transform:none}.mvp-gender-option:hover{border-color:var(--primary-container);transform:none;box-shadow:none}.mvp-gender-option.selected{border-color:var(--primary-container);background:var(--primary-container);color:var(--on-primary-container)}.mvp-creating-spinner{text-align:center;padding:2rem}.mvp-creating-message{font-size:.95rem;color:var(--on-surface-variant);font-weight:600;margin-top:.75rem}.mvp-error-icon{width:64px;height:64px;border-radius:50%;background:var(--error-container);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.mvp-error-banner{background:#be2d060f;border:1px solid rgba(190,45,6,.15);color:var(--error);padding:.75rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:600;text-align:center}.mvp-story-input-group{margin-bottom:1.5rem}.mvp-story-textarea{width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;border:2px solid var(--outline-variant);border-radius:.75rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;color:var(--on-surface);background:var(--surface-container-lowest);box-sizing:border-box;line-height:1.6}.mvp-story-textarea:focus{border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d4d}.mvp-suggestions{margin-bottom:2rem}.mvp-suggestions-label{font-size:.9rem;font-weight:700;color:var(--on-surface-variant);margin-bottom:.75rem;text-align:center}.mvp-suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mvp-suggestion-chip{padding:.5rem 1rem;font-size:.85rem;font-weight:600;background:var(--surface);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:9999px;cursor:pointer;transition:all .2s ease;min-height:auto;box-shadow:none;text-transform:none;letter-spacing:0}.mvp-suggestion-chip:hover{border-color:var(--primary-container);background:#fdd34d14;color:var(--primary);transform:none;box-shadow:none}.mvp-inline-email{max-width:400px;margin:0 auto}.mvp-inline-email-context{font-size:.95rem;color:var(--on-surface-variant);margin-bottom:.75rem;text-align:center}.mvp-inline-email-hint{font-size:.85rem;color:var(--on-surface-variant);text-align:center;margin-top:.5rem}.mvp-auth-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;border:2px solid var(--outline-variant);border-radius:.75rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;color:var(--on-surface);background:var(--surface-container-lowest);box-sizing:border-box;margin-bottom:.75rem}.mvp-auth-input:focus{border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d4d}.mvp-auth-error{color:var(--error);font-size:.85rem;font-weight:600;margin-bottom:.75rem}.mvp-auth-legal{font-size:.75rem;color:var(--on-surface-variant);text-align:center;margin:.75rem 0;line-height:1.5}.mvp-auth-login-link{font-size:.85rem;color:var(--on-surface-variant);text-align:center;margin-top:.5rem}.mvp-existing-user-links{display:flex;flex-direction:column;gap:.25rem;align-items:center;margin-top:.5rem}.mvp-variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem auto;max-width:500px}.mvp-variant-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.mvp-variant-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.mvp-book-page-text{padding:2rem;display:flex;align-items:center}.mvp-book-sample-text{font-size:.95rem;line-height:1.7;color:var(--on-surface);font-style:italic}.mvp-logo,.mvp-nav-links{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.mvp-wizard-container{padding:1rem .5rem 3rem}.mvp-step-content{padding:1.5rem;border-radius:1.5rem}.mvp-styles-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.mvp-step-label{font-size:.65rem}.mvp-step-circle{width:30px;height:30px;font-size:.8rem}.mvp-steps-bar:before{top:15px;left:10%;right:10%}.mvp-phase-buttons{flex-direction:column}.mvp-detail-row{flex-direction:column;gap:.75rem}.mvp-variants-grid{gap:.75rem}}.mvp-nav-center{display:none}@media (min-width: 768px){.mvp-nav-center{display:flex;align-items:center;gap:2rem}}.mvp-nav-link{font-weight:600;color:var(--on-surface-variant);text-decoration:none;transition:all .2s ease;font-size:.95rem}.mvp-nav-link:hover{color:var(--primary);transform:scale(1.05)}.mvp-nav-link.active{color:var(--primary);font-weight:800;border-bottom:3px solid var(--primary-container);padding-bottom:2px}.mvp-nav-signin{background:transparent;color:var(--primary);box-shadow:none;font-weight:700}.mvp-nav-signin:hover{background:transparent;box-shadow:none}.mvp-nav-signup{background:linear-gradient(135deg,var(--primary-container),#f5c842);color:var(--on-primary-container);font-weight:800;box-shadow:0 4px 12px #fdd34d4d;transition:all .2s ease}.mvp-nav-signup:hover{transform:scale(1.05);box-shadow:0 6px 18px #fdd34d66}.mvp-hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;animation:fadeInUp .6s ease .3s both}.mvp-hero-primary-btn{background:linear-gradient(135deg,var(--primary-container),#f5c842);color:var(--on-primary-container);font-size:1.2rem;font-weight:800;padding:1.2rem 2.5rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 10px 30px -10px #70590066;transition:all .25s ease;animation:pulseGlow 3s ease-in-out infinite;position:relative;overflow:hidden}.mvp-hero-primary-btn:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out infinite}.mvp-hero-primary-btn:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 16px 40px -8px #70590080;animation:none}.mvp-hero-secondary-btn{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-surface);font-size:1.1rem;font-weight:700;padding:1rem 2rem;border-radius:9999px;border:1px solid rgba(186,186,175,.2);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .25s ease;box-shadow:none;min-height:auto}.mvp-hero-secondary-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #3738300f}.mvp-showcase-floating-card{background:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:0 20px 50px #3738301a,0 0 0 1px #babaaf1a;position:relative;animation:floatY 5s ease-in-out infinite,fadeInUp .8s ease .4s both;transition:transform .5s ease}.mvp-showcase-floating-card:hover{animation-play-state:paused;transform:rotate(0) scale(1.02)}.mvp-showcase-pair{display:flex;align-items:center;gap:1rem}.mvp-showcase-photo-side,.mvp-showcase-char-side{flex:1}.mvp-showcase-magic-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-container),#f5c842);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #fdd34d66;z-index:2;flex-shrink:0;border:3px solid white;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mvp-showcase-story-tag{display:flex;align-items:center;gap:.75rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 1.25rem;border-radius:1rem;box-shadow:0 8px 24px #37383014;margin-top:1rem;max-width:280px;transform:rotate(-1deg);animation:fadeInUp .8s ease .6s both;border:1px solid rgba(186,186,175,.15)}.mvp-section-header{text-align:center;margin-bottom:3rem}.mvp-section-subtitle{font-size:1.1rem;font-weight:600;color:var(--on-surface-variant);margin-top:.5rem}.mvp-step-icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;transition:transform .3s ease}.mvp-step-card:hover .mvp-step-icon-circle{transform:scale(1.1) rotate(-5deg)}.mvp-step-icon-golden{background:linear-gradient(135deg,var(--primary-container),#f5c842);color:var(--on-primary-container);box-shadow:0 8px 24px #fdd34d4d}.mvp-step-icon-teal{background:linear-gradient(135deg,var(--secondary-container),#70c8f0);color:var(--on-secondary-container);box-shadow:0 8px 24px #97daff4d}.mvp-step-icon-coral{background:linear-gradient(135deg,var(--tertiary-container),#ff7a70);color:var(--on-tertiary-container);box-shadow:0 8px 24px #ff92884d}.mvp-tales-section{max-width:1200px;margin:0 auto;padding:5rem 5%}.mvp-tales-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}.mvp-browse-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--primary);font-weight:800;font-size:1rem;cursor:pointer;box-shadow:none;min-height:auto;padding:0}.mvp-browse-link:hover{text-decoration:underline;background:transparent;box-shadow:none;transform:none}.mvp-tales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.mvp-tale-card{background:var(--surface-container-lowest);padding:1rem;border-radius:1.5rem;box-shadow:0 4px 16px #3738300f;transition:all .35s ease;cursor:pointer}.mvp-tale-card:hover{box-shadow:0 16px 40px #3738301f;transform:translateY(-6px)}.mvp-tale-image{aspect-ratio:3/4;border-radius:1.25rem;overflow:hidden;margin-bottom:1rem;position:relative}.mvp-tale-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mvp-tale-card:hover .mvp-tale-image img{transform:scale(1.06)}.mvp-tale-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,#37383014);pointer-events:none}.mvp-tale-title{font-weight:900;font-size:1.1rem;margin-bottom:.25rem;color:var(--on-surface);line-height:1.3}.mvp-tale-starring{font-size:.75rem;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.06em}.mvp-cta-section{max-width:1000px;margin:0 auto;padding:0 5% 5rem}.mvp-cta-card{background:linear-gradient(135deg,var(--primary),#5c4900);color:var(--surface-container-lowest);border-radius:2.5rem;padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.mvp-cta-card:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(253,211,77,.15) 0%,transparent 70%);top:-150px;right:-100px;border-radius:50%;pointer-events:none}.mvp-cta-card:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(253,211,77,.1) 0%,transparent 70%);bottom:-100px;left:-80px;border-radius:50%;pointer-events:none}.mvp-cta-card h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff2d4;letter-spacing:-.02em;position:relative}.mvp-cta-card p{font-size:1.2rem;color:#fff2d4d9;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative}.mvp-cta-button{background:#fff;color:var(--primary);font-size:1.3rem;font-weight:900;padding:1.2rem 3rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 10px 30px #00000026;transition:all .25s ease;position:relative}.mvp-cta-button:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 16px 45px #00000040}.mvp-cta-features{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.8rem;font-weight:700;color:#fff2d4b3;text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap}.mvp-cta-dot{width:4px;height:4px;border-radius:50%;background:#fff2d480}.mvp-footer-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:2rem;flex-wrap:wrap}.mvp-footer-brand{display:flex;flex-direction:column;gap:.25rem}.mvp-footer-logo{font-weight:900;font-size:1.2rem;color:var(--primary)}.mvp-footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.mvp-footer-links a{font-size:.85rem;font-weight:600;color:var(--on-surface-variant);text-decoration:none}.mvp-footer-links a:hover{color:var(--primary)}@media (max-width: 768px){.mvp-hero-buttons{flex-direction:column;align-items:stretch}.mvp-hero-primary-btn,.mvp-hero-secondary-btn{width:100%;justify-content:center}.mvp-tales-header{flex-direction:column;align-items:flex-start}.mvp-tales-grid{grid-template-columns:repeat(2,1fr)}.mvp-cta-card h2{font-size:1.8rem}.mvp-cta-card p{font-size:1rem}.mvp-footer-inner{flex-direction:column;text-align:center}}.book-flow-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--surface, #faf7f2);font-family:Plus Jakarta Sans,sans-serif}.book-flow-card{background:#fff;border-radius:1.5rem;padding:2.5rem 2rem;max-width:640px;width:100%;box-shadow:0 8px 25px #3738300f;text-align:center;font-family:Plus Jakarta Sans,sans-serif}.book-flow-card h1{font-family:Plus Jakarta Sans,sans-serif;font-size:1.8rem;margin-bottom:1.5rem;color:var(--on-surface)}.book-flow-spinner{width:48px;height:48px;border:4px solid var(--outline-variant);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto}.book-flow-status{color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;margin:.5rem 0 1rem}.book-flow-progress{height:8px;background:var(--outline-variant);border-radius:9999px;overflow:hidden;margin:.5rem 0}.book-flow-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--secondary-container));border-radius:9999px;transition:width .4s ease}.book-flow-error{color:var(--error);background:#be2d060f;border:1px solid rgba(190,45,6,.15);border-radius:.75rem;padding:.75rem 1rem;margin:.75rem 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem}.book-flow-label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;margin-bottom:.5rem;text-align:left;color:var(--on-surface)}.book-flow-input{width:100%;padding:.75rem 1rem;border:2px solid var(--outline-variant);border-radius:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;margin-bottom:1rem;box-sizing:border-box;color:var(--on-surface);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.book-flow-input:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d26}.book-flow-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--outline-variant);border-radius:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;resize:vertical;box-sizing:border-box;color:var(--on-surface);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.book-flow-textarea:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d26}.book-flow-hint{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--outline);text-align:right;margin-top:.25rem}.book-flow-btn{display:inline-block;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;padding:.8rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:1rem;transition:opacity .2s ease,transform .15s ease}.book-flow-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.book-flow-btn:disabled{opacity:.5;cursor:not-allowed}.book-flow-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff}.book-flow-character-img{width:160px;height:160px;object-fit:cover;border-radius:1.5rem;margin:0 auto 1.5rem;display:block;box-shadow:0 8px 25px #3738301a}.book-flow-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.book-flow-tab{flex:1;padding:.6rem;border:2px solid var(--outline-variant);border-radius:.75rem;background:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;color:var(--on-surface-variant);transition:all .2s ease}.book-flow-tab.active{border-color:var(--primary-container);color:var(--on-primary-container);background:#fdd34d14}.book-flow-tab-content{margin-top:1rem}.book-flow-loading,.book-flow-empty{text-align:center;padding:2rem;font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface-variant);font-size:1rem}.book-flow-templates{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;margin-bottom:1rem}.book-flow-template-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:2px solid var(--outline-variant);border-radius:.75rem;cursor:pointer;text-align:left;background:#fff;transition:border-color .2s ease,background .2s ease}.book-flow-template-card.selected{border-color:var(--primary-container);background:#fdd34d14}.book-flow-template-card img{width:60px;height:60px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.book-flow-template-card strong{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;color:var(--on-surface)}.book-flow-template-card p{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--on-surface-variant);margin:0}.book-flow-pages-preview{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.book-flow-page-card{border-radius:.75rem;overflow:hidden;box-shadow:0 4px 15px #37383014;background:#fff}.book-flow-page-card img{width:100%;aspect-ratio:1;object-fit:cover}.book-flow-page-card span{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--on-surface-variant);padding:.4rem}.book-flow-purchase-section{text-align:center;padding-top:1rem;border-top:1px solid var(--outline-variant)}.book-flow-coin-balance,.book-flow-cost{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;margin:.25rem 0;color:var(--on-surface)}.book-full-card{max-width:800px}.book-full-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;text-align:left}.book-full-page-card{border:1px solid var(--outline-variant);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 15px #3738300f;background:#fff}.book-full-page-card img{width:100%;aspect-ratio:1;object-fit:cover}.book-full-page-placeholder{width:100%;aspect-ratio:1;background:var(--surface-container);display:flex;align-items:center;justify-content:center;color:var(--outline);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem}.book-full-page-text{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;padding:.5rem .75rem 0;color:var(--on-surface);line-height:1.5}.book-full-page-actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-top:1px solid var(--outline-variant)}.book-full-regen-count{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;color:var(--outline)}.book-full-regen-btn{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;padding:.3rem .75rem;border:1px solid var(--primary-container);border-radius:9999px;color:var(--on-primary-container);background:#fff;cursor:pointer;transition:all .2s ease}.book-full-regen-btn:disabled{opacity:.4;cursor:not-allowed}.book-full-regen-btn:hover:not(:disabled){background:#fdd34d14}.book-viewer-page{min-height:100vh;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;font-family:Plus Jakarta Sans,sans-serif}.book-viewer-header{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;color:#fff}.book-viewer-back{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.5rem 1rem;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease}.book-viewer-back:hover{background:#ffffff26}.book-viewer-spread{flex:1;width:100%;max-width:600px;padding:1rem 1.5rem}.book-viewer-spread-page img{width:100%;border-radius:1rem;box-shadow:0 12px 40px #00000080}.book-viewer-text{color:#ffffffe6;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;line-height:1.7;text-align:center;margin-top:1rem}.book-viewer-nav{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;color:#fff}.book-viewer-nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:9999px;padding:.6rem 1.5rem;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease}.book-viewer-nav-btn:hover:not(:disabled){background:#ffffff2e}.book-viewer-nav-btn:disabled{opacity:.3;cursor:not-allowed}.book-viewer-page-count{min-width:80px;text-align:center;font-family:Plus Jakarta Sans,sans-serif}.coin-balance{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;background:var(--primary-container);color:var(--on-primary-container);border-radius:9999px;padding:.3rem .75rem;margin-right:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background:#fff;border-radius:1.5rem;padding:2rem;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 16px 48px #3738301f;font-family:Plus Jakarta Sans,sans-serif}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--outline);line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--on-surface)}.modal-coming-soon{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;margin:1rem 0 .5rem;color:var(--on-surface)}.modal-hint{font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface-variant);font-size:.9rem;margin-bottom:1.5rem}.modal-products{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0}.modal-product-btn{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border:2px solid var(--outline-variant);border-radius:.75rem;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;min-height:auto;box-shadow:none;text-align:left;font-family:Plus Jakarta Sans,sans-serif}.modal-product-btn:hover{border-color:var(--primary-container);background:#fdd34d14;transform:none;box-shadow:none}.modal-product-btn.recommended{border-color:var(--primary-container);background:#fdd34d14}.modal-product-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;color:var(--on-surface)}.modal-product-price{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;color:var(--primary-container)}.modal-product-badge{position:absolute;top:-8px;right:12px;background:var(--primary-container);color:var(--on-primary-container);font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:9999px;text-transform:uppercase}.modal-product-loading{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--outline-variant);margin-left:.5rem}.book-flow-variants{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.book-flow-variants img{width:80px;height:80px;object-fit:cover;border-radius:.75rem;opacity:.7}.book-flow-card--wide{max-width:700px}.book-flow-subtitle{font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface-variant);margin-bottom:1.5rem;font-size:1rem}.book-flow-variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.book-flow-variant-btn{position:relative;background:none;border:3px solid transparent;border-radius:1rem;padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .15s ease}.book-flow-variant-btn:hover:not(:disabled){border-color:var(--primary-container);transform:translateY(-2px)}.book-flow-variant-btn.selected{border-color:var(--primary-container)}.book-flow-variant-btn:disabled{cursor:not-allowed;opacity:.7}.book-flow-variant-btn img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:.75rem}.book-flow-variant-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;border-radius:.75rem}.book-flow-spinner-sm{width:28px;height:28px;border:3px solid var(--outline-variant);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite}.book-preview-wide-card{max-width:860px;text-align:left}.book-preview-wide-card h1{text-align:center}.book-preview-status{margin-bottom:1.5rem}.book-preview-pages-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.book-preview-page-row{display:flex;gap:1rem;align-items:flex-start;background:var(--surface-container-low, #faf7f2);border:1px solid var(--outline-variant);border-radius:1rem;padding:.75rem}.book-preview-page-image-wrap{flex:0 0 120px}.book-preview-page-image-wrap img{width:120px;height:120px;object-fit:cover;border-radius:.75rem;display:block}.book-preview-placeholder{width:120px;height:120px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.book-preview-placeholder.loading{background:linear-gradient(135deg,var(--surface-container) 0%,var(--surface-container-low) 100%);animation:preview-pulse 1.5s ease-in-out infinite}.book-preview-placeholder.locked{background:linear-gradient(135deg,var(--outline-variant),var(--surface-container-high));position:relative;overflow:hidden}.book-preview-placeholder.locked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(0,0,0,.03) 8px,rgba(0,0,0,.03) 16px)}.book-preview-locked-content{color:var(--outline-variant);z-index:1;position:relative}.book-preview-page-locked{opacity:.7}.book-preview-text-blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}@keyframes preview-pulse{0%,to{opacity:1}50%{opacity:.6}}.book-preview-spinner{width:28px;height:28px;border:3px solid var(--outline-variant);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite;display:block}.book-preview-lock-icon{font-size:1.5rem;opacity:.4}.book-preview-page-text{flex:1}.book-preview-page-num{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;color:var(--outline);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.book-preview-page-text p{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;line-height:1.6;color:var(--on-surface)}.book-flow-fun-fact{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--surface-container-low);border-radius:1rem;border-left:3px solid var(--primary-container);max-width:400px;margin-left:auto;margin-right:auto}.book-flow-fun-fact p{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:var(--on-surface-variant);font-style:italic;line-height:1.5;margin:0}.book-flow-wait-estimate{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--outline);font-weight:600;margin:.25rem 0 .5rem}.book-flow-cancel-link{background:none;border:none;color:var(--outline);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;cursor:pointer;margin-top:1.5rem;padding:.5rem;text-decoration:underline;min-height:auto;box-shadow:none}.book-flow-cancel-link:hover{color:var(--on-surface-variant);background:none;box-shadow:none;transform:none}.book-flow-comparison{display:flex;align-items:flex-start;gap:1.5rem;margin-top:1rem}.book-flow-original{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.book-flow-original img{width:120px;height:120px;object-fit:cover;border-radius:1rem;border:2px solid var(--outline-variant);cursor:pointer}.book-flow-original-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;color:var(--outline);text-transform:uppercase;letter-spacing:.03em}.book-flow-variant-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem}.book-flow-variant-actions .book-flow-btn{max-width:320px}.book-flow-regen-btn{background:none;border:none;color:var(--outline);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;text-decoration:underline;min-height:auto;box-shadow:none}.book-flow-regen-btn:hover{color:var(--primary-container);background:none;box-shadow:none;transform:none}.book-flow-regen-btn:disabled{opacity:.5;cursor:not-allowed}.book-flow-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.book-flow-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:1.5rem;box-shadow:0 20px 60px #00000080}.book-flow-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:auto;box-shadow:none;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease}.book-flow-lightbox-close:hover{background:#ffffff40;transform:none;box-shadow:none}.book-flow-lightbox-select{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:12px 32px;border:none;border-radius:9999px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #0000004d;min-height:auto;white-space:nowrap}.book-flow-lightbox-select:hover{transform:translate(-50%) scale(1.05);box-shadow:0 10px 28px #0006}.book-flow-zoom-hint{position:absolute;bottom:0;left:0;right:0;padding:6px;background:#00000080;color:#fff;font-size:.75rem;font-weight:600;text-align:center;opacity:0;transition:opacity .2s ease;border-radius:0 0 .75rem .75rem}.book-flow-variant-btn:hover .book-flow-zoom-hint{opacity:1}@media (max-width: 600px){.book-flow-comparison{flex-direction:column;align-items:center}.book-flow-original img{width:80px;height:80px}}.book-flow-character-context{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;color:var(--on-surface-variant)}.book-flow-context-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-container)}.book-flow-template-tone{display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-container-high);color:var(--on-surface-variant);padding:2px 8px;border-radius:9999px;margin-top:.25rem}.book-flow-template-sample{font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;color:var(--outline);font-style:italic;margin-top:.4rem;line-height:1.4}.book-flow-theme-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.book-flow-theme-tag{padding:.35rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:600;border:2px solid var(--outline-variant);border-radius:9999px;background:#fff;color:var(--on-surface-variant);cursor:pointer;min-height:auto;box-shadow:none;transition:all .2s ease}.book-flow-theme-tag:hover{border-color:var(--primary-container);color:var(--on-primary-container);background:#fff;box-shadow:none;transform:none}.book-flow-theme-tag.active{border-color:var(--primary-container);background:#fdd34d14;color:var(--on-primary-container)}.book-flow-story-review{text-align:left;margin:1.5rem 0 2rem;max-height:480px;overflow-y:auto;padding:1.5rem;background:linear-gradient(135deg,var(--surface-container-low, #faf7f2) 0%,#fef9ee 100%);border-radius:1.5rem;border:1px solid var(--outline-variant);box-shadow:inset 0 2px 8px #37383008}.book-flow-story-review::-webkit-scrollbar{width:6px}.book-flow-story-review::-webkit-scrollbar-track{background:transparent}.book-flow-story-review::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}.book-flow-story-page{padding:1.25rem 1.5rem;margin-bottom:1rem;background:#fff;border-radius:1rem;border:none;box-shadow:0 4px 15px #3738300a;position:relative;border-left:none}.book-flow-story-page:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:linear-gradient(to bottom,var(--primary-container),var(--tertiary-container, #f6ad55));border-radius:2px}.book-flow-story-page-num{font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-container);display:block;margin-bottom:.5rem}.book-flow-story-page p{margin:0;font-size:1.05rem;line-height:1.75;color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif}.book-flow-review-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem}.book-flow-review-actions .book-flow-btn{max-width:360px;font-size:1.1rem;padding:1rem 2rem}.book-flow-story-header{display:flex;align-items:center;justify-content:center;gap:.5rem}.book-flow-story-icon{font-size:1.8rem}.book-flow-story-header h1{margin:0}.book-preview-sell{text-align:center;padding:1.5rem;margin:1rem 0;background:linear-gradient(135deg,var(--surface-container-low) 0%,var(--surface-container) 100%);border-radius:1.5rem;border:1px solid var(--outline-variant)}.book-preview-sell-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.book-preview-sell-icon{font-size:1.5rem}.book-preview-sell-header h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.3rem;color:var(--on-surface);margin:0}.book-preview-sell-text{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;color:var(--on-surface-variant);line-height:1.5;max-width:480px;margin:0 auto 1.25rem}.book-preview-sell-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.book-preview-sell-stat{display:flex;flex-direction:column;align-items:center}.book-preview-sell-stat strong{font-size:1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--primary-container)}.book-preview-sell-stat span{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;color:var(--outline);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.book-preview-urgency{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--tertiary);font-weight:700;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:9999px;padding:.5rem 1rem;display:inline-block;margin:0}.book-preview-share-btn{background:none;border:none;color:var(--outline);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;min-height:auto;box-shadow:none;text-decoration:underline;margin-top:.5rem}.book-preview-share-btn:hover{color:var(--primary-container);background:none;box-shadow:none;transform:none}.book-preview-testimonial{text-align:center;margin-top:1.5rem;padding:1.25rem;background:var(--surface-container-low);border-radius:1rem}.book-preview-testimonial p{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-style:italic;color:var(--on-surface-variant);line-height:1.5;margin:0 0 .5rem}.book-preview-testimonial span{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;color:var(--outline)}@media (max-width: 600px){.book-preview-sell-stats{gap:1rem}.book-preview-sell-stat strong{font-size:1.2rem}}.story-pick-page{min-height:100vh;background:var(--surface, #faf7f2);font-family:Plus Jakarta Sans,sans-serif;padding-bottom:4rem}.story-celebration-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fef9e7,#fdf2d5);border-bottom:1px solid #f0d97a;color:#6b5900;font-weight:600;font-size:1.05rem;animation:celebrationSlideIn .4s ease-out}.story-celebration-icon{font-size:1.3rem}.story-celebration-close{background:none;border:none;color:#6b5900;font-size:1.2rem;cursor:pointer;padding:0 .25rem;margin-left:.5rem;opacity:.6}.story-celebration-close:hover{opacity:1}@keyframes celebrationSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.story-pick-hero{text-align:center;padding:1rem 1.5rem 2rem;max-width:680px;margin:0 auto}.story-pick-title{font-size:2.4rem;font-weight:800;color:var(--on-surface);margin:0 0 .75rem;line-height:1.2}.story-pick-subtitle{font-size:1rem;color:var(--on-surface-variant);margin:0 0 1.5rem;line-height:1.5}.story-pick-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.story-pick-character{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--on-surface-variant);background:#fff;padding:.3rem .7rem .3rem .3rem;border-radius:9999px;border:1px solid var(--outline-variant);white-space:nowrap;height:36px;box-sizing:border-box}.story-pick-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--primary-container)}.story-pick-characters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.story-pick-char-remove{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:none;cursor:pointer;padding:0;margin-left:.1rem;color:#c1440e;font-size:1.3rem;font-weight:700;line-height:1;transition:opacity .15s ease}.story-pick-char-remove:hover{opacity:.7}.story-pick-add-char{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--outline, #999);background:transparent;border:1.5px dashed var(--outline-variant);border-radius:9999px;padding:.35rem .8rem .35rem .55rem;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s ease;white-space:nowrap;height:36px;box-sizing:border-box}.story-pick-add-char:hover{border-color:var(--on-surface-variant);color:var(--on-surface-variant)}.story-pick-addchar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.story-pick-addchar-modal{background:#fff;border-radius:1.5rem;padding:2rem;max-width:480px;width:100%;position:relative;max-height:80vh;overflow-y:auto}.story-pick-addchar-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--on-surface-variant);padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-pick-addchar-close:hover{background:#0000000f}.story-pick-addchar-title{font-size:1.3rem;font-weight:800;color:var(--on-surface);margin:0 0 .25rem}.story-pick-addchar-desc{font-size:.9rem;color:var(--on-surface-variant);margin:0 0 1.25rem}.story-pick-addchar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.story-pick-addchar-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;border:2px solid var(--outline-variant);border-radius:1rem;background:#fff;cursor:pointer;transition:all .2s ease;font-family:Plus Jakarta Sans,sans-serif}.story-pick-addchar-card:hover{border-color:var(--primary-container);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.story-pick-addchar-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-container)}.story-pick-addchar-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--surface-container, #f0ede6);display:flex;align-items:center;justify-content:center}.story-pick-addchar-name{font-size:.8rem;font-weight:600;color:var(--on-surface);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.story-pick-toggle{display:inline-flex;background:#fff;border-radius:9999px;border:1px solid var(--outline-variant);padding:4px;gap:0}.story-pick-toggle-btn{padding:.6rem 1.4rem;border:none;border-radius:9999px;background:transparent;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all .25s ease;white-space:nowrap}.story-pick-toggle-btn.active{background:var(--on-surface, #1a1a1a);color:#fff}.story-pick-error{max-width:640px;margin:0 auto 1rem;padding:.75rem 1rem;background:#be2d060f;border:1px solid rgba(190,45,6,.15);border-radius:.75rem;color:var(--error);font-size:.9rem;text-align:center}.story-pick-browse{max-width:960px;margin:0 auto;padding:0 1.5rem}.story-pick-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.story-pick-filter{padding:.45rem 1rem;border:1.5px solid var(--outline-variant);border-radius:9999px;background:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease}.story-pick-filter:hover{border-color:var(--primary-container)}.story-pick-filter.active{background:var(--on-surface, #1a1a1a);color:#fff;border-color:var(--on-surface, #1a1a1a)}.story-pick-loading,.story-pick-empty{text-align:center;padding:3rem 1rem;color:var(--on-surface-variant)}.story-pick-spinner{width:40px;height:40px;border:3px solid var(--outline-variant);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.story-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.story-card-v2{background:#fff;border-radius:1.25rem;overflow:hidden;border:1px solid var(--outline-variant);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.story-card-v2:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3738301a}.story-card-v2-img{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-container, #f0ede6);position:relative}.story-card-v2-img img{width:100%;height:100%;object-fit:cover;display:block}.story-card-v2-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.story-card-v2-title{font-size:1.1rem;font-weight:800;color:var(--on-surface);margin:0 0 .5rem;line-height:1.3}.story-card-v2-desc{font-size:.88rem;color:var(--on-surface-variant);line-height:1.5;margin:0 0 .75rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-v2-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.story-card-v2-tag{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px;background:var(--surface-container, #f0ede6);color:var(--on-surface-variant)}.story-card-v2-btn{width:100%;padding:.7rem;border:1.5px solid var(--on-surface, #1a1a1a);border-radius:9999px;background:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;color:var(--on-surface);cursor:pointer;transition:all .2s ease}.story-card-v2-btn:hover:not(:disabled){background:var(--on-surface, #1a1a1a);color:#fff}.story-card-v2-btn:disabled{opacity:.5;cursor:not-allowed}.story-pick-create{max-width:640px;margin:0 auto;padding:0 1.5rem}.story-pick-create-card{background:linear-gradient(165deg,#fef9ee,#faf7f2,#fdd34d0f);border-radius:1.5rem;padding:2.5rem 2rem;text-align:center;border:1px solid var(--outline-variant)}.story-pick-create-title{font-size:1.6rem;font-weight:800;color:var(--on-surface);margin:0 0 .5rem}.story-pick-create-sub{font-size:.95rem;color:var(--on-surface-variant);margin:0 0 2rem}.story-pick-create-label{font-size:.95rem;font-weight:700;color:var(--on-surface);margin:0 0 .75rem}.story-pick-themes{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.story-pick-theme{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.5rem;border:2px solid var(--outline-variant);border-radius:1rem;background:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease}.story-pick-theme:hover{border-color:var(--primary-container)}.story-pick-theme.active{border-color:var(--primary-container);background:#fdd34d14;color:var(--on-primary-container)}.story-pick-theme-icon{font-size:1.5rem}.story-pick-textarea{width:100%;padding:1rem;border:2px solid var(--outline-variant);border-radius:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;resize:vertical;box-sizing:border-box;color:var(--on-surface);background:#fff;margin-bottom:1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.story-pick-textarea:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d26}.story-pick-textarea::placeholder{color:var(--outline);font-style:italic}.story-pick-generate-btn{display:inline-block;padding:.9rem 2.5rem;border:none;border-radius:9999px;background:var(--error, #c1440e);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.story-pick-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.story-pick-generate-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.story-pick-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.story-pick-title{font-size:1.8rem}.story-pick-hero{padding:2rem 1rem 1.5rem}}@media (max-width: 480px){.story-pick-grid{grid-template-columns:1fr}.story-pick-toggle{flex-direction:column;border-radius:1rem;width:100%}.story-pick-toggle-btn{padding:.7rem 1rem}.story-pick-themes{gap:.5rem}.story-pick-theme{padding:.75rem 1rem}.story-pick-create-card{padding:1.5rem 1rem}}.story-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.story-preview-modal{background:#fff;border-radius:1.5rem;max-width:680px;width:100%;position:relative;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.story-preview-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;cursor:pointer;color:var(--on-surface-variant);padding:.25rem;z-index:2;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000026}.story-preview-scroll{flex:1;overflow-y:auto;padding:2rem 2rem 1rem}.story-preview-cover{border-radius:1rem;overflow:hidden;margin-bottom:1.25rem}.story-preview-cover img{width:100%;display:block;border-radius:1rem}.story-preview-title{font-size:1.6rem;font-weight:800;color:var(--on-surface);margin:0 0 .5rem}.story-preview-desc{font-size:.95rem;color:var(--on-surface-variant);margin:0 0 1.5rem;line-height:1.5}.story-preview-pages{border-top:1px solid var(--outline-variant, #e5e0d8);padding-top:1rem;margin-bottom:1.5rem}.story-preview-pages-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin:0 0 .75rem}.story-preview-page{padding:.75rem 0;border-bottom:1px solid var(--outline-variant, #e5e0d8)}.story-preview-page:last-child{border-bottom:none}.story-preview-page-num{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #8b7500);background:var(--primary-container, #fef9e7);padding:.15rem .5rem;border-radius:4px;margin-bottom:.35rem}.story-preview-page-text{font-size:.92rem;line-height:1.6;color:var(--on-surface);margin:.35rem 0 0;font-style:italic}.story-preview-actions{display:flex;gap:.75rem;align-items:center;padding:1rem 2rem;border-top:1px solid var(--outline-variant, #e5e0d8);background:#fff;flex-shrink:0}.story-preview-back{padding:.7rem 1.5rem;border-radius:999px;border:1.5px solid var(--outline-variant, #ccc);background:#fff;font-weight:600;font-size:.95rem;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface)}.story-preview-start{flex:1;padding:.7rem 1.5rem;border-radius:999px;border:none;background:var(--primary, #8b7500);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:opacity .2s}.story-preview-start:hover{opacity:.9}.story-preview-start:disabled{opacity:.5;cursor:not-allowed}.jsp-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.jsp-spinner{width:48px;height:48px;border:4px solid var(--outline-variant);border-top-color:var(--secondary);border-radius:50%;animation:jsp-spin .9s linear infinite}@keyframes jsp-spin{to{transform:rotate(360deg)}}.jsp-message{font-family:Plus Jakarta Sans,sans-serif;color:var(--on-surface-variant);font-size:1rem;text-align:center;margin:0}.jsp-progress-track{width:100%;max-width:280px;height:8px;background:var(--outline-variant);border-radius:9999px;overflow:hidden}.jsp-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-container),var(--primary));border-radius:9999px;transition:width .4s ease}.jsp-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--error);text-align:center;padding:1.5rem;font-family:Plus Jakarta Sans,sans-serif}.jsp-retry-btn{padding:.5rem 1.5rem;background:var(--primary-container);color:var(--on-surface);border:none;border-radius:9999px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .25s ease}.jsp-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fdd34d4d}.share-btn-wrapper{position:relative}.share-popover{position:absolute;top:calc(100% + .5rem);right:0;width:320px;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:1rem;padding:1rem;box-shadow:0 8px 32px #00000026;z-index:100;animation:share-pop-in .2s ease}@keyframes share-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.share-popover-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--on-surface);font-weight:700;font-size:.95rem}.share-popover-title{font-size:.95rem}.share-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.share-toggle-label{display:flex;flex-direction:column;gap:.15rem}.share-toggle-label strong{font-size:.9rem;color:var(--on-surface)}.share-toggle-desc{font-size:.78rem;color:var(--on-surface-variant)}.share-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:2px solid var(--outline);background:var(--surface-container-high);cursor:pointer;transition:all .25s ease;padding:0;min-height:auto;box-shadow:none;flex-shrink:0}.share-toggle:hover{box-shadow:none;transform:none}.share-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--outline);transition:all .25s ease}.share-toggle-on{background:var(--primary-container);border-color:var(--primary)}.share-toggle-on .share-toggle-thumb{left:22px;background:var(--primary)}.share-toggle:disabled{opacity:.5;cursor:not-allowed}.share-link-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--outline-variant)}.share-link-input{display:flex;gap:.5rem;align-items:stretch}.share-link-input input{flex:1;padding:.5rem .75rem;border:1px solid var(--outline-variant);border-radius:.5rem;font-size:.8rem;color:var(--on-surface);background:var(--surface-container);min-width:0;outline:none;font-family:Plus Jakarta Sans,sans-serif}.share-link-input input:focus{border-color:var(--primary)}.share-copy-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:.5rem;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;min-height:auto;box-shadow:none;transition:all .2s ease}.share-copy-btn:hover{background:var(--primary);color:#fff;transform:none;box-shadow:none}.rv-page{width:100%;font-family:Plus Jakarta Sans,sans-serif;position:relative}.rv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1rem;color:var(--on-surface-variant)}.rv-spinner{width:48px;height:48px;border:4px solid var(--surface-container-high);border-top-color:var(--secondary);border-radius:50%;animation:rv-spin .8s linear infinite}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-controls{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;padding:0 0 .75rem}.rv-page-counter{display:flex;align-items:center;gap:.5rem;background:var(--surface-container-high);padding:.5rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--on-surface-variant)}.rv-fullscreen-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.75rem;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease;padding:0;min-height:auto;box-shadow:none}.rv-fullscreen-btn:hover{background:#fdd34d1f;border-color:var(--primary-container);transform:none;box-shadow:none}.rv-fullscreen-btn:disabled{opacity:.4;cursor:not-allowed}.rv-narration-active{background:#fdd34d26;border-color:var(--primary-container);color:var(--primary)}.rv-fullscreen .rv-narration-active{background:#fdd34d40;border-color:var(--primary-container);color:var(--primary-container)}.rv-play-fab{position:absolute;top:1rem;left:1rem;z-index:15;display:flex;align-items:center;gap:.5rem;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.6rem 1.25rem .6rem .75rem;color:#fff;cursor:pointer;transition:all .25s ease;min-height:auto;box-shadow:0 4px 20px #0000004d}.rv-play-fab .material-symbols-outlined{font-size:1.4rem}.rv-play-fab-label{font-size:.85rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.rv-play-fab:hover{background:#fdd34d40;border-color:var(--primary-container);transform:scale(1.05);box-shadow:0 6px 24px #fdd34d4d}.rv-play-fab-playing{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);padding:.6rem .85rem;animation:rv-pulse-glow 2s ease-in-out infinite}.rv-play-fab-playing:hover{background:var(--primary);color:var(--on-primary-container)}@keyframes rv-pulse-glow{0%,to{box-shadow:0 4px 20px #fdd34d4d}50%{box-shadow:0 4px 28px #fdd34d80}}.rv-exit-btn{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;border:none;border-radius:9999px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #7a610033;transition:all .2s ease;min-height:auto}.rv-exit-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px #7a61004d}.rv-gen-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#fdd34d14,#fdd34d0a);border:1px solid rgba(253,211,77,.15);border-radius:.75rem;color:var(--on-surface-variant);font-size:.85rem;font-weight:600;margin-bottom:.75rem}.rv-gen-spinner{width:16px;height:16px;border:2px solid var(--surface-container-high);border-top-color:var(--secondary);border-radius:50%;animation:rv-spin .8s linear infinite}.rv-canvas{display:flex;align-items:center;justify-content:center}.rv-reader-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:1.25rem;overflow:hidden;box-shadow:0 20px 60px #3738301f;background:var(--surface-container)}.rv-fade-in{animation:rv-fadein .35s ease forwards}.rv-fade-out{animation:rv-fadeout .2s ease forwards}@keyframes rv-fadein{0%{opacity:0}to{opacity:1}}@keyframes rv-fadeout{0%{opacity:1}to{opacity:0}}.rv-blur-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(30px);transform:scale(1.1);transition:opacity .3s ease;z-index:0}.rv-full-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;z-index:1}.rv-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--surface-container),var(--surface-container-high));z-index:3;display:flex;align-items:center;justify-content:center}.rv-img-error{z-index:4;flex-direction:column;gap:.75rem}.rv-retry-btn{display:flex;align-items:center;gap:.35rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;min-height:auto;box-shadow:0 2px 8px #fdd34d33;transition:all .2s ease}.rv-retry-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #fdd34d4d}.rv-page-loader{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.rv-loader-large{transform:scale(1.3)}.rv-loader-book{position:relative;width:48px;height:36px;perspective:200px}.rv-loader-page{position:absolute;width:22px;height:32px;top:2px;left:24px;background:var(--primary-container);border-radius:0 3px 3px 0;transform-origin:left center;box-shadow:inset -2px 0 4px #7a61001a}.rv-loader-page-1{background:var(--primary-container);animation:rv-page-flip 1.8s ease-in-out infinite;z-index:3}.rv-loader-page-2{background:#fdd34d99;animation:rv-page-flip 1.8s ease-in-out .15s infinite;z-index:2}.rv-loader-page-3{background:#fdd34d4d;animation:rv-page-flip 1.8s ease-in-out .3s infinite;z-index:1}.rv-loader-book:before{content:"";position:absolute;left:20px;top:0;width:8px;height:36px;background:linear-gradient(90deg,var(--primary),var(--primary-container));border-radius:2px;z-index:5}.rv-loader-book:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:32px;background:var(--surface-container-lowest);border-radius:3px 0 0 3px;border:1px solid var(--outline-variant);z-index:0}@keyframes rv-page-flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(-160deg)}}.rv-loader-text{font-size:.85rem;font-weight:600;color:var(--on-surface-variant);animation:rv-loader-pulse 2s ease-in-out infinite}.rv-text-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(55,56,48,.85) 0%,rgba(55,56,48,.4) 35%,transparent 100%);z-index:2;pointer-events:none}.rv-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem 2rem;z-index:5;display:flex;justify-content:center}.rv-text-card{background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1.25rem;padding:1.5rem 2rem;max-width:700px;width:100%;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.rv-story-text{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.7;text-align:center;letter-spacing:.01em;margin:0}.rv-page-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.rv-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .25s ease;border:none;padding:0}.rv-dot-active{width:28px;border-radius:4px;background:var(--primary-container)}.rv-dot:hover:not(.rv-dot-active){background:#ffffff80}.rv-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s ease;padding:0;min-height:auto;box-shadow:none}.rv-nav-left{left:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.rv-nav-left:hover{background:#fff3;transform:translateY(-50%) scale(1.08);box-shadow:none}.rv-nav-right{right:1rem;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 4px 16px #fdd34d66}.rv-nav-right:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 6px 24px #fdd34d80}.rv-gen-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--surface-container),var(--surface-container-high))}@keyframes rv-loader-pulse{0%,to{opacity:1}50%{opacity:.5}}.rv-dedication-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fdf8f0,#f5efe4)}.rv-dedication-frame .dedication-page{max-width:500px;width:90%}.rv-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;height:100vh;height:100dvh;width:100vw;background:var(--surface);display:flex;flex-direction:column}.rv-fullscreen .rv-controls{position:absolute;top:1rem;right:1rem;z-index:30;padding:0}.rv-fullscreen .rv-page-counter{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.rv-fullscreen .rv-fullscreen-btn{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border-color:#ffffff26}.rv-fullscreen .rv-exit-btn{background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none;border:1px solid rgba(255,255,255,.15)}.rv-fullscreen .rv-play-fab{top:1.5rem;left:1.5rem}.rv-fullscreen .rv-canvas{flex:1;padding:0}.rv-fullscreen .rv-reader-frame{max-width:100%;width:100%;height:100%;aspect-ratio:unset;border-radius:0}.rv-fullscreen .rv-gen-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:30;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff1a;color:#ffffffe6;border-radius:9999px}.rv-bg-deco{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.rv-fullscreen .rv-bg-deco{display:none}.rv-bg-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.08}.rv-bg-blob-1{top:-10%;right:-5%;width:40%;height:40%;background:var(--primary-container)}.rv-bg-blob-2{bottom:-10%;left:-5%;width:30%;height:30%;background:var(--secondary-container)}@media (max-width: 768px){.rv-reader-frame{aspect-ratio:4/3;border-radius:1rem}.rv-story-text{font-size:1rem}.rv-text-card{padding:1rem 1.25rem}.rv-nav-arrow{width:44px;height:44px}.rv-nav-left{left:.5rem}.rv-nav-right{right:.5rem}.rv-play-fab{padding:.5rem 1rem .5rem .6rem}.rv-play-fab .material-symbols-outlined{font-size:1.2rem}.rv-play-fab-label{font-size:.8rem}.rv-exit-btn span:last-child{display:none}}@media (max-width: 480px){.rv-text-overlay{padding:1rem}.rv-story-text{font-size:.9rem;line-height:1.6}.rv-reader-frame{aspect-ratio:3/4}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal-card{background:#fff;border-radius:1.25rem;padding:1.75rem;max-width:420px;width:100%;box-shadow:0 20px 50px #0003;position:relative;font-family:Plus Jakarta Sans,sans-serif;animation:confirm-modal-pop .18s ease-out}@keyframes confirm-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-modal-title{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;color:var(--on-surface, #1a1a1a)}.confirm-modal-message{margin:0 0 1.5rem;color:var(--on-surface-variant, #555);line-height:1.5}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.confirm-modal-btn{padding:.7rem 1.2rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;transition:transform .15s ease,opacity .15s ease,background .15s ease;min-width:100px}.confirm-modal-btn:hover:not(:disabled){transform:translateY(-1px)}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-btn-cancel{background:#f1f1f3;color:var(--on-surface, #1a1a1a)}.confirm-modal-btn-cancel:hover:not(:disabled){background:#e6e6ea}.confirm-modal-btn-confirm{background:var(--primary, #6750a4);color:#fff}.confirm-modal-btn-danger{background:#d43a3a;color:#fff}.confirm-modal-btn-danger:hover:not(:disabled){background:#b82e2e}.chars-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.chars-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.chars-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2rem;color:var(--on-surface);margin:0 0 .25rem}.chars-header p{font-size:1rem;color:var(--on-surface-variant);margin:0}.chars-create-btn{padding:.75rem 1.5rem;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;white-space:nowrap;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #fdd34d40}.chars-create-btn:hover{transform:scale(1.03);box-shadow:0 6px 18px #fdd34d59}.chars-loading,.chars-error{text-align:center;padding:4rem 2rem;color:var(--on-surface-variant);font-size:1.1rem;font-weight:600}.chars-error{color:var(--error)}.chars-error button{display:block;margin:1rem auto 0;padding:.5rem 1.25rem;font-size:.9rem;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer}.chars-empty{text-align:center;padding:4rem 2rem 5rem;background:var(--surface-container-lowest);border-radius:2rem;border:2px dashed var(--outline-variant);position:relative;overflow:hidden}.chars-empty:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:#fdd34d14;pointer-events:none}.chars-empty:after{content:"";position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;border-radius:50%;background:#fdd34d0f;pointer-events:none}.chars-empty-icon{width:100px;height:100px;border-radius:50%;background:var(--primary-container);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem;animation:chars-empty-bounce 2s ease-in-out infinite}@keyframes chars-empty-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-3deg)}75%{transform:translateY(-4px) rotate(3deg)}}.chars-empty h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.8rem;color:var(--on-surface);margin-bottom:.5rem}.chars-empty p{color:var(--on-surface-variant);margin-bottom:.5rem;font-size:1.1rem;line-height:1.6}.chars-empty .chars-empty-hint{color:var(--on-surface-variant);font-size:.9rem;opacity:.7;margin-bottom:2rem}.chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.chars-card{background:var(--surface-container-lowest);border-radius:1.25rem;overflow:hidden;border:1px solid var(--outline-variant);box-shadow:0 4px 15px #7850140d;transition:transform .2s ease,box-shadow .2s ease}.chars-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #7850141a}.chars-card-image{aspect-ratio:1;overflow:hidden;background:var(--surface);position:relative}.chars-card-image img{width:100%;height:100%;object-fit:cover;display:block}.chars-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:var(--on-primary-container)}.chars-card-incomplete{border-color:var(--primary-container);border-width:2px}.chars-card-badge{position:absolute;top:8px;left:8px;background:var(--primary-container);color:var(--on-primary-container);font-size:.7rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;padding:3px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.02em}.chars-continue-btn{width:100%;padding:.6rem 1rem;font-size:.9rem;background:linear-gradient(135deg,var(--primary-container),var(--primary));color:var(--on-primary-container);font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease}.chars-continue-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #fdd34d4d}.chars-card-body{padding:1rem;text-align:center}.chars-card-header-row{display:flex;align-items:center;justify-content:center;gap:.25rem}.chars-delete-btn{background:none;border:none;cursor:pointer;color:var(--on-surface-variant);opacity:.5;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chars-delete-btn:hover{opacity:1;color:var(--error);background:#b4282814}.chars-card-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;color:var(--on-surface);margin:0 0 .25rem}.chars-rename-btn{background:none;border:none;cursor:pointer;color:var(--on-surface-variant);opacity:.5;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chars-rename-btn:hover{opacity:1;color:var(--primary);background:#fdd34d1a}.chars-rename-form{display:flex;align-items:center;gap:.25rem;width:100%}.chars-rename-input{flex:1;min-width:0;padding:.35rem .5rem;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border:2px solid var(--primary);border-radius:.5rem;background:var(--surface-container-lowest);color:var(--on-surface);outline:none;transition:border-color .2s ease}.chars-rename-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #fdd34d26}.chars-rename-save-btn,.chars-rename-cancel-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chars-rename-save-btn{color:var(--primary)}.chars-rename-save-btn:hover:not(:disabled){background:#fdd34d26}.chars-rename-cancel-btn{color:var(--on-surface-variant);opacity:.7}.chars-rename-cancel-btn:hover:not(:disabled){opacity:1;color:var(--error);background:#b4282814}.chars-rename-save-btn:disabled,.chars-rename-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.chars-card-date{font-size:.8rem;color:var(--on-surface-variant);margin:0 0 .75rem}.chars-story-btn{width:100%;padding:.6rem 1rem;font-size:.9rem;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.chars-story-btn:hover{transform:scale(1.02)}.chars-card-selected{border-color:var(--primary);border-width:2px;box-shadow:0 4px 15px #fdd34d40}.chars-card-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--surface-container-lowest);border:2px solid var(--outline-variant);display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:none}.chars-card-check.checked{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chars-card-check.disabled{opacity:.4}.chars-story-btn-selected{background:var(--primary);color:var(--on-primary)}.chars-story-btn:disabled{opacity:.5;cursor:not-allowed}.chars-action-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#2d2d2d;border-radius:9999px;box-shadow:0 8px 30px #00000059;z-index:100;animation:chars-bar-slide-up .25s ease}@keyframes chars-bar-slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.chars-action-count{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.9rem;color:#fff;white-space:nowrap}.chars-action-btn{padding:.6rem 1.5rem;font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chars-action-btn:hover{transform:scale(1.03)}.chars-action-clear{padding:.5rem 1rem;font-size:.85rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;border-radius:9999px;background:transparent;color:#fffc;border:1px solid #ffffff44;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chars-action-clear:hover{background:#ffffff1a}@media (max-width: 600px){.chars-header{flex-direction:column}.chars-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.us-container{width:100%;max-width:1100px;margin:0 auto;font-family:Plus Jakarta Sans,sans-serif}.us-header{text-align:center;margin-bottom:1.5rem}.us-filters{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.us-filter-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1.5px solid var(--outline-variant, #ccc);border-radius:9999px;background:transparent;color:var(--on-surface-variant);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.us-filter-tab:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-container, #f5e6b8)}.us-filter-tab.us-filter-active{background:var(--primary);color:#fff;border-color:var(--primary)}.us-filter-tab.us-filter-active .us-filter-count{background:#ffffff40;color:#fff}.us-filter-count{background:var(--surface-container, #eee);color:var(--on-surface-variant);font-size:.75rem;font-weight:700;padding:.1rem .45rem;border-radius:9999px;min-width:1.2rem;text-align:center}@media (max-width: 768px){.us-filters{gap:.35rem;margin-bottom:1.5rem}.us-filter-tab{padding:.4rem .75rem;font-size:.8rem}}.us-title{font-size:2.5rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;margin-bottom:.5rem}.us-subtitle{font-size:1.1rem;color:var(--on-surface-variant);margin-bottom:1.5rem}.us-create-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 2rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #fdd34d4d;transition:all .2s ease;min-height:auto}.us-create-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px #fdd34d66}.us-empty{text-align:center;padding:4rem 2rem 5rem;background:var(--surface-container-lowest);border-radius:2rem;border:2px dashed var(--outline-variant);position:relative;overflow:hidden}.us-empty:before{content:"";position:absolute;top:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:#fdd34d14;pointer-events:none}.us-empty:after{content:"";position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#fdd34d0f;pointer-events:none}.us-empty-icon{width:100px;height:100px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:us-empty-wiggle 2.5s ease-in-out infinite}@keyframes us-empty-wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-6deg) scale(1.05)}40%{transform:rotate(6deg) scale(1.05)}60%{transform:rotate(-3deg) scale(1.02)}80%{transform:rotate(3deg) scale(1)}}.us-empty h3{font-size:1.8rem;font-weight:800;color:var(--on-surface);margin-bottom:.75rem}.us-empty p{font-size:1.1rem;color:var(--on-surface-variant);margin-bottom:.5rem;line-height:1.6}.us-empty .us-empty-hint{font-size:.9rem;color:var(--on-surface-variant);opacity:.7;margin-bottom:2rem}.us-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.us-card{background:var(--surface-container-lowest);border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 16px #3738300f;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.us-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 40px #3738301f}.us-card-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-container)}.us-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.us-card:hover .us-card-cover img{transform:scale(1.08)}.us-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-container),var(--surface-container-high));color:var(--outline)}.us-card-cover-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.15) 0%,transparent 50%);pointer-events:none}.us-badge{position:absolute;top:.75rem;left:.75rem;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;z-index:2}.us-badge-draft{background:var(--surface-container-highest);color:var(--on-surface-variant)}.us-badge-preview{background:var(--primary-container);color:var(--on-primary-container)}.us-badge-completed{background:var(--secondary-container);color:var(--on-secondary-container)}.us-badge-approved{background:var(--secondary);color:#fff}.us-badge-shared{background:#fdd34d26;color:var(--primary);top:auto;bottom:.75rem;left:.75rem}.us-card-avatars{position:absolute;bottom:.75rem;right:.75rem;display:flex;flex-direction:row-reverse;z-index:2}.us-card-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 2px 8px #00000026;flex-shrink:0}.us-card-avatars .us-card-avatar+.us-card-avatar{margin-right:-14px}.us-card-avatar img{width:100%;height:100%;object-fit:cover}.us-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.us-card-title{font-size:1.15rem;font-weight:800;color:var(--on-surface);margin-bottom:.35rem;line-height:1.3}.us-card-idea{font-size:.85rem;color:var(--on-surface-variant);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.us-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.us-card-hero{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.us-card-pages{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);background:var(--surface-container);padding:.2rem .6rem;border-radius:9999px}.us-card-actions{display:flex;gap:.5rem;margin-top:auto}.us-action-btn{flex:1;padding:.65rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;min-height:auto;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:.3rem}.us-action-primary{background:var(--surface-container-highest);color:var(--on-surface)}.us-action-primary:hover{background:var(--primary-container);color:var(--on-primary-container);transform:none;box-shadow:none}.us-action-secondary{flex:0;background:transparent;border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:.65rem .85rem}.us-action-secondary:hover{border-color:var(--primary-container);background:#fdd34d0f;transform:none;box-shadow:none}.us-action-delete{flex:0;background:transparent;border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:.65rem;min-width:unset;opacity:.6}.us-action-delete:hover{opacity:1;color:var(--error, #b42828);border-color:var(--error, #b42828);background:#b428280f;transform:none;box-shadow:none}@media (max-width: 768px){.us-title{font-size:2rem}.us-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.us-card-body{padding:1rem}.us-card-title{font-size:1rem}.us-card-idea{display:none}}@media (max-width: 480px){.us-grid{grid-template-columns:1fr}}.usp-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:usp-fade .2s ease}@keyframes usp-fade{0%{opacity:0}to{opacity:1}}.usp-picker-modal{background:var(--surface-container-lowest);border-radius:1.5rem;padding:2rem;width:100%;max-width:520px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 24px 60px #37383033;animation:usp-slide .25s ease}@keyframes usp-slide{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.usp-picker-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--surface-container);border:none;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:auto;box-shadow:none}.usp-picker-close:hover{background:var(--surface-container-high);transform:scale(1.1);box-shadow:none}.usp-picker-title{font-size:1.4rem;font-weight:800;color:var(--on-surface);text-align:center;margin-bottom:.35rem}.usp-picker-desc{font-size:.95rem;color:var(--on-surface-variant);text-align:center;margin-bottom:1.5rem}.usp-picker-loading{text-align:center;padding:2rem;color:var(--on-surface-variant);font-weight:600}.usp-picker-empty{text-align:center;padding:2rem}.usp-picker-empty p{margin-bottom:1rem}.usp-picker-create-btn{padding:.7rem 1.5rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;font-weight:700;cursor:pointer;min-height:auto;box-shadow:none}.usp-picker-create-btn:hover{transform:scale(1.05)}.usp-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.usp-picker-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:transparent;border:2px solid var(--outline-variant);border-radius:1.25rem;cursor:pointer;transition:all .2s ease;min-height:auto;box-shadow:none;color:var(--on-surface);text-transform:none;letter-spacing:0}.usp-picker-card:hover{border-color:var(--primary-container);background:#fdd34d0a;transform:translateY(-3px);box-shadow:0 6px 16px #fdd34d1f}.usp-picker-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--surface-container-high)}.usp-picker-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--surface-container);display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.usp-picker-name{font-size:.8rem;font-weight:700;text-align:center;line-height:1.2}.usp-picker-new{border-style:dashed}.usp-picker-new:hover{border-color:var(--primary-container)}.usp-char-count-selector{text-align:center;margin-bottom:1.25rem}.usp-char-count-label{display:block;font-size:.85rem;font-weight:700;color:var(--on-surface-variant);margin-bottom:.5rem}.usp-char-count-btns{display:inline-flex;gap:.35rem;background:var(--surface-container);border-radius:9999px;padding:.25rem}.usp-char-count-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--on-surface-variant);font-size:.9rem;font-weight:700;cursor:pointer;min-height:auto;box-shadow:none;transition:all .2s ease;padding:0}.usp-char-count-btn:hover{background:var(--surface-container-high);transform:none;box-shadow:none}.usp-char-count-btn.active{background:var(--primary-container);color:var(--on-primary-container)}.usp-picker-card.usp-picker-selected{border-color:var(--primary-container);background:#fdd34d26}.usp-picker-card.usp-picker-disabled{opacity:.4;pointer-events:none}.usp-picker-check{color:var(--primary)}.pp-page{width:100%;font-family:Plus Jakarta Sans,sans-serif;background-color:var(--surface);min-height:100vh;overflow-x:hidden;position:relative}.pp-page:before,.pp-page:after{content:"";position:fixed;border-radius:50%;z-index:0;pointer-events:none}.pp-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(253,211,77,.1) 0%,transparent 70%);top:-150px;right:-150px}.pp-page:after{width:400px;height:400px;background:radial-gradient(circle,rgba(151,218,255,.08) 0%,transparent 70%);bottom:200px;left:-150px}.pp-loading{text-align:center;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--on-surface-variant)}.pp-spinner{width:48px;height:48px;border:4px solid var(--surface-container-high);border-top-color:var(--secondary);border-radius:50%;animation:pp-spin .8s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-not-found{text-align:center;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pp-not-found h2{font-weight:800;color:var(--on-surface)}.pp-primary-btn{padding:.8rem 2rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;font-weight:700;cursor:pointer;min-height:auto;box-shadow:none}.pp-topbar{background:#fefdf1d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(186,186,175,.25);padding:.75rem 2rem;position:sticky;top:0;z-index:50;box-shadow:0 2px 16px #3738300a}.pp-topbar-inner{max-width:900px;margin:0 auto;display:flex;align-items:center}.pp-topbar-left{display:flex;align-items:center;gap:.5rem}.pp-topbar-logo{height:28px;width:auto;border-radius:4px}.pp-topbar-partner-name{font-weight:800;font-size:.95rem;color:var(--on-surface)}.pp-topbar-x{color:var(--outline);font-size:.85rem;margin:0 .15rem}.pp-topbar-toony{font-weight:700;font-size:.85rem;color:var(--primary)}.pp-hero{text-align:center;padding:3.5rem 2rem 5rem;color:#fff;position:relative;overflow:hidden}.pp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.pp-hero:after{content:"";position:absolute;top:1.5rem;right:8%;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}.pp-hero-inner{position:relative;z-index:1;max-width:650px;margin:0 auto}.pp-logo{height:90px;width:auto;margin-bottom:1.5rem;border-radius:1rem;background:#ffffff2e;padding:.6rem;box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pp-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem 1rem;border-radius:9999px;margin-bottom:1.25rem;font-size:.8rem;font-weight:700;color:#fffffff2;letter-spacing:.02em}.pp-hero-title{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;color:#fff;line-height:1.15}.pp-hero-partner-name{font-weight:900;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:4px;text-decoration-thickness:3px}.pp-hero-subtitle{font-size:1.1rem;color:#ffffffe0;max-width:520px;margin:0 auto;line-height:1.55}.pp-hero-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 2.5rem;background:#fff;color:var(--on-surface);border:none;border-radius:9999px;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 8px 32px #0000002e;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:auto;position:relative}.pp-hero-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 40px #00000038}.pp-hero-cta:active{transform:translateY(0) scale(1)}.pp-hero-free-tag{margin-top:.75rem;font-size:.78rem;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em}.pp-hero-wave{position:absolute;bottom:-1px;left:0;width:100%;overflow:hidden;line-height:0}.pp-hero-wave svg{display:block;width:100%;height:48px}.pp-content{max-width:740px;margin:-1.5rem auto 0;padding:0 1.5rem 3rem;position:relative;z-index:1}.pp-card{background:var(--surface-container-lowest);border-radius:1.5rem;padding:2.25rem;box-shadow:0 4px 24px #3738300f;margin-bottom:1.75rem;border:1px solid rgba(186,186,175,.15);transition:box-shadow .3s ease,transform .3s ease}.pp-card:hover{box-shadow:0 8px 40px #3738301a;transform:translateY(-2px)}.pp-card-title{font-size:1.5rem;font-weight:800;color:var(--on-surface);text-align:center;margin-bottom:.5rem;letter-spacing:-.01em}.pp-card-subtitle{font-size:.95rem;color:var(--on-surface-variant);text-align:center;margin-bottom:1.5rem;line-height:1.55}.pp-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pp-feature{display:flex;align-items:flex-start;gap:.85rem;padding:1rem;border-radius:1rem;background:var(--surface-container-low, var(--surface-container));transition:background .2s ease,transform .2s ease}.pp-feature:hover{background:var(--surface-container);transform:translateY(-1px)}.pp-feature-icon{width:44px;height:44px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.pp-feature:hover .pp-feature-icon{transform:scale(1.08)}.pp-feature strong{display:block;font-size:.88rem;font-weight:700;color:var(--on-surface);margin-bottom:.15rem}.pp-feature p{font-size:.8rem;color:var(--on-surface-variant);margin:0;line-height:1.4}.pp-error{color:var(--error);font-size:.85rem;font-weight:600}.pp-showcase{display:flex;justify-content:center}.pp-showcase-pair{display:flex;align-items:center;gap:1.25rem}.pp-showcase-side{flex:1;max-width:200px}.pp-showcase-img-wrap{position:relative;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 28px #3738301a;aspect-ratio:1;transition:transform .3s ease,box-shadow .3s ease}.pp-showcase-img-wrap:hover{transform:scale(1.03);box-shadow:0 12px 36px #37383024}.pp-showcase-img-wrap img{width:100%;height:100%;object-fit:cover}.pp-showcase-result{border:3px solid var(--primary-container)}.pp-showcase-label{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:#ffffffeb;padding:.2rem .7rem;border-radius:9999px;font-size:.7rem;font-weight:800;color:var(--on-surface-variant);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pp-showcase-label-hero{background:var(--primary-container);color:var(--on-primary-container)}.pp-showcase-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--surface-container);box-shadow:0 2px 8px #37383014}.pp-book-preview{display:flex;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 32px #37383014;border:1px solid var(--outline-variant)}.pp-book-page-img{flex:1;min-width:0}.pp-book-page-img img{width:100%;height:100%;object-fit:cover;display:block}.pp-book-page-text{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center;background:var(--surface-container-lowest);position:relative}.pp-book-page-text:before{content:"“";position:absolute;top:.75rem;left:1.25rem;font-size:3rem;line-height:1;color:var(--primary-container);font-family:Georgia,serif;opacity:.6}.pp-book-quote{font-size:.95rem;line-height:1.75;color:var(--on-surface);font-style:italic;margin-bottom:1rem;position:relative;z-index:1}.pp-book-note{font-size:.8rem;color:var(--on-surface-variant);font-weight:600}.pp-steps{text-align:center;padding:.5rem 0 1rem}.pp-steps-title{font-size:1.3rem;font-weight:800;color:var(--on-surface);margin-bottom:1.75rem}.pp-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pp-step-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:1.25rem .75rem;border-radius:1.25rem;background:var(--surface-container-lowest);border:1px solid rgba(186,186,175,.15);box-shadow:0 2px 12px #3738300a;transition:transform .2s ease,box-shadow .2s ease}.pp-step-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #37383014}.pp-step-num{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.pp-step-item strong{font-size:.9rem;color:var(--on-surface)}.pp-step-item p{font-size:.8rem;color:var(--on-surface-variant);margin:0}.pp-bottom-cta{text-align:center;margin:1rem 0 1.5rem;padding:2.5rem 2rem;background:var(--surface-container-lowest);border-radius:1.5rem;border:2px dashed var(--outline-variant)}.pp-bottom-cta h3{font-size:1.3rem;font-weight:800;color:var(--on-surface);margin-bottom:.5rem}.pp-bottom-cta p{font-size:.9rem;color:var(--on-surface-variant);margin-bottom:1.25rem}.pp-bottom-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2.25rem;border:none;border-radius:9999px;font-size:1.05rem;font-weight:800;cursor:pointer;color:#fff;box-shadow:0 6px 24px #00000026;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:auto}.pp-bottom-cta-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 32px #0003}.pp-powered{text-align:center;padding:1.5rem 0;margin-top:.5rem}.pp-powered p{font-size:.85rem;color:var(--on-surface-variant)}.pp-powered strong{color:var(--primary)}@media (max-width: 768px){.pp-hero{padding:2.5rem 1.5rem 4rem}.pp-hero-title{font-size:1.8rem}.pp-hero-subtitle{font-size:1rem}.pp-hero:after{display:none}.pp-content{padding:0 1rem 2rem}.pp-card{padding:1.5rem;border-radius:1.25rem}.pp-card:hover{transform:none}.pp-features,.pp-steps-row{grid-template-columns:1fr;gap:.75rem}.pp-step-item{flex-direction:row;text-align:left;gap:1rem;padding:1rem}.pp-showcase-side{max-width:140px}.pp-showcase-pair{gap:.75rem}.pp-showcase-arrow{width:32px;height:32px}.pp-book-preview{flex-direction:column}.pp-book-page-text{padding:1.5rem}.pp-bottom-cta{padding:2rem 1.5rem}}@media (max-width: 480px){.pp-hero-title{font-size:1.55rem}.pp-hero-cta{padding:.85rem 2rem;font-size:1.05rem}.pp-card-title{font-size:1.25rem}.pp-showcase-side{max-width:120px}}.pvp-container{margin-top:.75rem}.pvp-label{font-size:.8rem;color:#888;margin-bottom:.5rem}.pvp-grid{display:flex;gap:.5rem}.pvp-btn{position:relative;background:none;border:2px solid #ddd;border-radius:8px;padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease;width:72px;height:72px}.pvp-btn:hover:not(:disabled){border-color:var(--primary-container)}.pvp-selected{border-color:var(--primary-container)}.pvp-btn img{width:100%;height:100%;object-fit:cover;display:block}.pvp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;align-items:center;justify-content:center}.pvp-spin{width:20px;height:20px;border:2px solid #ccc;border-top-color:var(--primary-container);border-radius:50%;animation:pvp-spin .7s linear infinite}@keyframes pvp-spin{to{transform:rotate(360deg)}}.pvp-check{position:absolute;bottom:2px;right:4px;font-size:.75rem;color:var(--primary-container);font-weight:700}.be-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 12rem;font-family:Plus Jakarta Sans,sans-serif}.be-loading,.be-error{text-align:center;padding:5rem 2rem;color:var(--on-surface-variant)}.be-spinner{width:48px;height:48px;border:4px solid var(--surface-container-high);border-top-color:var(--secondary);border-radius:50%;animation:be-spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes be-spin{to{transform:rotate(360deg)}}.be-header{text-align:center;margin-bottom:3rem}.be-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--secondary-container);color:var(--on-secondary-container);border-radius:9999px;font-weight:700;font-size:.85rem;margin-bottom:1rem}.be-status-icon{animation:be-spin 3s linear infinite}.be-status-approved{background:#006c901a;color:var(--secondary)}.be-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;color:var(--on-surface);margin-bottom:1rem}.be-subtitle{font-size:1.1rem;color:var(--on-surface-variant);max-width:600px;margin:0 auto;line-height:1.6}.be-error-banner{display:flex;align-items:center;gap:1rem;max-width:600px;margin:1.5rem auto 0;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;text-align:left}.be-error-banner-icon{color:#dc2626;font-size:1.5rem;flex-shrink:0}.be-error-banner-content{flex:1;min-width:0}.be-error-banner-title{font-weight:700;font-size:.95rem;color:#991b1b;margin:0 0 .25rem}.be-error-banner-message{font-size:.85rem;color:#b91c1c;margin:0;line-height:1.4}.be-error-banner-retry{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s;text-decoration:none}.be-error-banner-retry:hover{background:#b91c1c}.be-progress-bar{max-width:600px;margin:0 auto .75rem;height:12px;background:var(--surface-container-high);border-radius:9999px;overflow:hidden}.be-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--secondary-container));border-radius:9999px;transition:width .5s ease}.be-progress-label{font-size:.85rem;font-weight:600;color:var(--outline);text-transform:uppercase;letter-spacing:.05em}.be-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.be-page-card{background:var(--surface-container-lowest);border-radius:1rem;padding:1rem;box-shadow:0 8px 25px #3738300f;transition:all .3s ease}.be-page-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #3738301a}.be-page-image{aspect-ratio:3/4;border-radius:.75rem;overflow:hidden;margin-bottom:.75rem;position:relative;background:var(--surface-container)}.be-page-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.be-page-card:hover .be-page-image img{transform:scale(1.05)}.be-page-image.regenerating img{opacity:.4;filter:blur(2px)}.be-page-badge{position:absolute;top:.75rem;left:.75rem;background:var(--primary);color:#fff;padding:.2rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 8px #00000026}.be-badge-muted{background:var(--surface-container-highest);color:var(--on-surface-variant)}.be-badge-locked{background:var(--outline);color:#fff;top:.75rem;left:auto;right:.75rem}.be-page-body{padding:.25rem .25rem 0}.be-page-text{font-size:.9rem;line-height:1.6;color:var(--on-surface);font-weight:500;font-style:italic}.be-page-text-preview{opacity:.6;font-size:.82rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.be-page-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--surface-container-high)}.be-regen-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--secondary);font-weight:700;font-size:.8rem;cursor:pointer;padding:.3rem 0;min-height:auto;box-shadow:none;transition:all .2s ease}.be-regen-btn:hover:not(:disabled){text-decoration:underline;transform:none;box-shadow:none}.be-regen-btn:disabled{opacity:.4;cursor:not-allowed}.be-regen-count{background:var(--secondary-container);color:var(--on-secondary-container);padding:.1rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:700}.be-check-icon{color:var(--primary);font-size:1.25rem!important}.be-zoom-btn{position:absolute;bottom:.6rem;right:.6rem;width:34px;height:34px;border-radius:50%;background:#ffffffe6;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 2px 8px #0000001f;z-index:3;padding:0;min-height:auto}.be-page-card:hover .be-zoom-btn{opacity:1}.be-zoom-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #7a610040}.be-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2rem;animation:be-lb-in .2s ease}@keyframes be-lb-in{0%{opacity:0}to{opacity:1}}.be-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:1rem;box-shadow:0 20px 60px #00000080;cursor:default}.be-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:auto;box-shadow:none;transition:all .2s ease}.be-lightbox-close:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:none}.be-regen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;border-radius:.75rem}.be-spinner-sm{width:32px;height:32px;border:3px solid var(--surface-container-high);border-top-color:var(--secondary);border-radius:50%;animation:be-spin .8s linear infinite}.be-page-generating{border:1px solid rgba(253,211,77,.2)}.be-page-image-pending{background:linear-gradient(135deg,#fdd34d14,#a6463f0d);display:flex;align-items:center;justify-content:center}.be-generating-content{text-align:center;position:relative;z-index:1}.be-magic-spinner{position:relative;width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.be-spin-icon{font-size:3rem!important;color:var(--primary);animation:be-spin 5s linear infinite}.be-magic-label{font-weight:900;font-size:1.1rem;color:var(--primary);letter-spacing:-.01em}.be-magic-sublabel{font-size:.7rem;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.be-page-locked{opacity:.7}.be-page-image-locked{background:var(--surface-container-highest);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.be-lock-icon{font-size:2.5rem!important;color:var(--outline);opacity:.5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.3}}.be-locked-label{font-size:.8rem;font-weight:700;color:var(--outline);text-transform:uppercase;letter-spacing:.06em}.be-dedication-card{position:relative;cursor:pointer}.be-dedication-preview{aspect-ratio:3/4;border-radius:.75rem;overflow:hidden;margin-bottom:.5rem;background:linear-gradient(165deg,var(--surface-container-lowest) 0%,var(--surface-container) 100%);border:1.5px solid var(--outline-variant);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.be-dedication-card:hover .be-dedication-preview{border-color:var(--primary-container);box-shadow:0 4px 20px #7a610014}.be-dedication-preview-ornament{color:var(--primary-container);font-size:1rem;letter-spacing:.3rem;-webkit-user-select:none;user-select:none;opacity:.7}.be-dedication-preview-content{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;justify-content:center;width:100%;min-height:0;overflow:hidden}.be-dedication-preview-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--outline)}.be-dedication-preview-to{font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:800;color:var(--on-surface);line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.be-dedication-preview-divider{display:flex;align-items:center;gap:.5rem;width:50%;margin:.2rem 0}.be-dedication-preview-divider-line{flex:1;height:1px;background:var(--outline-variant)}.be-dedication-preview-divider-dot{color:var(--primary-container);font-size:.9rem;line-height:1}.be-dedication-preview-message{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:400;font-style:italic;line-height:1.5;color:var(--on-surface-variant);text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;max-width:100%;word-break:break-word}.be-dedication-preview-from-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);margin-top:.15rem}.be-dedication-preview-from{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;color:var(--on-surface)}.be-dedication-preview-empty{color:var(--outline);opacity:.6}.be-dedication-edit-hint{display:flex;align-items:center;justify-content:center;gap:.3rem;font-weight:700;font-size:.78rem;color:var(--outline);padding:.2rem 0;transition:color .2s ease}.be-dedication-card:hover .be-dedication-edit-hint{color:var(--secondary)}.be-add-dedication-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:var(--surface-container-lowest);border:2px dashed var(--outline-variant);border-radius:1rem;padding:2.5rem 1.25rem;cursor:pointer;transition:all .3s ease;color:var(--on-surface-variant);min-height:200px;box-shadow:none}.be-add-dedication-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-container);transform:translateY(-4px);box-shadow:0 8px 25px #3738300f}.be-add-dedication-icon{width:52px;height:52px;border-radius:50%;background:var(--surface-container);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.be-add-dedication-btn:hover .be-add-dedication-icon{background:var(--surface-container-lowest);transform:scale(1.05)}.be-add-dedication-label{font-weight:800;font-size:1rem}.be-add-dedication-sub{font-size:.78rem;font-weight:500;opacity:.6;text-align:center}.be-dedication-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:be-lb-in .2s ease}.be-dedication-modal{background:var(--surface-container-lowest);border-radius:1.5rem;width:100%;max-width:480px;box-shadow:0 24px 60px #00000040;overflow:hidden}.be-dedication-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--outline-variant)}.be-dedication-modal-title{font-size:1.25rem;font-weight:800;color:var(--on-surface)}.be-dedication-modal-close{width:36px;height:36px;border-radius:50%;background:var(--surface-container);border:none;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:auto;box-shadow:none;transition:background .2s ease}.be-dedication-modal-close:hover{background:var(--surface-container-high);transform:none;box-shadow:none}.be-dedication-modal-body{padding:1.5rem}.be-dedication-modal-footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--outline-variant)}.be-dedication-saving{font-size:.75rem;font-weight:600;color:var(--outline)}.be-remove-dedication-btn{display:flex;align-items:center;gap:.3rem;background:transparent;border:none;color:var(--error);font-weight:700;font-size:.8rem;cursor:pointer;padding:.3rem 0;min-height:auto;box-shadow:none}.be-remove-dedication-btn:hover{text-decoration:underline;transform:none;box-shadow:none}.be-dedication-done-btn{margin-left:auto;padding:.6rem 1.5rem;background:var(--primary);color:var(--on-primary, white);border:none;border-radius:9999px;font-weight:800;font-size:.9rem;cursor:pointer;min-height:auto;box-shadow:0 4px 12px #7a610033;transition:all .2s ease}.be-dedication-done-btn:hover{transform:scale(1.03);box-shadow:0 6px 16px #7a61004d}.be-page-image-empty{display:flex;align-items:center;justify-content:center;background:var(--surface-container)}.be-shimmer-lines{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.be-shimmer-line{height:10px;background:var(--surface-container-highest);border-radius:9999px}.be-purchase-bar .be-bottom-title{font-weight:800}.be-icon-golden{background:var(--primary-container);color:var(--on-primary-container)}.be-purchase-error{color:var(--error);font-size:.8rem;font-weight:600;white-space:nowrap}.be-add-cart-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--primary);padding:1.25rem 2rem;border-radius:9999px;font-weight:800;font-size:1rem;border:2px solid var(--primary);cursor:pointer;transition:all .2s ease}.be-add-cart-btn:hover:not(:disabled){background:var(--primary-container);transform:scale(1.03)}.be-add-cart-btn:disabled{opacity:.5;cursor:not-allowed}.be-cart-added-btn{display:flex;align-items:center;gap:.5rem;background:var(--secondary-container, #e8e0d0);color:var(--on-secondary-container, #1d1b16);padding:1.25rem 2rem;border-radius:9999px;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease}.be-cart-added-btn:hover{transform:scale(1.03)}.be-unlock-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--primary) 60%,rgba(108,86,0,.9));color:#fff;padding:1.25rem 2.5rem;border-radius:9999px;font-weight:900;font-size:1.15rem;border:none;cursor:pointer;box-shadow:0 10px 30px #7a610040;transition:all .2s ease}.be-unlock-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 14px 40px #7a610059}.be-unlock-btn:disabled{opacity:.5;cursor:not-allowed}.be-credit-link{background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem 0;text-decoration:underline;text-underline-offset:2px}.be-credit-link:hover:not(:disabled){opacity:.8}.be-credit-link:disabled{opacity:.5;cursor:not-allowed}.be-unlock-error{color:var(--error);font-size:.85rem;font-weight:600;margin-top:1rem}.be-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fefdf1d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--outline-variant);z-index:100;padding:1rem 2rem}.be-bottom-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.be-bottom-info{display:flex;align-items:center;gap:1rem}.be-bottom-icon{background:var(--tertiary-container);padding:.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--on-tertiary-container)}.be-bottom-title{font-weight:800;font-size:1.1rem;color:var(--on-surface)}.be-bottom-sub{font-size:.75rem;font-weight:600;color:var(--outline);text-transform:uppercase;letter-spacing:.03em}.be-bottom-actions{display:flex;align-items:center;gap:.75rem}.be-save-draft-btn{padding:.85rem 1.5rem;border:2px solid var(--outline-variant);border-radius:9999px;background:transparent;color:var(--outline);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:none;min-height:auto;transition:all .2s ease}.be-save-draft-btn:hover{background:var(--surface-container);transform:none;box-shadow:none}.be-approve-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #fdd34d4d;transition:all .2s ease;min-height:auto}.be-approve-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 12px 30px #fdd34d66}.be-approve-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.be-page{padding:1.5rem 1rem 10rem}.be-title{font-size:1.8rem}.be-pages-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.be-bottom-inner{flex-direction:column;gap:1rem;text-align:center}.be-bottom-info{justify-content:center}.be-bottom-actions{width:100%}.be-save-draft-btn,.be-approve-btn{flex:1}}@media (max-width: 480px){.be-pages-grid{grid-template-columns:1fr}}.be-notes-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:be-notes-fade-in .2s ease}@keyframes be-notes-fade-in{0%{opacity:0}to{opacity:1}}@keyframes be-notes-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.be-notes-popup{background:#fff;border-radius:1.5rem;padding:2rem;max-width:480px;width:90%;box-shadow:0 24px 80px #37383033;position:relative;animation:be-notes-slide-up .3s ease}.be-notes-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.be-notes-popup-close:hover{background:#f0f0f0}.be-notes-popup-title{font-size:1.4rem;color:#8b008b;margin:0 0 .5rem;font-weight:700}.be-notes-popup-subtitle{font-size:.9rem;color:#666;margin:0 0 1.2rem;line-height:1.4}.be-notes-popup-textarea{width:100%;border:2px solid #e0e0e0;border-radius:.75rem;padding:.85rem 1rem;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.be-notes-popup-textarea:focus{outline:none;border-color:#8b008b}.be-notes-popup-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.2rem}.be-notes-popup-cancel{padding:.6rem 1.2rem;border:2px solid #e0e0e0;border-radius:.75rem;background:#fff;color:#666;font-size:.95rem;cursor:pointer;transition:background .2s}.be-notes-popup-cancel:hover{background:#f5f5f5}.be-notes-popup-confirm{padding:.6rem 1.4rem;border:none;border-radius:.75rem;background:#8b008b;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .2s}.be-notes-popup-confirm:hover{background:#6d006d}.pdl-page{max-width:860px;margin:0 auto;padding:0 1rem 4rem}.pdl-download-bar{position:sticky;top:0;z-index:90;background:#fffcf2f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-variant);box-shadow:0 2px 16px #78501412;margin-bottom:2rem}.pdl-download-bar-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.5rem}.pdl-download-bar-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pdl-download-bar-text strong{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1rem;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdl-download-bar-text span{font-size:.82rem;color:var(--on-surface-variant)}.pdl-download-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 14px #fdd34d4d}.pdl-download-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #fdd34d66}.pdl-download-btn:disabled{opacity:.7;cursor:not-allowed}.pdl-spinner-inline{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--on-primary-container);border-radius:50%;animation:pdl-spin .7s linear infinite;flex-shrink:0}@keyframes pdl-spin{to{transform:rotate(360deg)}}.pdl-progress-bar{height:3px;background:var(--outline-variant)}.pdl-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-container),var(--primary));transition:width .3s ease}.pdl-success{font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--secondary)}.pdl-bar-error{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--error)}.pdl-bar-error button{padding:.35rem .85rem;font-size:.82rem;border:1px solid var(--error);border-radius:9999px;background:var(--surface-container-lowest);color:var(--error);cursor:pointer;min-height:auto;box-shadow:none;text-transform:none;font-weight:600}.pdl-loading,.pdl-error{text-align:center;padding:5rem 2rem;color:var(--on-surface-variant);font-size:1.05rem;font-weight:600}.pdl-error{color:var(--error)}.pdl-pages{display:flex;flex-direction:column;gap:2rem}.pdl-page-card{display:flex;gap:2rem;align-items:flex-start;background:var(--surface-container-lowest);border-radius:1.25rem;overflow:hidden;border:1px solid var(--outline-variant);box-shadow:0 4px 16px #7850140d}.pdl-page-image-wrap{flex-shrink:0;width:260px}.pdl-page-image-wrap img{width:100%;display:block;object-fit:cover;aspect-ratio:1}.pdl-no-image{width:100%;aspect-ratio:1;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);font-size:.85rem}.pdl-page-body{flex:1;padding:1.75rem 1.75rem 1.75rem 0;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.pdl-page-num{font-size:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.pdl-page-text{font-size:1.05rem;line-height:1.75;color:var(--on-surface);margin:0}.pdl-dedication-wrap{width:100%;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.pdl-dedication-wrap .pdl-page-num{align-self:flex-start;margin-bottom:.5rem}.pdl-dedication-wrap .dedication-page{max-width:400px;width:100%}@media (max-width: 640px){.pdl-download-bar-inner{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.pdl-download-btn{width:100%;justify-content:center}.pdl-page-card{flex-direction:column;gap:0}.pdl-page-image-wrap{width:100%}.pdl-page-body{padding:1.25rem}}.pricing-page{max-width:1100px;margin:0 auto;padding:0 1rem 4rem}.pricing-tiers{margin-bottom:3rem}.pricing-tiers h2{text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.2rem;margin-bottom:2rem;color:var(--on-surface)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;align-items:start}.plan-card{background:var(--surface-container-lowest);border-radius:1.5rem;padding:2.5rem 2rem;text-align:center;box-shadow:0 10px 30px #7850140f;border:1px solid var(--outline-variant);transition:all .3s ease;position:relative;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #7850141a;border-color:var(--primary-container)}.plan-card.featured{border:2px solid var(--primary-container);transform:scale(1.05);box-shadow:0 16px 40px #fdd34d26;z-index:1}.plan-card.featured:hover{transform:scale(1.05) translateY(-6px)}.plan-card.featured:after{content:"Most Popular";position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary-container);color:var(--on-primary-container);padding:.35rem 1.2rem;border-radius:9999px;font-size:.8rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.plan-card h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;margin-bottom:.75rem;color:var(--on-surface)}.plan-description{color:var(--on-surface-variant);margin-bottom:1.5rem;line-height:1.5;min-height:2.5rem}.one-time-card{border-style:dashed;border-color:var(--outline-variant);background:var(--surface-container-lowest)}.one-time-card:hover{border-color:var(--tertiary)}.one-time-button{background:var(--surface-container-lowest);color:var(--tertiary);border:2px solid var(--tertiary);box-shadow:none}.one-time-button:hover:not(:disabled){background:var(--tertiary);color:#fff;box-shadow:none}.price-per-story-hero{font-size:2.2rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface);margin-bottom:.25rem}.price-per-story-label{display:block;font-size:1rem;font-weight:500;color:var(--on-surface-variant)}.plan-total-price{font-size:.9rem;color:var(--on-surface-variant);margin-bottom:1.5rem}.subscribe-button{width:100%;margin-top:auto;font-size:1.05rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;padding:.9rem;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #fdd34d40}.subscribe-button:hover:not(:disabled){transform:scale(1.03);box-shadow:0 8px 20px #fdd34d59}.subscribe-button:disabled{opacity:.6;cursor:not-allowed}.subscribe-button.current{background:var(--surface-container-lowest);color:var(--on-surface-variant);border:2px solid var(--outline-variant);box-shadow:none}.subscribe-button.upgrade{background:var(--primary-container)}.subscribe-button.downgrade{background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);box-shadow:none}.subscribe-button.downgrade:hover:not(:disabled){box-shadow:0 4px 14px #00000014}.one-time-link{text-align:center;margin-top:2rem;color:var(--on-surface-variant);font-size:1rem}.one-time-inline-link{margin-top:.85rem;background:none;border:none;padding:.25rem .5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--outline-variant);transition:color .2s ease,text-decoration-color .2s ease;box-shadow:none;min-height:auto;align-self:center}.one-time-inline-link:hover{color:var(--tertiary);text-decoration-color:var(--tertiary);background:none;transform:none;box-shadow:none}.current-subscription{background:var(--surface-container-lowest);border:2px solid var(--primary-container);border-radius:1.25rem;padding:2rem;text-align:center;margin-bottom:3rem}.current-subscription.canceled{border-color:var(--outline-variant)}.current-subscription h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;margin-bottom:.5rem;color:var(--on-surface)}.current-subscription .period-info{color:var(--on-surface-variant);font-size:.9rem;margin-bottom:1rem}.cancel-button{background:none;border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:.6rem 1.5rem;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s ease}.cancel-button:hover{border-color:var(--error, #d32f2f);color:var(--error, #d32f2f)}.pricing-gift{background:color-mix(in srgb,var(--secondary-container) 30%,var(--surface));border-radius:1.5rem;padding:3rem 2rem;margin-bottom:3rem;text-align:center}.gift-content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.gift-icon{font-size:2.5rem;color:var(--tertiary)}.pricing-gift h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.8rem;color:var(--on-surface);margin:0}.pricing-gift p{color:var(--on-surface-variant);line-height:1.6;margin:0}.gift-price{font-size:2rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface)}.gift-button{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1rem;padding:.8rem 2rem;border-radius:9999px;background:var(--surface-container-lowest);color:var(--tertiary);border:2px solid var(--tertiary);cursor:pointer;transition:all .2s ease}.gift-button:hover{background:var(--tertiary);color:#fff}.pricing-features{margin-bottom:3rem}.pricing-features h2{text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.8rem;margin-bottom:2rem;color:var(--on-surface)}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.feature-item .material-symbols-outlined{font-size:2rem;color:var(--secondary)}.feature-item span:last-child{font-size:.9rem;color:var(--on-surface-variant);line-height:1.4}.pricing-faq{max-width:700px;margin:0 auto}.pricing-faq h2{text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.8rem;margin-bottom:2rem;color:var(--on-surface)}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--outline-variant)}.faq-question{width:100%;background:none;border:none;padding:1.25rem 0;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:1.05rem;color:var(--on-surface);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;box-shadow:none;min-height:auto}.faq-question:hover{color:var(--primary);background:none;transform:none}.faq-chevron{transition:transform .2s ease;font-size:1.5rem;color:var(--on-surface-variant)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:200px;padding-bottom:1.25rem}.faq-answer p{color:var(--on-surface-variant);line-height:1.6;margin:0}.link-button{background:none;border:none;box-shadow:none;color:var(--primary);text-transform:none;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;min-height:auto;padding:.25rem;cursor:pointer;transition:all .2s ease}.link-button:hover{background:none;color:var(--primary-container);text-decoration:underline;transform:none}.loading,.no-plans{text-align:center;padding:4rem;background:var(--surface-container-lowest);border-radius:1.25rem;color:var(--on-surface);border:1px solid var(--outline-variant)}@media (max-width: 768px){.pricing-hero h1{font-size:2rem}.plans-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;margin:0 -1rem;padding:1rem 1rem 1.5rem;mask-image:linear-gradient(to right,transparent 0,black 1rem,black calc(100% - 2.5rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 1rem,black calc(100% - 2.5rem),transparent 100%)}.plans-grid:after{content:"";flex-shrink:0;width:1px}.plan-card{flex:0 0 80%;min-width:260px;scroll-snap-align:center}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-6px)}.price-per-story-hero{font-size:2rem}.features-grid{grid-template-columns:repeat(2,1fr)}.demo-placeholder{padding:3rem 1.5rem}}.payment-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--surface)}.status-card{background:var(--surface-container-lowest);border-radius:1.5rem;padding:3rem 3rem 2.5rem;box-shadow:0 20px 60px #78501433;max-width:500px;width:100%;text-align:center;animation:scaleIn .5s ease-out;border:1px solid var(--outline-variant);position:relative;overflow:hidden}.success-stars{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.star{position:absolute;font-size:1.4rem;animation:twinkle 2s ease-in-out infinite}.star-1{top:12%;left:10%;animation-delay:0s}.star-2{top:8%;right:12%;animation-delay:.5s}.star-3{bottom:18%;left:8%;animation-delay:1s}.star-4{bottom:14%;right:10%;animation-delay:1.5s}.status-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease-out}.success-icon{animation:bounce 1s ease-out,pulse 2s infinite}.pending-icon{animation:rotate 2s linear infinite}.error-icon{animation:shake .5s ease-out}.status-card h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.5rem;color:var(--on-surface);margin-bottom:.75rem}.success-message,.pending-message,.error-message{font-size:1.15rem;color:var(--on-surface-variant);margin-bottom:2rem;line-height:1.7}.action-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:center}.action-button{padding:1rem 2rem;font-size:1.1rem;border-radius:9999px;cursor:pointer;transition:all .3s ease;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border:none;width:100%;max-width:300px}.action-button.primary{background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 4px 14px #fdd34d40}.action-button.primary:hover{transform:scale(1.05);box-shadow:0 8px 20px #fdd34d66}.action-button.secondary{background:transparent;color:var(--primary);border:2px solid var(--outline-variant)}.action-button.secondary:hover{background:var(--surface-container);transform:scale(1.03)}.action-button:not(.primary):not(.secondary){background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 4px 14px #fdd34d40}.action-button:hover{transform:scale(1.05)}.spinner{width:60px;height:60px;border:5px solid var(--outline-variant);border-top-color:var(--secondary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.success-card{border-top:5px solid var(--secondary)}.pending-card{border-top:5px solid var(--primary-container)}.error-card{border-top:5px solid var(--error)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.status-card{padding:2rem 1.5rem}.status-card h1{font-size:2rem}.status-icon{font-size:4rem}}.pur-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.pur-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.pur-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2rem;color:var(--on-surface);margin:0 0 .25rem}.pur-header p{font-size:1rem;color:var(--on-surface-variant);margin:0}.pur-loading{text-align:center;padding:6rem 2rem}.pur-loading-icon{font-size:3.5rem;margin-bottom:1rem;animation:pur-bounce 1.2s ease infinite}.pur-loading p{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:1.1rem;color:var(--on-surface-variant)}.pur-empty{text-align:center;padding:4rem 2rem;max-width:480px;margin:2rem auto}.pur-empty-illustration{position:relative;display:inline-block;margin-bottom:1.5rem}.pur-empty-icon{font-size:5rem;display:block;animation:pur-wobble 3s ease-in-out infinite}.pur-empty-sparkle{position:absolute;font-size:1.4rem;animation:pur-twinkle 2s ease-in-out infinite}.pur-sparkle-1{top:-8px;right:-20px;animation-delay:0s}.pur-sparkle-2{top:-12px;left:-16px;animation-delay:.7s}.pur-sparkle-3{bottom:4px;right:-24px;animation-delay:1.3s}.pur-empty h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--on-surface);margin-bottom:.75rem}.pur-empty p{color:var(--on-surface-variant);font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.pur-empty-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.pur-primary-btn{padding:.75rem 1.5rem;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #fdd34d40}.pur-primary-btn:hover{transform:scale(1.03);box-shadow:0 6px 18px #fdd34d59}.pur-secondary-btn{padding:.75rem 1.5rem;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border-radius:9999px;background:transparent;color:var(--on-surface);border:1px solid var(--outline-variant);cursor:pointer;transition:all .2s ease}.pur-secondary-btn:hover{background:var(--surface-container);transform:scale(1.03)}.pur-list{display:flex;flex-direction:column;gap:.75rem}.pur-card{display:flex;align-items:center;gap:1rem;background:var(--surface-container-lowest);border-radius:1.25rem;padding:1.25rem 1.5rem;border:1px solid var(--outline-variant);box-shadow:0 4px 15px #7850140d;transition:transform .2s ease,box-shadow .2s ease}.pur-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7850141a}.pur-card-icon{font-size:2.2rem;flex-shrink:0}.pur-card-info{flex:1;min-width:0}.pur-card-info h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.05rem;color:var(--on-surface);margin:0 0 .2rem}.pur-card-date{font-size:.85rem;color:var(--on-surface-variant);margin:0}.pur-card-action{flex-shrink:0}.pur-download-btn{padding:.6rem 1.25rem;font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #fdd34d40;white-space:nowrap}.pur-download-btn:hover{transform:scale(1.03);box-shadow:0 6px 18px #fdd34d59}.pur-download-active{background:var(--secondary-container);color:var(--on-secondary-container);box-shadow:none}.pur-processing{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.85rem;color:var(--on-surface-variant);white-space:nowrap}@keyframes pur-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pur-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pur-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media (max-width: 600px){.pur-card{flex-direction:column;text-align:center;padding:1.25rem}.pur-card-action,.pur-download-btn{width:100%}.pur-empty-actions{flex-direction:column}.pur-primary-btn,.pur-secondary-btn{width:100%}}.admin-hub{max-width:1200px;margin:0 auto}.admin-hub-header{text-align:center;margin-bottom:32px}.admin-hub-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2rem;color:var(--on-surface);margin:0 0 8px}.admin-hub-header p{color:var(--on-surface-variant);font-size:1rem;margin:0}.admin-section{margin-bottom:32px}.admin-section-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1.1rem;color:var(--on-surface-variant);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--outline-variant, #e0e0e0)}.admin-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.admin-nav-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--surface-container-lowest);border:2px solid transparent;border-radius:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7850140f;text-align:left;width:100%;font-family:Plus Jakarta Sans,sans-serif}.admin-nav-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7850141a;border-color:var(--primary-container)}.admin-nav-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fdd34d1a;border-radius:1rem}.admin-nav-info{flex:1;min-width:0}.admin-nav-info h3{margin:0 0 4px;font-size:1.05rem;color:var(--on-surface);font-weight:700}.admin-nav-info p{margin:0;font-size:.85rem;color:var(--on-surface-variant);line-height:1.3}.admin-nav-arrow{font-size:1.2rem;color:var(--outline-variant);flex-shrink:0;transition:color .2s,transform .2s}.admin-nav-card:hover .admin-nav-arrow{color:var(--primary);transform:translate(3px)}@media (max-width: 768px){.admin-hub-header h1{font-size:1.6rem}.admin-nav-grid{grid-template-columns:1fr}.admin-nav-card{padding:16px 18px}}.style-manager{width:100%;max-width:1100px;margin:0 auto}.sm-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:.75rem;margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem}.sm-success{background:#2d6a4f14;border:1px solid rgba(45,106,79,.2);color:#2d6a4f}.sm-error{background:#ba1a1a14;border:1px solid rgba(186,26,26,.2);color:var(--error)}.sm-dismiss{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit;opacity:.7;padding:0 4px}.sm-dismiss:hover{opacity:1}.sm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sm-header h2{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.5rem;color:var(--on-surface)}.sm-header-actions{display:flex;gap:8px}.sm-btn{padding:8px 16px;border:none;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.sm-btn:disabled{opacity:.5;cursor:not-allowed}.sm-btn-primary{background:var(--primary-container);color:var(--on-surface)}.sm-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #fdd34d59}.sm-btn-secondary{background:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.sm-btn-secondary:hover:not(:disabled){background:var(--outline-variant);transform:translateY(-2px)}.sm-btn-warning{background:#fdd34d33;color:var(--on-surface)}.sm-btn-warning:hover:not(:disabled){background:#fdd34d59;transform:translateY(-2px)}.sm-btn-success{background:#2d6a4f1a;color:#2d6a4f}.sm-btn-success:hover:not(:disabled){background:#2d6a4f2e;transform:translateY(-2px)}.sm-btn-small{padding:5px 10px;font-size:.8rem}.sm-filters{display:flex;gap:8px;margin-bottom:20px}.sm-filter-btn{padding:6px 14px;border:1px solid var(--outline-variant);border-radius:9999px;background:var(--surface-container-lowest);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--on-surface-variant);transition:all .25s ease}.sm-filter-btn.active{background:var(--primary-container);color:var(--on-surface);border-color:var(--primary-container);font-weight:800}.sm-filter-btn:hover:not(.active){border-color:var(--primary-container);background:#fdd34d0f;transform:scale(1.02)}.sm-loading{text-align:center;padding:30px;color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-weight:600}.sm-empty{text-align:center;padding:40px;color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem}.sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.sm-card{background:var(--surface-container-lowest);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #3738300f;transition:all .25s ease;border:1px solid var(--outline-variant)}.sm-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3738301a;border-color:var(--primary-container)}.sm-card-archived{opacity:.65}.sm-card-image{position:relative;width:100%;aspect-ratio:4/3;background:var(--surface);overflow:hidden}.sm-card-image img{width:100%;height:100%;object-fit:cover}.sm-card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--outline-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem}.sm-archived-badge{position:absolute;top:8px;right:8px;background:#37383099;color:var(--surface-container-lowest);padding:3px 10px;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600}.sm-card-body{padding:14px}.sm-card-body h3{margin:0 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1rem;color:var(--on-surface)}.sm-card-desc{margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--on-surface-variant);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-card-date{margin:0 0 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;color:var(--on-surface-variant)}.sm-card-actions{display:flex;gap:6px;flex-wrap:wrap}.sm-form-container{background:var(--surface-container-lowest);border-radius:1rem;padding:30px;box-shadow:0 4px 12px #3738300f;border:1px solid var(--outline-variant)}.sm-form-container h3{margin:0 0 20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;color:var(--on-surface)}.sm-form-group{margin-bottom:20px}.sm-form-group label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;color:var(--on-surface);margin-bottom:6px;font-size:.9rem}.sm-hint{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--on-surface-variant);margin:0 0 8px}.sm-input,.sm-textarea{width:100%;padding:10px 12px;border:2px solid var(--outline-variant);border-radius:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;color:var(--on-surface);background:var(--surface-container-lowest)}.sm-input:focus,.sm-textarea:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d33}.sm-input:disabled,.sm-textarea:disabled{background:var(--surface);color:var(--on-surface-variant)}.sm-textarea{resize:vertical;min-height:100px}.sm-char-count{display:block;text-align:right;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--on-surface-variant);margin-top:4px}.sm-form-actions{display:flex;gap:10px;margin-top:20px}.sm-current-preview{max-width:300px;margin:0 0 20px;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #3738300f;border:1px solid var(--outline-variant)}.sm-current-preview img{width:100%;height:auto;display:block}.sm-preview-container{background:var(--surface-container-lowest);border-radius:1rem;padding:30px;box-shadow:0 4px 12px #3738300f;border:1px solid var(--outline-variant)}.sm-preview-container h3{margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;color:var(--on-surface)}.sm-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.sm-preview-card{background:var(--surface);border-radius:1rem;overflow:hidden;border:2px solid transparent;transition:all .25s ease}.sm-preview-card:hover{border-color:var(--primary-container);transform:translateY(-2px)}.sm-preview-current{border-color:var(--secondary);box-shadow:0 0 0 4px #006c9026}.sm-preview-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.sm-preview-card-footer{padding:10px;text-align:center}.sm-current-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:800;color:var(--secondary)}@media (max-width: 768px){.sm-header{flex-direction:column;align-items:flex-start;gap:12px}.sm-grid{grid-template-columns:1fr}.sm-preview-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.sm-form-container,.sm-preview-container{padding:16px}}.ast-page{max-width:1200px;margin:0 auto;padding:0 20px 40px}.ast-denied{text-align:center;padding:80px 20px;color:var(--on-surface-variant)}.ast-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.85rem;color:var(--on-surface-variant)}.ast-breadcrumb button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.85rem;padding:0}.ast-breadcrumb button:hover{text-decoration:underline}.ast-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.ast-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--on-surface);margin:0}.ast-subtitle{color:var(--on-surface-variant);font-size:.85rem;margin:4px 0 0}.ast-header-actions{display:flex;gap:8px;flex-shrink:0}.ast-edit-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.ast-edit-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--on-surface);margin:0}.ast-btn{padding:10px 20px;border:none;border-radius:9999px;font-size:.88rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.ast-btn:disabled{opacity:.5;cursor:not-allowed}.ast-btn-sm{padding:6px 12px;font-size:.8rem}.ast-btn-full{width:100%;margin-bottom:8px}.ast-btn-primary{background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 2px 8px #fdd34d40}.ast-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #fdd34d66;transform:translateY(-1px)}.ast-btn-outline{background:#fdd34d14;color:var(--primary);border:1px solid rgba(253,211,77,.3)}.ast-btn-outline:hover:not(:disabled){background:#fdd34d26}.ast-btn-ghost{background:transparent;color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.ast-btn-ghost:hover:not(:disabled){background:var(--surface)}.ast-btn-danger{background:#be2d060f;color:var(--error);border:1px solid rgba(190,45,6,.15)}.ast-btn-danger:hover:not(:disabled){background:#be2d061f}.ast-btn-ai{margin-top:8px;background:linear-gradient(135deg,var(--primary-container) 0%,var(--primary) 100%);color:var(--on-primary-container);box-shadow:0 2px 8px #fdd34d40}.ast-btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fdd34d66}.ast-alert{padding:12px 16px;border-radius:1rem;margin-bottom:16px;font-size:.88rem;font-weight:500}.ast-alert-success{background:#006c9014;border:1px solid rgba(0,108,144,.15);color:var(--secondary)}.ast-alert-error{background:#be2d060f;border:1px solid rgba(190,45,6,.15);color:var(--error)}.ast-input,.ast-textarea,.ast-select{width:100%;padding:10px 12px;border:2px solid var(--outline-variant);border-radius:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;color:var(--on-surface);background:var(--surface-container-lowest)}.ast-input:focus,.ast-textarea:focus,.ast-select:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 4px #fdd34d4d;background:var(--surface-container-lowest)}.ast-input:disabled,.ast-textarea:disabled{background:var(--surface);color:var(--on-surface-variant)}.ast-textarea{resize:vertical;min-height:70px}.ast-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.5;min-height:300px}.ast-field{margin-bottom:16px}.ast-field label{display:flex;align-items:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--on-surface-variant);margin-bottom:6px;font-size:.88rem}.ast-filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.ast-filter-search{flex:1;min-width:180px;max-width:320px}.ast-select{min-width:140px;max-width:200px;background:var(--surface-container-lowest)}.ast-check-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--on-surface-variant);cursor:pointer;white-space:nowrap}.ast-table{border:1px solid var(--outline-variant);border-radius:1rem;overflow:hidden;background:var(--surface-container-lowest)}.ast-row{display:grid;grid-template-columns:56px 1fr 160px 56px 80px 80px 220px;gap:12px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--outline-variant)}.ast-row:last-child{border-bottom:none}.ast-row-head{background:var(--surface);border-bottom:1px solid var(--outline-variant);font-size:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.ast-row:not(.ast-row-head):hover{background:#fdd34d0a}.ast-row-archived{opacity:.55}.ast-thumb{width:48px;height:48px;border-radius:.5rem;object-fit:cover;border:1px solid var(--outline-variant)}.ast-thumb-empty{width:48px;height:48px;border-radius:.5rem;background:var(--surface);border:1px dashed var(--outline-variant)}.ast-title-link{background:none;border:none;padding:0;font-size:.92rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--on-surface);cursor:pointer;text-align:left;display:block}.ast-title-link:hover{color:var(--primary)}.ast-idea-line{font-size:.78rem;color:var(--on-surface-variant);margin-top:2px;line-height:1.3}.ast-cell-pages,.ast-cell-characters{text-align:center;font-weight:600;color:var(--on-surface-variant)}.ast-cell-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.ast-tag{display:inline-block;padding:2px 10px;background:#fdd34d1a;color:var(--primary);border:1px solid rgba(253,211,77,.25);border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;margin:1px}.ast-tag:hover{background:#fdd34d33}.ast-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.ast-badge-active{background:#006c901a;color:var(--secondary);border:1px solid rgba(0,108,144,.2)}.ast-badge-archived{background:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.ast-panel{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:1rem;padding:24px;margin-bottom:16px;box-shadow:0 2px 6px #7850140a}.ast-panel h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;margin:0 0 8px;font-size:1.1rem;color:var(--on-surface)}.ast-panel-desc{color:var(--on-surface-variant);font-size:.85rem;margin:0 0 16px}.ast-panel-actions{display:flex;gap:8px;margin-top:12px}.ast-progress{padding:8px 12px;background:#fdd34d14;border-radius:.5rem;font-size:.85rem;color:var(--primary);margin-top:8px}.ast-edit-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.ast-edit-main{min-width:0}.ast-edit-sidebar{position:sticky;top:20px}.ast-sidebar-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:1rem;padding:20px;margin-bottom:16px;box-shadow:0 2px 6px #7850140a}.ast-sidebar-card h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;margin:0 0 12px;font-size:.95rem;color:var(--on-surface)}.ast-cover-preview{width:100%;aspect-ratio:1;border-radius:.75rem;overflow:hidden;border:1px solid var(--outline-variant);margin-bottom:12px}.ast-cover-preview img{width:100%;height:100%;object-fit:cover}.ast-cover-empty{width:100%;aspect-ratio:1;border-radius:.75rem;border:2px dashed var(--outline-variant);display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);font-size:.85rem;margin-bottom:12px;background:var(--surface)}.ast-pages-box{border:1px solid var(--outline-variant);border-radius:1rem;overflow:hidden}.ast-pages-tabs{display:flex;border-bottom:1px solid var(--outline-variant);background:var(--surface)}.ast-pages-tab{padding:10px 20px;border:none;background:transparent;font-size:.85rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;cursor:pointer;color:var(--on-surface-variant);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.ast-pages-tab:hover{color:var(--primary)}.ast-pages-tab.active{color:var(--primary);border-bottom-color:var(--primary-container);background:var(--surface-container-lowest)}.ast-pages-visual,.ast-pages-raw{padding:16px}.ast-pages-empty{text-align:center;color:var(--on-surface-variant);padding:20px;font-size:.88rem}.ast-placeholder-hint{padding:10px 14px;background:#fdd34d14;border:1px solid rgba(253,211,77,.2);border-radius:.75rem;margin-bottom:14px;font-size:.82rem;color:var(--on-surface)}.ast-placeholder-hint strong{color:var(--primary)}.ast-placeholder-hint code{padding:1px 6px;background:#fdd34d1a;color:var(--primary);border:1px solid rgba(253,211,77,.25);border-radius:4px;font-size:.78rem;font-weight:600;font-family:monospace;margin:0 2px}.ast-placeholder-hint span{color:var(--on-surface-variant);font-size:.78rem}.ast-page-card{border:1px solid var(--outline-variant);border-radius:.75rem;padding:16px;margin-bottom:12px;background:var(--surface)}.ast-page-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ast-page-num{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--primary);font-size:.88rem}.ast-page-card .ast-field{margin-bottom:10px}.ast-page-card .ast-field label{font-size:.8rem;color:var(--on-surface-variant)}.ast-page-card .ast-textarea{min-height:60px;font-size:.88rem}.ast-ph-btns{display:inline-flex;gap:4px;margin-left:auto}.ast-ph-btn{padding:2px 6px;font-size:.72rem;background:#fdd34d1a;color:var(--primary);border:1px solid rgba(253,211,77,.25);border-radius:4px;cursor:pointer;font-family:monospace}.ast-ph-btn:hover:not(:disabled){background:#fdd34d33}.ast-json-error{margin-top:6px;color:var(--error);font-size:.82rem;font-weight:600}.ast-empty{text-align:center;padding:40px 20px;color:var(--on-surface-variant);font-size:.95rem}@media (max-width: 1000px){.ast-edit-layout{grid-template-columns:1fr}.ast-edit-sidebar{position:static;display:flex;gap:16px;flex-wrap:wrap}.ast-sidebar-card{flex:1;min-width:200px}}@media (max-width: 900px){.ast-row-head{display:none}.ast-row{display:flex;flex-direction:column;gap:6px;padding:16px}.ast-cell-actions{justify-content:flex-start}}@media (max-width: 768px){.ast-header{flex-direction:column}.ast-header-actions{width:100%}.ast-header-actions .ast-btn{flex:1}.ast-filters{flex-direction:column;align-items:stretch}.ast-filter-search,.ast-select{max-width:none}}.admin-dashboard{width:100%}.admin-dashboard h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface);margin-bottom:20px;font-size:1.4rem}.admin-dashboard-loading,.admin-dashboard-error{padding:40px;text-align:center;color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem}.admin-dashboard-error{color:var(--error)}.admin-table-wrapper{overflow-x:auto;border-radius:1rem;box-shadow:0 4px 12px #3738300f}.admin-table{width:100%;border-collapse:collapse;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem}.admin-table th,.admin-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--outline-variant);white-space:nowrap}.admin-table th{background:var(--surface);color:var(--on-surface-variant);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr:hover{background:#fdd34d0a}.badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600}.badge-admin{background:var(--primary-container);color:var(--on-surface)}.badge-template{background:#006c901f;color:var(--secondary)}.pdf-link{color:var(--secondary);text-decoration:none;font-weight:600}.usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.usage-card{background:var(--surface-container-lowest);border-radius:1rem;padding:20px;text-align:center;border:1px solid var(--outline-variant);box-shadow:0 4px 12px #3738300f;transition:all .25s ease}.usage-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #37383014}.usage-card-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;text-transform:capitalize;color:var(--on-surface-variant);margin-bottom:8px;font-weight:600}.usage-card-cost{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;color:var(--on-surface);margin-bottom:4px}.usage-card-count{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--on-surface-variant)}.usage-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.usage-breakdown h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface);margin-bottom:12px;font-size:1.1rem}.grant-coins-btn{padding:4px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;background:var(--primary-container);color:var(--on-surface);border:none;border-radius:9999px;cursor:pointer;font-weight:600;transition:all .25s ease}.grant-coins-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #fdd34d4d}.impersonate-btn{padding:4px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;background:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:9999px;cursor:pointer;font-weight:600;margin-left:6px;transition:all .25s ease}.impersonate-btn:hover{transform:scale(1.02);background:var(--secondary);color:var(--surface-container-lowest);border-color:var(--secondary)}.grant-coins-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#37383066;display:flex;align-items:center;justify-content:center;z-index:1000}.grant-coins-modal{background:var(--surface-container-lowest);border-radius:1.5rem;padding:28px;width:380px;max-width:90vw;box-shadow:0 12px 40px #37383026;border:1px solid var(--outline-variant)}.grant-coins-modal h3{margin:0 0 20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;color:var(--on-surface)}.grant-coins-field{margin-bottom:14px}.grant-coins-field label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;color:var(--on-surface-variant);margin-bottom:4px}.grant-coins-field input{width:100%;padding:8px 12px;border:1px solid var(--outline-variant);border-radius:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;box-sizing:border-box;background:var(--surface-container-lowest);color:var(--on-surface);transition:border-color .2s ease,box-shadow .2s ease}.grant-coins-field input:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d33}.grant-coins-error{color:var(--error);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;margin-bottom:10px}.grant-coins-success{color:#2d6a4f;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;margin-bottom:10px}.grant-coins-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.grant-coins-cancel{padding:8px 16px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:9999px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--on-surface-variant);transition:all .25s ease}.grant-coins-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3738300f}.grant-coins-submit{padding:8px 16px;background:var(--primary-container);color:var(--on-surface);border:none;border-radius:9999px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:.85rem;transition:all .25s ease}.grant-coins-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #fdd34d4d}.grant-coins-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.usage-breakdowns{grid-template-columns:1fr}.admin-table th,.admin-table td{padding:8px 10px;font-size:.8rem}}.admin-book-orders{width:100%}.approval-queue-section{margin-bottom:28px}.approval-queue-section h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface);margin-bottom:14px;font-size:1.1rem}.approval-queue{display:flex;flex-direction:column;gap:16px}.approval-card{background:var(--surface-container-lowest);border:2px solid #e8a820;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #e8a82014}.approval-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#e8a8200f;border-bottom:1px solid var(--outline-variant)}.approval-card-title{display:flex;align-items:center;gap:12px}.approval-order-id{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1rem;color:var(--on-surface)}.approval-story-link{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--secondary);font-weight:600;cursor:pointer;text-decoration:none}.approval-story-link:hover{text-decoration:underline}.approval-card-body{padding:16px 20px}.approval-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}.approval-detail{display:flex;flex-direction:column;gap:2px}.approval-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant)}.approval-value{font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;color:var(--on-surface);font-weight:500}.approval-pdf-section{margin-top:8px}.view-pdf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700;background:var(--secondary-container, rgba(0, 108, 144, .12));color:var(--secondary);border:none;border-radius:9999px;text-decoration:none;transition:all .25s ease}.view-pdf-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #006c9033}.approval-card-actions{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--outline-variant);background:var(--surface-container-low, rgba(0,0,0,.02))}.approve-btn{padding:8px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;background:#2d6a4f;color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:all .25s ease}.approve-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #2d6a4f4d}.approve-btn:disabled{opacity:.5;cursor:not-allowed}.reject-btn{padding:8px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;background:transparent;color:var(--error);border:1px solid var(--error);border-radius:9999px;cursor:pointer;transition:all .25s ease}.reject-btn:hover:not(:disabled){background:#ba1a1a14}.reject-btn:disabled{opacity:.5;cursor:not-allowed}.table-actions{display:flex;gap:6px}.table-approve-btn{padding:4px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;background:#2d6a4f;color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease}.table-approve-btn:hover:not(:disabled){box-shadow:0 2px 8px #2d6a4f4d}.table-approve-btn:disabled{opacity:.5;cursor:not-allowed}.table-reject-btn{padding:4px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;background:transparent;color:var(--error);border:1px solid var(--error);border-radius:9999px;cursor:pointer;transition:all .2s ease}.table-reject-btn:hover:not(:disabled){background:#ba1a1a14}.table-reject-btn:disabled{opacity:.5;cursor:not-allowed}.story-link{color:var(--secondary);font-weight:600;cursor:pointer;text-decoration:none}.story-link:hover{text-decoration:underline}.pdf-link{color:var(--secondary);font-weight:600;text-decoration:none;font-size:.85rem}.pdf-link:hover{text-decoration:underline}@media (max-width: 768px){.approval-details-grid{grid-template-columns:1fr 1fr}.approval-card-actions,.table-actions{flex-direction:column}}.admin-story-detail{width:100%}.admin-story-detail-loading,.admin-story-detail-error{padding:40px;text-align:center;color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem}.admin-story-detail-error{color:var(--error)}.admin-back-btn{padding:6px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;background:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:9999px;cursor:pointer;font-weight:600;margin-bottom:16px;transition:all .25s ease}.admin-back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3738300f}.story-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.story-detail-header h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface);margin:0;font-size:1.4rem}.story-detail-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.detail-card{background:var(--surface-container-lowest);border-radius:1rem;padding:18px;border:1px solid var(--outline-variant);box-shadow:0 4px 12px #3738300f;transition:all .25s ease}.detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #37383014}.detail-card-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);margin-bottom:6px;font-weight:600}.detail-card-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800;color:var(--on-surface);margin-bottom:4px}.detail-card-sub{font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;color:var(--on-surface-variant)}.dispatch-narration-btn{margin-top:8px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;background:var(--primary-container);color:var(--on-surface);border:none;border-radius:9999px;cursor:pointer;font-weight:700;transition:all .25s ease}.dispatch-narration-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #fdd34d4d}.dispatch-narration-btn:disabled{opacity:.5;cursor:not-allowed}.narration-message{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;margin-top:6px}.narration-message.success{color:#2d6a4f}.narration-message.error{color:var(--error)}.story-detail-section{margin-bottom:28px}.story-detail-section h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--on-surface);margin-bottom:12px;font-size:1.1rem}.story-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:var(--on-surface);margin-bottom:12px}.story-info-grid a{color:var(--secondary);font-weight:600;text-decoration:none}.story-info-grid a:hover{text-decoration:underline}.story-idea-block{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:var(--on-surface)}.story-idea-block p{margin:4px 0 0;color:var(--on-surface-variant);line-height:1.5}.content-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--on-surface-variant)}.indicator{font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:600}.indicator-yes{color:#2d6a4f}.indicator-no{color:var(--on-surface-variant);opacity:.5}.regen-count{font-size:.72rem;color:var(--on-surface-variant)}.badge-success{background:#2d6a4f1f;color:#2d6a4f}.badge-error{background:#ba1a1a1f;color:var(--error)}.badge-warning{background:#b78e1b1f;color:#7a6118}.badge-info{background:#006c901f;color:var(--secondary)}.badge-pending-approval{background:#e8a82026;color:#a67c10}.badge-page-cover{background:#fdd34d26;color:#7a6118}.badge-page-dedication{background:#ba1a1a14;color:#9a4040}.badge-page-story{background:#006c9014;color:var(--secondary)}.error-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--error)}.empty-state{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:var(--on-surface-variant);text-align:center;padding:20px}.story-row-clickable{cursor:pointer;transition:background .15s ease}.story-row-clickable:hover{background:#fdd34d14!important}.lulu-pdf-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--outline-variant)}.lulu-pdf-controls{display:flex;align-items:center;gap:12px}.lulu-pdf-link{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700;color:var(--secondary);text-decoration:none;padding:6px 14px;border:1px solid var(--secondary);border-radius:9999px;transition:all .25s ease}.lulu-pdf-link:hover{background:#006c9014}.book-order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.book-order-header h3{margin-bottom:0}.order-book-btn{padding:6px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;background:var(--primary-container);color:var(--on-surface);border:none;border-radius:9999px;cursor:pointer;font-weight:700;transition:all .25s ease}.order-book-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #fdd34d4d}.order-message{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;padding:8px 14px;border-radius:8px;margin-bottom:14px}.order-message.success{background:#2d6a4f14;color:#2d6a4f}.order-message.error{background:#ba1a1a14;color:var(--error)}.book-order-form{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:1rem;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #3738300f}.book-order-form h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--on-surface);margin:0 0 14px;font-size:.95rem}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.3px}.form-field input,.form-field select{padding:8px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface);color:var(--on-surface);transition:border-color .2s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--primary)}.submit-order-btn{padding:10px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;background:var(--primary);color:var(--on-primary);border:none;border-radius:9999px;cursor:pointer;font-weight:700;transition:all .25s ease}.submit-order-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 16px #fdd34d66}.submit-order-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.story-detail-cards{grid-template-columns:repeat(2,1fr)}.story-info-grid,.order-form-grid{grid-template-columns:1fr}}.admin-subscriptions{width:100%;max-width:1100px;margin:0 auto}.sub-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:.75rem;margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem}.sub-success{background:#2d6a4f14;border:1px solid rgba(45,106,79,.2);color:#2d6a4f}.sub-error{background:#ba1a1a14;border:1px solid rgba(186,26,26,.2);color:var(--error)}.sub-dismiss{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit;opacity:.7;padding:0 4px}.sub-dismiss:hover{opacity:1}.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sub-header h2{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.5rem;color:var(--on-surface)}.sub-header-actions{display:flex;gap:8px}.sub-btn{padding:8px 16px;border:none;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn-primary{background:var(--primary-container);color:var(--on-surface)}.sub-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #fdd34d59}.sub-btn-secondary{background:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.sub-btn-secondary:hover:not(:disabled){background:var(--outline-variant);transform:translateY(-2px)}.sub-btn-create{background:#2d6a4f;color:#fff}.sub-btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f4d}.sub-btn-warning{background:#ba1a1a14;color:var(--error);border:1px solid rgba(186,26,26,.2)}.sub-btn-warning:hover:not(:disabled){background:#ba1a1a26;transform:translateY(-2px)}.sub-btn-success{background:#2d6a4f1a;color:#2d6a4f}.sub-btn-success:hover:not(:disabled){background:#2d6a4f2e;transform:translateY(-2px)}.sub-btn-small{padding:5px 12px;font-size:.82rem}.sub-filters{display:flex;gap:8px;margin-bottom:20px}.sub-filter-btn{padding:6px 14px;border:1px solid var(--outline-variant);border-radius:9999px;background:var(--surface-container-lowest);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--on-surface-variant);transition:all .25s ease}.sub-filter-btn.active{background:var(--primary-container);color:var(--on-surface);border-color:var(--primary-container);font-weight:800}.sub-filter-btn:hover:not(.active){border-color:var(--primary-container);background:#fdd34d0f;transform:scale(1.02)}.sub-loading{text-align:center;padding:30px;color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-weight:600}.sub-empty{text-align:center;padding:40px;color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem}.sub-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.sub-plan-card{background:var(--surface-container-lowest);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #3738300f;border:1px solid var(--outline-variant);transition:all .25s ease}.sub-plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3738301a;border-color:var(--primary-container)}.sub-plan-inactive{opacity:.6}.sub-plan-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.sub-plan-card-header h3{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;color:var(--on-surface)}.sub-inactive-badge{background:#3738301a;color:var(--on-surface-variant);padding:2px 10px;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:600}.sub-plan-card-body{padding:12px 20px}.sub-plan-price{font-family:Plus Jakarta Sans,sans-serif;font-size:1.8rem;font-weight:800;color:var(--on-surface);margin-bottom:4px}.sub-plan-price span{font-size:.9rem;font-weight:600;color:var(--on-surface-variant)}.sub-plan-stories{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;color:var(--secondary);font-weight:700;margin-bottom:8px}.sub-plan-desc{font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;color:var(--on-surface-variant);line-height:1.4;margin:0 0 8px}.sub-plan-date{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;color:var(--on-surface-variant);margin:0}.sub-plan-card-actions{display:flex;gap:8px;padding:12px 20px 16px}.sub-table-wrapper{overflow-x:auto;border-radius:1rem;box-shadow:0 4px 12px #3738300f}.sub-table{width:100%;border-collapse:collapse;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem}.sub-table th,.sub-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--outline-variant);white-space:nowrap}.sub-table th{background:var(--surface);color:var(--on-surface-variant);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.sub-table tbody tr:hover{background:#fdd34d0a}.sub-user-cell{display:flex;flex-direction:column;gap:2px}.sub-user-name{font-weight:700;color:var(--on-surface)}.sub-user-email{font-size:.78rem;color:var(--on-surface-variant)}.sub-plan-cell{display:flex;flex-direction:column;gap:2px}.sub-plan-stories-label{font-size:.75rem;color:var(--on-surface-variant)}.sub-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;text-transform:capitalize}.sub-badge-active{background:#2d6a4f1a;color:#2d6a4f}.sub-badge-canceled{background:#ba1a1a14;color:var(--error)}.sub-badge-past-due{background:#e8a82026;color:#a67c10}.sub-badge-paused{background:#37383014;color:var(--on-surface-variant)}.sub-form-container{background:var(--surface-container-lowest);border-radius:1rem;padding:30px;box-shadow:0 4px 12px #3738300f;border:1px solid var(--outline-variant)}.sub-form-container h3{margin:0 0 20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;color:var(--on-surface)}.sub-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sub-form-group{margin-bottom:16px}.sub-form-group label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;color:var(--on-surface);margin-bottom:6px;font-size:.9rem}.sub-input,.sub-textarea{width:100%;padding:10px 12px;border:2px solid var(--outline-variant);border-radius:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;color:var(--on-surface);background:var(--surface-container-lowest)}.sub-input:focus,.sub-textarea:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d33}.sub-input:disabled,.sub-textarea:disabled{background:var(--surface);color:var(--on-surface-variant)}.sub-textarea{resize:vertical;min-height:80px}.sub-form-actions{display:flex;gap:10px;margin-top:20px}@media (max-width: 768px){.sub-header{flex-direction:column;align-items:flex-start;gap:12px}.sub-plans-grid,.sub-form-row{grid-template-columns:1fr}.sub-form-container{padding:16px}.sub-table th,.sub-table td{padding:8px 10px;font-size:.8rem}}.atags-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.atags-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.atags-title{font-size:1.75rem;font-weight:800;margin:0;color:#1a1a1a}.atags-subtitle{font-size:.9rem;color:#777;margin:.25rem 0 0;max-width:500px}.atags-count{font-size:.85rem;font-weight:600;color:#888;background:#f2f2f2;padding:.3rem .75rem;border-radius:999px;white-space:nowrap;margin-top:.25rem}.atags-toast{padding:.65rem 1rem;border-radius:8px;font-size:.88rem;font-weight:500;margin-bottom:1rem}.atags-toast-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.atags-toast-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.atags-loading{text-align:center;padding:3rem;color:#888;font-size:.95rem}.atags-empty{text-align:center;padding:4rem 2rem;color:#999}.atags-empty-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.atags-empty p{margin:0;font-size:1.05rem;font-weight:600;color:#666}.atags-empty-hint{font-size:.88rem!important;font-weight:400!important;color:#999!important;margin-top:.35rem!important}.atags-table-wrap{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.atags-table{width:100%;border-collapse:collapse;font-size:.92rem}.atags-table thead{background:#fafafa}.atags-table th{text-align:left;padding:.75rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#888;border-bottom:1px solid #e5e5e5}.atags-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.atags-table tbody tr:last-child td{border-bottom:none}.atags-table tbody tr:hover{background:#fafafa}.atags-row-editing{background:#fffbeb!important}.atags-tag-chip{display:inline-block;background:#f3f0e8;color:#5c5300;padding:.25rem .7rem;border-radius:999px;font-size:.88rem;font-weight:600}.atags-name-cell{width:50%}.atags-date-cell{color:#999;font-size:.85rem}.atags-actions-cell{display:flex;gap:.4rem;justify-content:flex-end}.atags-edit-input{width:100%;padding:.4rem .6rem;border:2px solid #d4a900;border-radius:6px;font-size:.9rem;font-family:inherit;outline:none;background:#fff}.atags-edit-input:focus{border-color:#b8960a;box-shadow:0 0 0 3px #b496001f}.atags-btn{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.atags-btn-rename{background:#f5f5f5;color:#333;border-color:#ddd}.atags-btn-rename:hover{background:#eee}.atags-btn-delete{background:#fff;color:#dc2626;border-color:#fecaca}.atags-btn-delete:hover{background:#fef2f2}.atags-btn-save{background:#8b7500;color:#fff}.atags-btn-save:hover{background:#7a6700}.atags-btn-save:disabled{opacity:.5;cursor:not-allowed}.atags-btn-cancel{background:#f5f5f5;color:#666;border-color:#ddd}.atags-btn-cancel:hover{background:#eee}.asettings-page{max-width:700px;margin:0 auto;padding:32px 16px}.asettings-header{margin-bottom:24px}.asettings-title{font-size:1.5rem;font-weight:700;margin:0 0 4px}.asettings-subtitle{color:var(--on-surface-variant, #666);margin:0;font-size:.95rem}.asettings-loading{text-align:center;padding:48px 0;color:var(--on-surface-variant, #888)}.asettings-toast{padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.asettings-toast-error{background:#fdecea;color:#b71c1c}.asettings-toast-success{background:#e8f5e9;color:#2e7d32}.asettings-card{background:var(--surface, #fff);border:1px solid var(--outline-variant, #ddd);border-radius:12px;padding:24px}.asettings-card-title{font-size:1.1rem;font-weight:600;margin:0 0 20px}.asettings-field{margin-bottom:20px}.asettings-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}.asettings-hint{color:var(--on-surface-variant, #888);font-size:.85rem;margin:0 0 8px}.asettings-input-row{display:flex;align-items:center;gap:4px;max-width:160px}.asettings-currency{font-size:1rem;font-weight:600;color:var(--on-surface-variant, #666)}.asettings-input{padding:8px 12px;border:1px solid var(--outline-variant, #ccc);border-radius:8px;font-size:1rem;width:120px}.asettings-input:focus{outline:none;border-color:var(--primary, #1976d2);box-shadow:0 0 0 2px #1976d226}.asettings-save-btn{background:var(--primary, #1976d2);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.asettings-save-btn:hover:not(:disabled){background:var(--primary-dark, #1565c0)}.asettings-save-btn:disabled{opacity:.6;cursor:not-allowed}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.legal-page .mvp-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffcf2d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-variant)}.legal-page .mvp-logo{cursor:pointer}.legal-page .mvp-logo-icon{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.5rem;color:var(--primary-container)}.legal-content{max-width:800px;margin:0 auto;padding:3rem 2rem 4rem;flex:1}.legal-content h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.2rem;color:var(--on-surface);margin-bottom:.5rem}.legal-effective-date{color:var(--on-surface-variant);font-size:.95rem;margin-bottom:2rem}.legal-content h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.4rem;color:var(--on-surface);margin-top:2.5rem;margin-bottom:.75rem}.legal-content h3{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:700;color:var(--on-surface);margin-top:1.5rem;margin-bottom:.5rem}.legal-content p,.legal-content li{font-size:1rem;line-height:1.7;color:var(--on-surface-variant);margin-bottom:.75rem}.legal-content ul,.legal-content ol{padding-left:1.5rem;margin-bottom:1rem}.legal-content a{color:var(--primary);text-decoration:underline}.legal-content a:hover{opacity:.8}.legal-page .mvp-footer{text-align:center;padding:1.5rem;color:var(--on-surface-variant);font-size:.85rem;border-top:1px solid var(--outline-variant)}@media (max-width: 768px){.legal-content{padding:2rem 1rem 3rem}.legal-content h1{font-size:1.8rem}.legal-content h2{font-size:1.2rem}}.about-page{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.about-page .mvp-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffcf2d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-variant)}.about-page .mvp-logo{cursor:pointer}.about-hero{text-align:center;padding:4rem 2rem 2rem;background:linear-gradient(180deg,#fff8e1 0%,var(--surface) 100%)}.about-hero h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.8rem;color:var(--on-surface);margin-bottom:1rem}.about-hero-subtitle{font-size:1.2rem;line-height:1.8;color:var(--on-surface-variant);max-width:560px;margin:0 auto}.about-content{max-width:720px;margin:0 auto;padding:1rem 2rem 4rem;flex:1}.about-section{margin-bottom:1.5rem}.about-card{background:#fff;border:1px solid var(--outline-variant);border-radius:20px;padding:2.5rem 2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.about-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.about-icon{font-size:2.4rem;display:block;margin-bottom:.75rem}.about-card h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.5rem;color:var(--on-surface);margin-bottom:.75rem}.about-card p{font-size:1.05rem;line-height:1.75;color:var(--on-surface-variant);margin-bottom:.75rem}.about-card p:last-child{margin-bottom:0}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.about-feature{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:12px;padding:.65rem 1rem;font-size:.95rem;color:var(--on-surface)}.feature-icon{font-size:1.3rem}.about-cta-card{text-align:center;background:linear-gradient(135deg,#fff8e1,#e8f5e9);border:2px solid var(--primary)}.about-cta-button{display:inline-block;margin-top:1rem;padding:.85rem 2.5rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1.1rem;color:#fff;background:var(--primary);border:none;border-radius:50px;cursor:pointer;transition:background .2s ease,transform .15s ease}.about-cta-button:hover{background:var(--primary-container);transform:scale(1.04)}.about-contact{text-align:center;color:var(--on-surface-variant);font-size:.95rem}.about-contact a{color:var(--primary);text-decoration:underline}.about-contact a:hover{opacity:.8}.about-links{margin-top:.5rem}.about-page .mvp-footer{text-align:center;padding:1.5rem;color:var(--on-surface-variant);font-size:.85rem;border-top:1px solid var(--outline-variant)}@media (max-width: 768px){.about-hero{padding:3rem 1rem 1.5rem}.about-hero h1{font-size:2rem}.about-hero-subtitle{font-size:1.05rem}.about-content{padding:1rem 1rem 3rem}.about-card{padding:2rem 1.25rem}.about-features{grid-template-columns:1fr}}.book-mockup{display:inline-block}.book-mockup-inner{position:relative;display:inline-block;margin-left:12px;margin-top:10px}.book-mockup-back{position:absolute;top:3px;left:-2px;right:-2px;bottom:-4px;z-index:0;background:#8a857e;border-radius:2px 8px 8px 2px;box-shadow:3px 5px 14px #00000038,1px 2px 4px #0000001f}.book-mockup-cover{display:block;width:100%;height:auto;border-radius:0 6px 6px 0;position:relative;z-index:2}.book-mockup-spine{position:absolute;top:0;left:-12px;bottom:-4px;width:12px;z-index:2;background:linear-gradient(to right,#7a756e,#8a857e,#928d86,#8a857e,#7a756e);border-radius:4px 0 0 6px;box-shadow:-1px 1px 3px #00000026,inset -2px 0 3px #0000001a}.book-mockup-top{position:absolute;top:-8px;left:-10px;right:0;height:8px;z-index:2;background:linear-gradient(to bottom,#807b74,#8a857e 20%,#f2f0ea 28%,#ebe9e3 68%,#8a857e 78%,#807b74);border-radius:3px 3px 0 0;box-shadow:0 -1px 3px #0000001a}.book-mockup-corner{position:absolute;top:-8px;left:-12px;width:14px;height:10px;z-index:3;background:#7a756e;border-radius:5px 0 0}.book-mockup-shine{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 6px 6px 0;z-index:3;background:linear-gradient(130deg,#ffffff1a,#fff0 35%,#00000008);pointer-events:none}.ui-demo{max-width:1200px;margin:0 auto;padding:2rem}.ui-demo-header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,var(--primary),var(--primary-container));border-radius:2rem;color:#fff}.ui-demo-header h1{color:#fff;margin-bottom:.5rem}.ui-demo-header p{color:#ffffffd9;font-size:1.2em}.ui-demo-section{margin-bottom:3rem}.ui-demo-section h2{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--outline-variant)}.ui-demo-section>p{margin-bottom:1.5rem;font-size:.95em}.ui-demo-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.ui-demo-col{display:flex;flex-direction:column;gap:1rem}.ui-demo-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.ui-demo-swatch{border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px var(--shadow-soft);border:1px solid var(--outline-variant)}.ui-demo-swatch-color{height:80px}.ui-demo-swatch-info{padding:.75rem;background:var(--surface-container-lowest)}.ui-demo-swatch-info strong{display:block;font-size:.85em;color:var(--on-surface)}.ui-demo-swatch-info code{font-size:.78em;color:var(--on-surface-variant)}.ui-demo-type-table{width:100%;border-collapse:collapse}.ui-demo-type-table td{padding:1rem 0;border-bottom:1px solid var(--outline-variant);vertical-align:middle}.ui-demo-type-table td:first-child{width:120px;color:var(--on-surface-variant);font-size:.85em;font-weight:600}.btn-secondary{background:var(--secondary);color:var(--on-secondary);box-shadow:0 4px 15px #006c904d}.btn-secondary:hover{background:#005f80}.btn-tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container);box-shadow:0 4px 15px #a6463f33}.btn-outline{background:transparent;border:2px solid var(--primary-container);color:var(--primary);box-shadow:none}.btn-outline:hover{background:var(--primary-container);color:var(--on-primary-container)}.btn-ghost{background:transparent;color:var(--on-surface-variant);box-shadow:none}.btn-ghost:hover{background:var(--surface-container);color:var(--on-surface);transform:none}.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);box-shadow:0 8px 20px #7a610033}.btn-sm{padding:.4em 1em;font-size:.85em;min-height:36px}.btn-lg{padding:1em 2.5em;font-size:1.2em;min-height:56px;font-weight:800}.btn-icon{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;min-height:unset;font-size:1.3em}.ui-demo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.ui-demo-card-basic{background:var(--surface-container-lowest);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px var(--shadow-soft);transition:all .3s ease}.ui-demo-card-basic:hover{box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-2px)}.ui-demo-card-basic h3{font-size:1.2em;margin-bottom:.5rem}.ui-demo-card-basic p{font-size:.9em;margin-bottom:1rem}.ui-demo-card-image{background:var(--surface-container-lowest);border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 25px var(--shadow-soft);transition:all .3s ease}.ui-demo-card-image:hover{box-shadow:0 12px 35px var(--shadow-medium);transform:translateY(-4px)}.ui-demo-card-image-placeholder{height:180px;background:linear-gradient(135deg,var(--primary-container),var(--secondary-container));display:flex;align-items:center;justify-content:center;font-size:3em}.ui-demo-card-image-body{padding:1.5rem}.ui-demo-card-image-body h3{font-size:1.2em;margin-bottom:.5rem}.ui-demo-card-image-body p{font-size:.9em;margin-bottom:1rem}.ui-demo-style-card{background:var(--surface-container-lowest);border-radius:2.5rem;padding:1rem;box-shadow:0 4px 12px var(--shadow-soft);border:4px solid transparent;transition:all .3s ease;cursor:pointer;text-align:left}.ui-demo-style-card:hover{box-shadow:0 12px 35px var(--shadow-medium);transform:translateY(-4px);border-color:#fdd34d4d}.ui-demo-style-card.selected{border-color:var(--primary-container);box-shadow:0 8px 25px var(--shadow-medium);transform:scale(1.02);ring:8px}.ui-demo-style-card-image{width:100%;aspect-ratio:1;border-radius:2rem;background:var(--surface-container);display:flex;align-items:center;justify-content:center;font-size:4em;margin-bottom:1rem;overflow:hidden}.ui-demo-style-card h3{font-size:1.3em;font-weight:900;padding:0 .75rem;margin-bottom:.25rem}.ui-demo-style-card p{font-size:.9em;padding:0 .75rem .75rem}.ui-demo-story-card{background:var(--surface-container-lowest);border-radius:1rem;overflow:hidden;box-shadow:0 8px 25px var(--shadow-soft);transition:all .3s ease}.ui-demo-story-card:hover{box-shadow:0 12px 35px var(--shadow-medium);transform:scale(1.02) translateY(-4px)}.ui-demo-story-card-image{aspect-ratio:4/3;background:var(--surface-container);display:flex;align-items:center;justify-content:center;font-size:3em;position:relative;overflow:hidden}.ui-demo-story-card-body{padding:1.5rem}.ui-demo-story-card-body h3{font-size:1.3em;font-weight:700;margin-bottom:.5rem}.ui-demo-story-card-body p{font-size:.9em;margin-bottom:1rem}.ui-demo-fun-card-content{padding:2rem}.ui-demo-fun-card-content h3{margin-bottom:.5rem}.ui-demo-fun-card-content p{margin-bottom:1rem}.ui-demo-form{max-width:500px}.ui-demo-form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.ui-demo-form-group label{font-weight:700;color:var(--on-surface);font-size:.95em}.ui-demo-form-group input,.ui-demo-form-group textarea,.ui-demo-form-group select{padding:.75rem 1rem;border:2px solid var(--outline-variant);border-radius:.75rem;font-size:1em;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;background:var(--surface-container-lowest);color:var(--on-surface)}.ui-demo-form-group input:focus,.ui-demo-form-group textarea:focus,.ui-demo-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #fdd34d4d}.ui-demo-form-group textarea{min-height:100px;resize:vertical}.ui-demo-badge{display:inline-flex;align-items:center;padding:.3em .85em;border-radius:9999px;font-size:.78em;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-primary{background:var(--primary-container);color:var(--on-primary-container)}.badge-secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.badge-tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container)}.badge-surface{background:var(--surface-container-highest);color:var(--on-surface-variant)}.badge-success{background:#006b621f;color:#006b62}.badge-error{background:#be2d061f;color:var(--error)}.ui-demo-progress{width:100%;max-width:500px;height:12px;background:var(--surface-container-high);border-radius:9999px;overflow:hidden}.ui-demo-progress-fill{height:100%;border-radius:9999px;transition:width .5s ease}.progress-primary{background:linear-gradient(90deg,var(--primary),var(--primary-container))}.progress-secondary{background:linear-gradient(90deg,var(--secondary),var(--secondary-container))}.progress-success{background:linear-gradient(90deg,#006b62,#67efdf)}.ui-demo-spinner{width:40px;height:40px;border:4px solid var(--surface-container-high);border-top-color:var(--primary);border-radius:50%;animation:ui-demo-spin .8s linear infinite}@keyframes ui-demo-spin{to{transform:rotate(360deg)}}.ui-demo-alert{padding:1rem 1.25rem;border-radius:1rem;font-size:.95em;display:flex;align-items:center;gap:.75rem}.alert-info{background:#006c9014;border:1px solid rgba(0,108,144,.2);color:var(--on-secondary-container)}.alert-success{background:#006b6214;border:1px solid rgba(0,107,98,.2);color:#006b62}.alert-warning{background:#7a610014;border:1px solid rgba(122,97,0,.2);color:var(--primary)}.alert-error{background:#be2d0614;border:1px solid rgba(190,45,6,.2);color:var(--error)}.ui-demo-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.75em}.avatar-md{width:48px;height:48px;font-size:1em}.avatar-lg{width:64px;height:64px;font-size:1.3em}.ui-demo-reader-preview{position:relative;width:100%;max-width:800px;aspect-ratio:16/9;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 40px var(--shadow-medium);background:var(--surface-container)}.ui-demo-reader-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5em;background:linear-gradient(135deg,#2d3436,#636e72)}.ui-demo-reader-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(55,56,48,.9) 0%,transparent 100%);display:flex;flex-direction:column;align-items:center;text-align:center}.ui-demo-reader-text{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem 2rem;max-width:600px}.ui-demo-reader-text p{color:#fff;font-size:1.1em;font-weight:600;line-height:1.6}.ui-demo-reader-dots{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.ui-demo-reader-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.ui-demo-reader-dot.active{width:24px;border-radius:4px;background:var(--primary-container)}.ui-demo-page-card{background:var(--surface-container-lowest);border-radius:1rem;padding:1.25rem;box-shadow:0 8px 25px var(--shadow-soft);transition:all .3s ease}.ui-demo-page-card:hover{transform:translateY(-4px)}.ui-demo-page-card-image{aspect-ratio:4/5;border-radius:.75rem;background:var(--surface-container);display:flex;align-items:center;justify-content:center;font-size:3em;margin-bottom:1rem;overflow:hidden;position:relative}.ui-demo-page-card-badge{position:absolute;top:.75rem;right:.75rem;background:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:9999px;font-size:.7em;font-weight:700}.ui-demo-page-card p{font-style:italic;font-size:.9em;line-height:1.5}.ui-demo-action-bar{display:flex;align-items:center;justify-content:space-between;background:#fefdf1cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 1.5rem;border-radius:9999px;box-shadow:0 -8px 30px #37383014;border:1px solid var(--surface-container-lowest);max-width:600px;margin:0 auto}.ui-demo-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:-1;pointer-events:none}.ui-demo-divider{border:none;border-top:2px solid var(--outline-variant);margin:2rem 0}.ui-demo-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.ui-demo-toc a{padding:.4em 1em;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:9999px;font-size:.85em;color:var(--on-surface-variant);font-weight:600;transition:all .2s ease}.ui-demo-toc a:hover{border-color:var(--primary-container);color:var(--primary);background:#fdd34d14}@media (max-width: 768px){.ui-demo{padding:1rem}.ui-demo-header{padding:2rem 1rem}.ui-demo-cards{grid-template-columns:1fr}}.contact-page{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.contact-page .mvp-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffcf2d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-variant)}.contact-page .mvp-logo{cursor:pointer}.contact-content{max-width:600px;margin:0 auto;padding:3rem 2rem 4rem;flex:1;position:relative}.contact-hero{text-align:center;margin-bottom:2.5rem}.contact-wave{font-size:3rem;display:inline-block;animation:contact-wiggle 1.5s ease-in-out infinite}@keyframes contact-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.contact-hero h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.2rem;color:var(--on-surface);margin:.5rem 0}.contact-subtitle{color:var(--on-surface-variant);font-size:1.05rem;line-height:1.6;max-width:460px;margin:0 auto}.contact-form{background:var(--surface-container-lowest);border:2px solid var(--primary-container);border-radius:20px;padding:2rem;box-shadow:0 8px 30px var(--shadow-soft)}.contact-field{margin-bottom:1.25rem}.contact-field label{display:block;font-weight:700;font-size:.9rem;color:var(--on-surface);margin-bottom:.4rem}.contact-field input,.contact-field textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--outline-variant);border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;color:var(--on-surface);background:var(--surface);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #fdd34d4d}.contact-field textarea{resize:vertical;min-height:120px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--outline);opacity:.7}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1.05rem;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fdd34d66}.contact-btn:active{transform:translateY(0)}.contact-btn-icon{font-size:1.2rem}.contact-success{text-align:center;background:var(--surface-container-lowest);border:2px solid var(--primary-container);border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 30px var(--shadow-soft)}.contact-success-icon{font-size:3.5rem;display:inline-block;animation:contact-bounce 1s ease-in-out infinite}@keyframes contact-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-success h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.5rem;color:var(--on-surface);margin:1rem 0 .5rem}.contact-success p{color:var(--on-surface-variant);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.contact-doodles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.contact-doodle{position:absolute;font-size:1.8rem;opacity:.15;animation:contact-float 6s ease-in-out infinite}.contact-doodle-star{top:10%;left:5%;animation-delay:0s}.contact-doodle-heart{top:30%;right:3%;animation-delay:2s}.contact-doodle-book{bottom:20%;left:8%;animation-delay:4s}@keyframes contact-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}.contact-page .mvp-footer{text-align:center;padding:1.5rem;color:var(--on-surface-variant);font-size:.85rem;border-top:1px solid var(--outline-variant)}@media (max-width: 768px){.contact-content{padding:2rem 1rem 3rem}.contact-hero h1{font-size:1.8rem}.contact-form{padding:1.5rem}.contact-doodles{display:none}}.ss-page{width:100%;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;position:relative;padding:1rem;box-sizing:border-box}.ss-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1rem;color:var(--on-surface-variant)}.ss-spinner{width:40px;height:40px;border:3px solid var(--surface-container-high);border-top-color:var(--secondary);border-radius:50%;animation:ss-spin .8s linear infinite}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;gap:.75rem}.ss-not-found-icon{font-size:4rem;color:var(--outline);font-variation-settings:"FILL" 1}.ss-not-found h2{margin:0;color:var(--on-surface);font-size:1.5rem}.ss-not-found p{color:var(--on-surface-variant);max-width:400px;margin:0}.ss-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 .75rem;gap:1rem}.ss-header-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:var(--on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ss-page-counter{display:flex;align-items:center;gap:.5rem;background:var(--surface-container-high);padding:.5rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--on-surface-variant)}.ss-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.75rem;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease;padding:0;min-height:auto;box-shadow:none}.ss-icon-btn:hover{background:#fdd34d1f;border-color:var(--primary-container);transform:none;box-shadow:none}.ss-canvas{display:flex;align-items:center;justify-content:center}.ss-reader-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:1.25rem;overflow:hidden;box-shadow:0 20px 60px #3738301f;background:var(--surface-container)}.ss-fade-in{animation:ss-fadein .35s ease forwards}.ss-fade-out{animation:ss-fadeout .2s ease forwards}@keyframes ss-fadein{0%{opacity:0}to{opacity:1}}@keyframes ss-fadeout{0%{opacity:1}to{opacity:0}}.ss-blur-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(30px);transform:scale(1.1);transition:opacity .3s ease;z-index:0}.ss-full-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;z-index:1}.ss-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--surface-container),var(--surface-container-high));z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--on-surface-variant);font-size:.9rem}.ss-img-error{z-index:4}.ss-retry-btn{display:flex;align-items:center;gap:.35rem;background:var(--primary-container);color:var(--on-primary-container);border:none;border-radius:9999px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;min-height:auto;transition:all .2s ease}.ss-retry-btn:hover{transform:scale(1.05)}.ss-text-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(55,56,48,.85) 0%,rgba(55,56,48,.4) 35%,transparent 100%);z-index:2;pointer-events:none}.ss-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem 2rem;z-index:5;display:flex;justify-content:center}.ss-text-card{background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1.25rem;padding:1.5rem 2rem;max-width:700px;width:100%;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.ss-story-text{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.7;text-align:center;letter-spacing:.01em;margin:0}.ss-page-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.ss-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .25s ease;border:none;padding:0}.ss-dot-active{width:28px;border-radius:4px;background:var(--primary-container)}.ss-dot:hover:not(.ss-dot-active){background:#ffffff80}.ss-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s ease;padding:0;min-height:auto;box-shadow:none}.ss-nav-left{left:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.ss-nav-left:hover{background:#fff3;transform:translateY(-50%) scale(1.08);box-shadow:none}.ss-nav-right{right:1rem;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 4px 16px #fdd34d66}.ss-nav-right:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 6px 24px #fdd34d80}.ss-dedication-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fdf8f0,#f5efe4)}.ss-dedication-frame .dedication-page{max-width:500px;width:90%}.ss-narration-active{background:#fdd34d26;border-color:var(--primary-container);color:var(--primary)}.ss-play-fab{position:absolute;top:1rem;left:1rem;z-index:15;display:flex;align-items:center;gap:.5rem;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.6rem 1.25rem .6rem .75rem;color:#fff;cursor:pointer;transition:all .25s ease;min-height:auto;box-shadow:0 4px 20px #0000004d}.ss-play-fab .material-symbols-outlined{font-size:1.4rem}.ss-play-fab-label{font-size:.85rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.ss-play-fab:hover{background:#fdd34d40;border-color:var(--primary-container);transform:scale(1.05);box-shadow:0 6px 24px #fdd34d4d}.ss-play-fab-playing{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);padding:.6rem .85rem;animation:ss-pulse-glow 2s ease-in-out infinite}.ss-play-fab-playing:hover{background:var(--primary);color:var(--on-primary-container)}@keyframes ss-pulse-glow{0%,to{box-shadow:0 4px 20px #fdd34d4d}50%{box-shadow:0 4px 30px #fdd34d99}}.ss-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fdd34d1f,#fdd34d0a);border:1px solid rgba(253,211,77,.2);border-radius:1rem}.ss-cta-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.ss-cta-icon{font-size:1.75rem;color:var(--primary);flex-shrink:0}.ss-cta-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.ss-cta-text strong{color:var(--on-surface);font-size:.95rem}.ss-cta-text span{color:var(--on-surface-variant);font-size:.85rem}.ss-cta-btn{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary-container);border:none;border-radius:9999px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 4px 16px #7a610033;min-height:auto}.ss-cta-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px #7a61004d}.ss-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;height:100vh;height:100dvh;width:100vw;background:var(--surface);display:flex;flex-direction:column;padding:0}.ss-fullscreen .ss-header{position:absolute;top:0;left:0;right:0;z-index:30;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.ss-fullscreen .ss-header-title{color:#ffffffe6}.ss-fullscreen .ss-page-counter{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.ss-fullscreen .ss-icon-btn{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border-color:#ffffff26}.ss-fullscreen .ss-narration-active{background:#fdd34d40;border-color:var(--primary-container);color:var(--primary-container)}.ss-fullscreen .ss-canvas{flex:1;padding:0}.ss-fullscreen .ss-reader-frame{max-width:100%;width:100%;height:100%;aspect-ratio:unset;border-radius:0}.ss-fullscreen .ss-cta-banner{display:none}.ss-bg-deco{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.ss-fullscreen .ss-bg-deco{display:none}.ss-bg-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.08}.ss-bg-blob-1{top:-10%;right:-5%;width:40%;height:40%;background:var(--primary-container)}.ss-bg-blob-2{bottom:-10%;left:-5%;width:30%;height:30%;background:var(--secondary-container)}@media (max-width: 768px){.ss-reader-frame{aspect-ratio:4/3;border-radius:1rem}.ss-story-text{font-size:1rem}.ss-text-card{padding:1rem 1.25rem}.ss-nav-arrow{width:44px;height:44px}.ss-nav-left{left:.5rem}.ss-nav-right{right:.5rem}.ss-cta-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;margin:0;border-radius:0;padding:0;border:none;background:transparent;gap:0}.ss-cta-content{display:none}.ss-cta-btn{width:100%;border-radius:.75rem .75rem 0 0;padding:.55rem 1.5rem;font-size:1rem;font-weight:700;box-shadow:0 -4px 24px #0000001f}.ss-page{padding-bottom:3.5rem}}@media (max-width: 480px){.ss-page{padding:.5rem}.ss-text-overlay{padding:1rem}.ss-story-text{font-size:.9rem;line-height:1.6}.ss-reader-frame{aspect-ratio:3/4}.ss-header-title{font-size:.9rem}.ss-play-fab{padding:.5rem 1rem .5rem .6rem}.ss-play-fab .material-symbols-outlined{font-size:1.2rem}.ss-play-fab-label{font-size:.75rem}}.cart-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.cart-header{margin-bottom:2rem}.cart-header h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2rem;color:var(--on-surface);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.cart-header p{font-size:1rem;color:var(--on-surface-variant);margin:0}.cart-loading{text-align:center;padding:6rem 2rem}.cart-loading-icon{margin-bottom:1rem;color:var(--outline);animation:cart-bounce 1.2s ease infinite}.cart-loading p{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:1.1rem;color:var(--on-surface-variant)}.cart-empty{text-align:center;padding:4rem 2rem;max-width:480px;margin:2rem auto}.cart-empty-icon{margin-bottom:1.5rem}.cart-empty h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--on-surface);margin-bottom:.75rem}.cart-empty p{color:var(--on-surface-variant);font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.cart-browse-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #fdd34d40}.cart-browse-btn:hover{transform:scale(1.03);box-shadow:0 6px 18px #fdd34d59}.cart-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.cart-item{display:flex;align-items:center;gap:1rem;background:var(--surface-container-lowest);border-radius:1.25rem;padding:1rem 1.25rem;border:1px solid var(--outline-variant);box-shadow:0 4px 15px #7850140d;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease}.cart-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #78501414}.cart-item-purchased{opacity:.5;pointer-events:none}.cart-item-thumb{width:64px;height:64px;border-radius:.75rem;overflow:hidden;flex-shrink:0;background:var(--surface-container)}.cart-item-thumb img{width:100%;height:100%;object-fit:cover}.cart-item-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--outline)}.cart-item-info{flex:1;min-width:0}.cart-item-info h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1rem;color:var(--on-surface);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-link{color:var(--primary, #7a6100);cursor:pointer;text-decoration:none}.cart-item-link:hover{text-decoration:underline;text-underline-offset:2px}.cart-item-thumb-clickable{cursor:pointer}.cart-item-thumb-clickable:hover{opacity:.85}.cart-item-type{font-size:.8rem;color:var(--on-surface-variant);background:var(--surface-container);padding:.15rem .5rem;border-radius:4px}.cart-item-price{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;color:var(--on-surface);white-space:nowrap}.cart-item-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;flex-shrink:0}.cart-item-remove:hover{background:var(--error-container, #ffdad6);color:var(--error, #ba1a1a)}.cart-summary{background:var(--surface-container-lowest);border-radius:1.25rem;padding:1.5rem;border:1px solid var(--outline-variant);box-shadow:0 4px 15px #7850140d}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem;color:var(--on-surface-variant)}.cart-summary-row:last-of-type{border-top:1px solid var(--outline-variant);padding-top:.75rem;margin-top:.25rem;font-weight:700;color:var(--on-surface)}.cart-credits-ok{color:#2e7d32}.cart-credits-low{color:var(--error, #ba1a1a)}.cart-error{color:var(--error, #ba1a1a);font-size:.85rem;margin:.75rem 0 0;text-align:center}.cart-checkout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;margin-top:1.25rem;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #fdd34d40}.cart-checkout-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 18px #fdd34d59}.cart-checkout-btn:disabled{opacity:.6;cursor:not-allowed}.cart-clear-btn{display:block;margin:.75rem auto 0;padding:.5rem 1rem;font-size:.85rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;border-radius:9999px;background:transparent;color:var(--on-surface-variant);border:1px solid var(--outline-variant);cursor:pointer;transition:all .2s ease}.cart-clear-btn:hover{background:var(--surface-container)}@keyframes cart-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 600px){.cart-item{flex-wrap:wrap;gap:.75rem}.cart-item-thumb{width:52px;height:52px}.cart-item-price{order:4;flex-basis:100%;text-align:right;padding-right:40px}}