@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-gentle{animation:bounce-gentle 1s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}@keyframes mic-ripple{0%{width:3.5rem;height:3.5rem;opacity:.6}to{width:6rem;height:6rem;opacity:0}}@media(min-width:640px){@keyframes mic-ripple{0%{width:4rem;height:4rem;opacity:.6}to{width:7rem;height:7rem;opacity:0}}}.mic-ripple{position:absolute;border-radius:50%;background-color:#10b981;animation:mic-ripple 1.5s ease-out infinite}.mic-ripple-1{animation-delay:0s}.mic-ripple-2{animation-delay:.5s}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .25s ease-out forwards}.beta-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:20px;box-shadow:0 2px 4px #fbbf2433}.storybook-mobile-viewer{display:flex;flex-direction:column;height:100%;width:100%;background:#fffbf5;position:relative}.storybook-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem 1.5rem;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,#fffbf5fa,#fffbf5f2 70%,#fffbf500)}.storybook-home-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f59e0b;transition:transform .2s,box-shadow .2s}.storybook-home-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.storybook-home-btn:active{transform:scale(.95)}.storybook-mobile-cover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 2rem;gap:1.5rem}.storybook-mobile-cover__image-wrapper{position:relative;width:min(90%,320px);max-width:300px;aspect-ratio:1;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #00000026}.storybook-mobile-cover__image{width:100%;height:100%;object-fit:contain}.storybook-mobile-cover__overlay{position:absolute;left:0;right:0;bottom:0;padding:1.5rem 1.25rem;background:linear-gradient(180deg,#0000,#0000008c);color:#fff;text-align:center}.storybook-mobile-cover__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .35rem;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.45)}.storybook-mobile-cover__author{font-size:1rem;color:#ffffffe6;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.storybook-mobile-cover__start-btn{margin-top:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:2rem;cursor:pointer;box-shadow:0 4px 16px #fbbf2466;transition:transform .2s,box-shadow .2s}.storybook-mobile-cover__start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.storybook-mobile-cover__start-btn:active{transform:translateY(0)}.storybook-mobile-body{flex:1;display:flex;flex-direction:column;padding-top:4.5rem;overflow:hidden}.storybook-mobile-body__image{flex:0 0 50%;display:flex;align-items:center;justify-content:center;padding:.5rem;overflow:hidden}.storybook-mobile-body__image-frame{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.storybook-mobile-body__image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:1rem;box-shadow:0 4px 16px #0000001a}.storybook-mobile-body__text{flex:0 0 50%;display:flex;flex-direction:column;padding:1rem;position:relative;min-height:0}.storybook-mobile-body__text-content{flex:1;background:#fff;border-radius:1rem;padding:2.5rem 1.25rem 1.25rem;font-size:1rem;line-height:1.6;color:#1c1917;overflow-y:auto;box-shadow:0 2px 12px #00000014;margin:0}.storybook-tts-btn--inside{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;border-radius:50%;background:#e5e7eb;border:none;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:5}.storybook-tts-btn--inside.active{background:#3b82f6}.storybook-tts-btn--inside:hover{transform:scale(1.1)}.storybook-mobile-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#fffbf5f2;border-top:1px solid rgba(0,0,0,.05)}.storybook-nav-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:2rem;cursor:pointer;transition:opacity .2s,transform .2s}.storybook-nav-btn:disabled{opacity:.4;cursor:not-allowed}.storybook-nav-btn:not(:disabled):hover{transform:scale(1.02)}.storybook-nav-btn:not(:disabled):active{transform:scale(.98)}.storybook-page-indicator{font-size:.875rem;font-weight:500;color:#78716c;min-width:80px;text-align:center}@media(orientation:landscape)and (max-width:1024px){.storybook-mobile-body{flex-direction:row;padding-top:4rem}.storybook-mobile-body__image,.storybook-mobile-body__text{flex:0 0 50%;padding:.5rem}.storybook-mobile-cover{flex-direction:row;gap:2rem}.storybook-mobile-cover__image-wrapper{width:min(50%,420px);max-width:none}}.storybook-book-container{position:relative;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;perspective:2000px}.storybook-closed-cover{position:absolute;width:100%;max-width:600px;aspect-ratio:1 / 1;max-height:600px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transform-style:preserve-3d;transform-origin:left center;transition:transform .3s ease}.storybook-closed-cover:hover:not(.storybook-closed-cover--flipping){transform:scale(1.02)}.storybook-closed-cover:hover .storybook-closed-cover__hint{opacity:1}.storybook-closed-cover--flipping{animation:flipCoverOpen .8s ease-in-out forwards;cursor:default}@keyframes flipCoverOpen{0%{transform:rotateY(0)}to{transform:rotateY(-180deg);opacity:0}}.storybook-closed-cover__inner{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0003,0 2px 8px #00000026,4px 0 8px #0000001a;background:linear-gradient(135deg,#fff7ed,bisque,#ffd7a8);backface-visibility:hidden}.storybook-closed-cover__hint{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(to top,#000c,#0000);opacity:.7;transition:opacity .3s ease}.storybook-closed-cover__hint span{font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.storybook-flipbook-wrapper--hidden{visibility:hidden}.storybook-flipbook-wrapper{position:relative;width:100%;max-width:1600px;height:auto;aspect-ratio:2 / 1;max-height:80vh;display:flex;align-items:center;justify-content:center}.storybook-flipbook-wrapper--mobile-layout{aspect-ratio:1 / 1;max-height:80vh}@media(orientation:landscape){.storybook-flipbook-wrapper--mobile-layout{aspect-ratio:2 / 1}}.storybook-flipbook{width:100%;height:100%;border-radius:8px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a;overflow:hidden}.storybook-page{position:relative;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2.25rem;width:100%;height:100%;aspect-ratio:1 / 1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 3px),#fefcf8;color:#3d3026}.storybook-page>*{position:relative;z-index:1}.storybook-page--combined{padding:0;background:#fffbf5;aspect-ratio:auto}.storybook-page--combined .storybook-page__number{display:none}.storybook-mobile-layout{position:relative;display:flex;flex-direction:column;height:100%;background:#fffbf5;padding-top:3rem}.storybook-mobile-header{position:absolute;top:.5rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.storybook-home-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:#fff;border:none;color:#92400e;box-shadow:0 2px 8px #00000026;cursor:pointer}.storybook-home-btn svg{width:1.2rem;height:1.2rem}.storybook-mobile-body{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem 1rem}.storybook-mobile-body__image{flex:0 0 50%;display:flex;align-items:center;justify-content:center}.storybook-mobile-body__image img{width:100%;height:100%;object-fit:cover;border-radius:1.25rem;box-shadow:0 6px 16px #0000001f}.storybook-mobile-body__text{flex:1;position:relative;padding:1.25rem 1.25rem 1rem;background:#fff;border-radius:1.25rem;box-shadow:0 -2px 12px #00000014;overflow:hidden;display:flex;align-items:center;justify-content:center}.storybook-mobile-body__text .storybook-page__text{font-size:clamp(.95rem,2.5vw,1.15rem);line-height:1.6;margin:0;display:block;flex:0 1 auto;width:100%;padding:0;min-height:0;max-height:100%;max-width:100%;overflow-y:auto}.storybook-tts-btn--inside{position:absolute;top:.75rem;right:.75rem;padding:.35rem .8rem;border-radius:999px;border:none;font-weight:600;font-size:.75rem;cursor:pointer}.storybook-tts-btn--on{background:#3b82f6;color:#fff}.storybook-tts-btn--off{background:#d1d5db;color:#4b5563}.storybook-mobile-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem 1rem;background:#ffffffe6;border-radius:1rem;box-shadow:0 -2px 8px #0000001a}.storybook-mobile-footer__nav{padding:.5rem 1.2rem;border-radius:999px;border:none;background:#fbbf24;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer}.storybook-mobile-footer__nav:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.storybook-mobile-footer__page{font-size:.85rem;font-weight:600;color:#92400e}.storybook-mobile-footer__actions{display:flex;align-items:center;gap:.5rem}.storybook-mobile-footer__download{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;border:none;background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d;cursor:pointer}@media(orientation:landscape)and (max-width:1366px){.storybook-mobile-body{flex-direction:row}.storybook-mobile-body__image{flex:0 0 50%}.storybook-mobile-body__text{flex:0 0 50%;border-radius:0 1.25rem 1.25rem 0}}.storybook-page--cover{position:relative;align-items:center;justify-content:center;padding:0;overflow:hidden;background:linear-gradient(135deg,#fff7ed,bisque,#ffd7a8)}.storybook-cover__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.storybook-cover__background img{width:100%;height:100%;object-fit:cover;object-position:center}.storybook-cover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:3rem 2.5rem;background:linear-gradient(to top,#000000b3,#0006,#0000)}.storybook-cover__text{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%;max-width:90%}.storybook-cover__author{font-size:1.3rem;font-weight:600;color:#fff;margin:0;letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3)}.storybook-cover__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:999px;background:#f5982d29;color:#b66504;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.storybook-cover__title{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.2;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.4);letter-spacing:.02em}.storybook-cover__subtitle{font-size:1.05rem;line-height:1.6;color:#5e4930cc;margin:0}.storybook-cover__hint{margin:0;font-size:.9rem;color:#5e4930a6}.storybook-page--image{display:flex;align-items:center;justify-content:center;padding:0;background:#2a2a2a;overflow:hidden;position:relative}.storybook-page--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.storybook-page--text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 2.5rem;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 3px),#fefcf8}.storybook-page__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(155,135,115,.3) transparent}.storybook-page__content::-webkit-scrollbar{width:6px}.storybook-page__content::-webkit-scrollbar-thumb{background:#ffc67db3;border-radius:999px}.storybook-page__text{margin:0;white-space:pre-wrap;font-size:1.3rem;line-height:1.6;color:#3d3026;text-align:center;font-family:Georgia,Times New Roman,serif;letter-spacing:.01em;max-width:98%;display:flex;align-items:center;justify-content:center;min-height:450px;width:100%;flex:1;padding:3rem 0}.storybook-page__audio{width:100%;padding:.75rem 0;display:flex;align-items:center;justify-content:center}.storybook-page__audio audio{display:none;width:100%;max-width:100%;height:36px;opacity:.85;transition:opacity .2s}.storybook-page__audio audio:hover{opacity:1}.storybook-page__number{position:absolute;bottom:2rem;right:2.5rem;font-size:.9rem;font-weight:500;letter-spacing:.05em;color:#5e493080;font-family:Georgia,Times New Roman,serif}.storybook-page--placeholder{align-items:center;justify-content:center;text-align:center;gap:1rem;color:#5e4930bf;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 3px),#fefcf8}.storybook-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem}.storybook-placeholder__spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,201,149,.45);border-top-color:#ffa62be6;animation:storybook-spin 1.1s linear infinite}.storybook-placeholder__title{font-size:1.05rem;font-weight:600;color:#aa6532;margin:0}.storybook-placeholder__subtitle{font-size:.95rem;margin:0;color:#5e4930a6}.storybook-placeholder__progress{font-size:.95rem;font-weight:600;color:#c87828d9;margin:.25rem 0}@keyframes storybook-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.storybook-page{padding:2rem 1.75rem}.storybook-page--image{padding:0}.storybook-page--text{padding:2.5rem 2rem}.storybook-page__text{font-size:1.4rem;line-height:1.6;text-align:center;min-height:400px;max-width:98%;flex:1;padding:2rem 0}}@media(max-width:768px){.storybook-flipbook-wrapper{height:auto;aspect-ratio:1 / 1;max-height:450px}.storybook-flipbook{border-radius:6px}.storybook-page{padding:1.5rem 1.25rem}.storybook-page--cover{padding:0}.storybook-cover__overlay{padding:2rem 1.5rem}.storybook-cover__title{font-size:clamp(1.5rem,6vw,2.5rem)}.storybook-cover__author{font-size:1rem}.storybook-cover__text{gap:.75rem}.storybook-page--image{padding:0}.storybook-page--text{padding:2rem 1.5rem}.storybook-page__text{font-size:.95rem;line-height:1.5;text-align:center;min-height:auto;max-width:100%;flex:1;padding:.5rem 0;overflow-y:auto}.storybook-page__number{bottom:1.5rem;right:1.5rem;font-size:.8rem}.storybook-page__audio audio{height:32px}}@media(max-width:768px)and (orientation:landscape){.storybook-flipbook-wrapper{height:auto;aspect-ratio:2 / 1;max-height:400px;max-width:900px}.storybook-page__text{font-size:1.1rem;line-height:1.6;max-width:98%;text-align:center;min-height:250px;flex:1;padding:1.2rem 0}.storybook-page--text{padding:1.5rem 1.25rem}.storybook-closed-cover{max-width:400px;max-height:400px}}@media(max-width:768px){.storybook-closed-cover{max-width:90vw;max-height:90vw}.storybook-closed-cover__hint span{font-size:1rem}}.storybook-back-to-cover-zone{position:absolute;top:0;left:0;width:50%;height:100%;z-index:5;cursor:pointer;background:transparent}.storybook-back-to-cover-zone:hover{background:linear-gradient(to right,rgba(0,0,0,.03) 0%,transparent 100%)}.storybook-back-to-cover-zone:active{background:linear-gradient(to right,rgba(0,0,0,.08) 0%,transparent 100%)}.capsule-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;z-index:60;padding:24px;overflow:hidden}.capsule-overlay:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(ellipse at 20% 20%,rgba(255,0,128,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(138,43,226,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,215,0,.2) 0%,transparent 50%);animation:aurora 8s ease-in-out infinite;pointer-events:none}.capsule-overlay:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 10%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 20% 80%,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 50% 50%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 70% 20%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 30% 40%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 60% 90%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 80% 40%,rgba(255,255,255,.9),transparent);animation:twinkle 4s ease-in-out infinite;pointer-events:none}@keyframes aurora{0%,to{transform:rotate(0) scale(1);opacity:.8}25%{transform:rotate(5deg) scale(1.05);opacity:1}50%{transform:rotate(-3deg) scale(1.02);opacity:.9}75%{transform:rotate(3deg) scale(1.03);opacity:1}}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.capsule-panel{width:min(420px,90vw);background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:32px;padding:28px 24px;box-shadow:0 25px 50px #0006,inset 0 1px 1px #fff3,0 0 40px #8a2be233;text-align:center;font-family:Gowun Dodum,sans-serif;position:relative;overflow:hidden}.capsule-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.capsule-intro{animation:capsule-reveal .5s ease-out;position:relative;z-index:1}.capsule-intro-title{font-size:26px;font-weight:800;background:linear-gradient(135deg,#fff,gold,#ff6ec7,#0ff,#fff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;animation:holographic 4s ease infinite;filter:drop-shadow(0 2px 10px rgba(255,215,0,.5))}.capsule-intro-subtitle{font-size:16px;font-weight:600;color:#ffffffe6;margin-bottom:20px;text-shadow:0 2px 10px rgba(138,43,226,.5);animation:text-pop .5s ease-out .2s both}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.capsule-intro-machine{width:min(180px,50vw);margin:0 auto 20px;animation:float 3s ease-in-out infinite,card-pop .6s ease-out .3s both;filter:drop-shadow(0 10px 30px rgba(138,43,226,.4))}.capsule-intro-machine .capsule-machine-image{filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.capsule-intro-desc{font-size:15px;font-weight:600;color:#ffffffd9;line-height:1.6;margin-bottom:20px;animation:text-pop .5s ease-out .5s both}.capsule-start-button{background:linear-gradient(135deg,#ff6ec7,#7873f5,#0ff);background-size:200% 200%;color:#fff;font-weight:800;font-size:18px;padding:14px 44px;border-radius:999px;border:none;box-shadow:0 10px 30px #8a2be280,0 0 20px #ff6ec74d,inset 0 1px 1px #ffffff4d;cursor:pointer;letter-spacing:1px;transition:transform .2s,box-shadow .2s;animation:holographic 3s ease infinite,text-pop .5s ease-out .5s both;text-shadow:0 1px 3px rgba(0,0,0,.3)}.capsule-start-button:hover{transform:scale(1.08);box-shadow:0 15px 40px #8a2be299,0 0 30px #ff6ec780,inset 0 1px 1px #ffffff4d}.capsule-start-button:active{transform:scale(.98)}.capsule-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,#fff,gold,#ff6ec7,#0ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;animation:holographic 4s ease infinite}.capsule-subtitle{font-size:15px;font-weight:600;color:#ffffffd9;margin-bottom:20px}.capsule-machine{width:min(260px,68vw);margin:0 auto 20px;position:relative;transform-origin:center bottom;filter:drop-shadow(0 10px 30px rgba(138,43,226,.4))}.capsule-machine--spinning{animation:capsule-wobble 1.1s infinite}.capsule-machine--stopping{animation:capsule-stop .3s ease-out forwards}.capsule-machine-image{width:100%;height:auto;display:block;filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}.capsule-machine-glow{position:absolute;top:14%;right:18%;bottom:28%;left:18%;background:radial-gradient(circle,rgba(255,110,199,.6),transparent 70%);opacity:0;pointer-events:none}.capsule-machine--spinning .capsule-machine-glow{animation:capsule-glow 1.2s ease-in-out infinite}.capsule-ball{width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#ffffffe6,#ffd70080);border:2px solid rgba(255,255,255,.5);position:absolute;left:50%;bottom:26px;animation:capsule-drop .7s ease-out forwards;box-shadow:0 0 30px #ffd70080}.capsule-ball--image{background-color:transparent;border:none;background-size:cover;background-position:center;box-shadow:0 10px 30px #00000059,0 0 20px #ffffff4d}.capsule-stop-button{margin-top:12px;background:linear-gradient(135deg,#ff4d6d,#ff6b9d);color:#fff;font-weight:800;font-size:18px;padding:14px 36px;border-radius:999px;border:none;box-shadow:0 10px 30px #ff4d6d80,0 0 20px #ff4d6d4d,inset 0 1px 1px #ffffff4d;cursor:pointer;letter-spacing:2px;transition:transform .2s,box-shadow .2s;text-shadow:0 1px 3px rgba(0,0,0,.3)}.capsule-stop-button:hover{transform:scale(1.05);box-shadow:0 15px 40px #ff4d6d99,0 0 30px #ff4d6d66,inset 0 1px 1px #ffffff4d}.capsule-stop-button:active{transform:scale(.98)}.capsule-reveal-card{background:linear-gradient(180deg,#1e1432f2,#321e50f2,#1e1432f2);border:3px solid transparent;border-radius:20px;padding:20px;position:relative;z-index:1;animation:card-pop .6s ease-out both;max-width:280px;margin:0 auto}.capsule-reveal-card:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:23px;background:linear-gradient(135deg,#ff6ec7,#7873f5,#0ff,gold,#ff6ec7);background-size:400% 400%;animation:holographic 3s ease infinite;z-index:-1}.capsule-reveal-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(180deg,#1e1432fa,#321e50fa,#1e1432fa);z-index:-1}.capsule-card-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;animation:text-pop .4s ease-out .1s both}.capsule-card-star{font-size:20px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:star-spin 1s ease-out}@keyframes star-spin{0%{transform:rotate(0) scale(0);opacity:0}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1);opacity:1}}.capsule-card-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.capsule-card-image{width:120px;height:120px;margin:0 auto 12px;border-radius:16px;overflow:hidden;background:#ffffff1a;box-shadow:0 8px 20px #0000004d,0 0 30px #8a2be24d;animation:text-pop .5s ease-out .2s both}.capsule-card-image img{width:100%;height:100%;object-fit:cover}.capsule-item-placeholder{font-size:48px;display:flex;align-items:center;justify-content:center;height:100%}.capsule-card-name{font-size:18px;font-weight:800;color:#fff;text-align:center;margin-bottom:8px;text-shadow:0 2px 10px rgba(138,43,226,.5);animation:text-pop .5s ease-out .3s both}.capsule-card-divider{width:80%;height:2px;margin:12px auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.capsule-card-desc{font-size:14px;font-weight:500;color:#ffffffd9;text-align:center;line-height:1.5;margin-bottom:16px;animation:text-pop .5s ease-out .4s both}.capsule-card-footer{padding:12px 16px;background:#ffd70026;border-radius:10px;border:1px solid rgba(255,215,0,.3);animation:text-pop .5s ease-out .5s both;text-align:center}.capsule-card-warning{font-size:14px;font-weight:700;background:linear-gradient(135deg,gold,#ff6ec7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}@keyframes text-pop{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-pop{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes capsule-wobble{0%{transform:rotate(0)}20%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}80%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@keyframes capsule-stop{0%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1.03)}to{transform:rotate(0) scale(1)}}@keyframes capsule-drop{0%{transform:translate(-50%) translateY(-24px) scale(.7);opacity:0}60%{transform:translate(-50%) translateY(0) scale(1.05);opacity:1}to{transform:translate(-50%) translateY(6px) scale(1)}}@keyframes capsule-glow{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}@keyframes capsule-reveal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:768px){.capsule-panel{width:min(720px,92vw);padding:28px 40px}.capsule-intro{display:flex;align-items:center;gap:32px;text-align:left;flex-wrap:wrap;justify-content:center}.capsule-intro-title{width:100%;text-align:center;font-size:28px;margin-bottom:4px}.capsule-intro-subtitle{width:100%;text-align:center;font-size:17px;margin-bottom:16px}.capsule-intro-machine{width:140px;margin:0}.capsule-intro-desc{flex:1;font-size:16px;margin:0;min-width:200px}.capsule-start-button{width:100%;max-width:280px;margin-top:12px}.capsule-title{font-size:22px;margin-bottom:2px}.capsule-subtitle{font-size:14px;margin-bottom:14px}.capsule-machine{width:min(200px,50vw);margin-bottom:14px}.capsule-reveal-card{max-width:320px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInTop{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-slide-in-top{animation:slideInTop .3s ease-out forwards}.tori-welcome-page{display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fef9c3 55%,#fff7ed);color:#0f172a}.tori-onboarding-container{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(56px,12vh,92px) clamp(20px,6vw,64px);scroll-margin-top:clamp(72px,15vh,120px)}.tori-onboarding-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/sky-background.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.tori-onboarding-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1}.tori-onboarding-profile-toggle{position:absolute;top:clamp(14px,2.5vh,28px);left:clamp(14px,3vw,32px);z-index:40;width:54px;height:54px;padding:9px;border-radius:18px;border:none;background:#fffffff0;box-shadow:0 14px 32px #0f172a2e;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .3s ease}.tori-onboarding-profile-toggle span{width:100%;height:3px;border-radius:999px;background:linear-gradient(135deg,#f472b6,#a855f7);transition:transform .3s ease,opacity .3s ease}.tori-onboarding-profile-toggle:hover,.tori-onboarding-profile-toggle:focus-visible{transform:translateY(-2px);box-shadow:0 18px 36px #0f172a59,0 0 0 3px #fbbf2459;outline:none}.tori-onboarding-profile-toggle.is-open{background:#f871711f}.tori-onboarding-profile-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.tori-onboarding-profile-toggle.is-open span:nth-child(2){opacity:0}.tori-onboarding-profile-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.tori-hero-nav{position:absolute;bottom:clamp(-40px,4vh,24px);left:50%;transform:translate(-50%);z-index:30;display:flex;gap:clamp(12px,4vw,18px);padding-inline:clamp(10px,3vw,18px);border-radius:999px;flex-wrap:wrap;justify-content:center;overflow:visible}.tori-hero-nav-button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:none;font-family:Gowun Dodum,sans-serif;font-size:clamp(15px,1.9vw,18px);font-weight:700;color:#0f172a;background:linear-gradient(135deg,#fffffff2,#ffefd5e6);box-shadow:0 16px 32px #fbbf2440,inset 0 0 0 1px #ffffff80;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:tori-nav-pulse 4s ease-in-out infinite;position:relative;overflow:hidden;white-space:nowrap}.tori-hero-nav-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.55),transparent 55%);opacity:.7;pointer-events:none;animation:tori-nav-glow 5s ease-in-out infinite}.tori-hero-nav-button:after{content:"";position:absolute;top:-50%;left:-20%;width:40%;height:200%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.6) 45%,transparent 60%);transform:translate(-120%) rotate(15deg);animation:tori-nav-shine 6s ease-in-out infinite}.tori-hero-nav-button:hover,.tori-hero-nav-button:focus-visible{transform:translateY(-3px);box-shadow:0 24px 40px #fb923c59,inset 0 0 0 1px #ffffffa6;outline:none}.tori-hero-nav-button:active{transform:translateY(0)}.tori-hero-nav-emoji{font-size:1.2em}@keyframes tori-nav-pulse{0%{transform:translateY(0);box-shadow:0 16px 32px #fbbf2440}50%{transform:translateY(-4px);box-shadow:0 22px 38px #fb923c59}to{transform:translateY(0);box-shadow:0 16px 32px #fbbf2440}}@keyframes tori-nav-glow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes tori-nav-shine{0%{transform:translate(-140%) rotate(15deg);opacity:0}30%{opacity:.9}60%{transform:translate(160%) rotate(15deg);opacity:0}to{opacity:0}}.tori-cloud-layer{position:absolute;left:-18%;width:136%;z-index:2;background-repeat:repeat;background-position:center;background-size:560px 240px;mix-blend-mode:screen;pointer-events:none}.tori-cloud-layer--far{background-image:radial-gradient(ellipse at 20% 45%,#ffffff47,#fff0 60%),radial-gradient(ellipse at 70% 35%,#ffffff38,#fff0 62%);background-size:520px 220px,640px 260px}.tori-cloud-layer--mid{background-image:radial-gradient(ellipse at 25% 55%,#ffffff5c,#fff0 58%),radial-gradient(ellipse at 78% 40%,#ffffff47,#fff0 60%);background-size:480px 210px,560px 240px}.tori-cloud-layer--near{background-image:radial-gradient(ellipse at 30% 60%,#ffffff73,#fff0 58%),radial-gradient(ellipse at 82% 42%,#ffffff57,#fff0 60%);background-size:420px 200px,520px 230px}.tori-onboarding-grid{position:relative;z-index:10;width:min(1100px,92vw);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,64px);align-items:center;padding:clamp(32px,5vh,48px);margin:0 auto}.tori-onboarding-panel{display:flex;flex-direction:column;gap:clamp(20px,2vh,28px);align-items:stretch;position:relative;margin-bottom:clamp(160px,24vh,260px)}.tori-onboarding-progress{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#ffffffc7;border:1px solid rgba(255,255,255,.65);border-radius:20px;box-shadow:0 18px 36px #0f172a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tori-onboarding-progress-step{font-family:Gowun Dodum,sans-serif;font-weight:700;font-size:clamp(16px,1.7vw,20px);color:#374151;white-space:nowrap}.tori-onboarding-progress-track{position:relative;flex:1;height:8px;background:#0f172a14;border-radius:999px;overflow:hidden}.tori-onboarding-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#c7e9ec,#ffe4b5);border-radius:inherit;transition:width .35s ease}.tori-onboarding-card{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2vh,28px);text-align:center;padding:clamp(24px,5vw,36px);background:#ffffffd6;border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 28px 48px #0f172a2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tori-onboarding-message{font-family:Gowun Dodum,sans-serif;font-weight:600;font-size:clamp(20px,2.4vw,28px);line-height:1.6;color:#334155;margin:0;text-shadow:0 2px 4px rgba(255,255,255,.45)}.tori-onboarding-interaction{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2vh,24px)}.tori-onboarding-input-wrapper{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;align-items:center}.tori-onboarding-input{width:100%;padding:16px 20px;font-size:clamp(16px,2vw,18px);font-weight:600;text-align:center;font-family:Gowun Dodum,sans-serif;background:#fff;border:2px solid #fbbf24;border-radius:18px;color:#78350f;box-shadow:0 10px 26px #fbbf244d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tori-onboarding-input::placeholder{color:#fbbf24;font-weight:500}.tori-onboarding-input:focus{border-color:#fc8d3d;box-shadow:0 14px 28px #f9731666;transform:translateY(-1px);outline:none}.tori-onboarding-btn-next{padding:12px 28px;font-size:clamp(16px,2vw,18px);font-weight:700;font-family:Gowun Dodum,sans-serif;color:#fff;background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:999px;cursor:pointer;box-shadow:0 16px 32px #f9731659;transition:transform .2s ease,box-shadow .2s ease;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 16px 32px #f9731659;transform:scale(1)}50%{box-shadow:0 16px 40px #f9731699,0 0 20px #f9731666;transform:scale(1.03)}}.tori-onboarding-btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 36px #f9731673}.tori-onboarding-btn-next:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.tori-onboarding-skip-button{border:none;background:transparent;color:#a855f7;font-weight:700;cursor:pointer;text-decoration:underline;font-size:1rem;padding:6px 8px;transition:color .2s ease}.tori-onboarding-skip-button:hover{color:#9333ea}.tori-onboarding-cta-wrapper{display:flex;justify-content:center;width:100%}.tori-onboarding-step-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;transform:translateY(-50%);padding:0 12px}.tori-onboarding-step-controls--next-only{justify-content:flex-end}.tori-onboarding-step-controls--prev-only{justify-content:flex-start}.tori-onboarding-step-button{pointer-events:auto;width:48px;height:48px;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 12px 28px #f97e4240;font-size:24px;font-weight:700;line-height:1;color:#f97316;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.tori-onboarding-step-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #f97e4259}.tori-onboarding-step-button:focus-visible{outline:2px solid rgba(249,115,22,.5);outline-offset:3px}.tori-onboarding-step-button--prev{margin-left:-64px}.tori-onboarding-step-button--next{margin-right:-64px}@media(max-width:1024px){.tori-onboarding-step-button--prev{margin-left:-48px}.tori-onboarding-step-button--next{margin-right:-48px}}@media(max-width:768px){.tori-onboarding-step-button{width:40px;height:40px;font-size:20px}.tori-onboarding-step-button--prev{margin-left:-32px}.tori-onboarding-step-button--next{margin-right:-32px}}.tori-onboarding-age-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.tori-onboarding-age-btn{padding:16px 36px;font-size:clamp(18px,2.2vw,22px);font-weight:700;font-family:Gowun Dodum,sans-serif;background:#ede9fe;color:#4338ca;border:2px solid #c4b5fd;border-radius:18px;cursor:pointer;box-shadow:0 16px 28px #c4b5fd59;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.tori-onboarding-age-btn:hover,.tori-onboarding-age-btn:focus-visible{transform:translateY(-2px);background:#ddd6fe;box-shadow:0 20px 36px #a78bfa73;outline:none}.tori-onboarding-theme-wrapper{width:100%;max-width:720px}.tori-onboarding-theme-wrapper .theme-selector{background:transparent;padding:0;min-height:auto}.tori-onboarding-theme-wrapper .theme-selector-content{max-width:100%}.tori-onboarding-theme-wrapper .theme-selector-title{display:none}.tori-onboarding-theme-wrapper .theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}.tori-onboarding-theme-wrapper .theme-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(167,139,250,.3);padding:1.5rem 1rem;border-radius:1rem;transition:all .3s ease;gap:.5rem}.tori-onboarding-theme-wrapper .theme-card:hover{border-color:#a78bfa99;transform:translateY(-4px);box-shadow:0 16px 32px #a78bfa40}.tori-onboarding-theme-wrapper .theme-icon{font-size:2.5rem;margin-bottom:.25rem}.tori-onboarding-theme-wrapper .theme-title{font-size:1.1rem;font-weight:700}.tori-onboarding-theme-wrapper .theme-desc{font-size:.85rem;line-height:1.3}@media(max-width:768px){.tori-onboarding-theme-wrapper .theme-grid{grid-template-columns:1fr}.tori-onboarding-theme-wrapper .theme-card{padding:1.25rem 1rem}.tori-onboarding-theme-wrapper .theme-icon{font-size:2rem}.tori-onboarding-theme-wrapper .theme-title{font-size:1rem}.tori-onboarding-theme-wrapper .theme-desc{font-size:.8rem}}.tori-onboarding-final-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.tori-onboarding-btn-start{padding:20px 56px;font-size:clamp(22px,2.6vw,28px);font-weight:800;font-family:Gowun Dodum,sans-serif;color:#fff;background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:26px;cursor:pointer;box-shadow:0 24px 38px #f9731673;transition:transform .2s ease,box-shadow .2s ease;text-shadow:0 3px 6px rgba(0,0,0,.2)}.tori-onboarding-btn-start:hover{transform:translateY(-3px);box-shadow:0 30px 48px #f973168c}.tori-onboarding-btn-library{padding:14px 40px;font-size:clamp(18px,2.1vw,22px);font-weight:700;font-family:Gowun Dodum,sans-serif;color:#0369a1;background:#fff;border:2px solid #bae6fd;border-radius:22px;cursor:pointer;box-shadow:0 18px 34px #3b82f62e;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.tori-onboarding-btn-library:hover,.tori-onboarding-btn-library:focus-visible{transform:translateY(-2px);background:#f0f9ff;box-shadow:0 22px 38px #0ea5e947;outline:none}.tori-onboarding-helper{width:100%;max-width:420px;margin:0 auto;font-family:Gowun Dodum,sans-serif;font-size:clamp(14px,1.7vw,17px);color:#475569;padding:12px 18px;background:#ecf1f9b3;border-radius:18px;box-shadow:0 18px 32px #94a3b840;text-align:center}.tori-onboarding-character{position:relative;width:clamp(320px,38vw,520px);height:clamp(320px,38vw,520px);justify-self:center;margin-top:clamp(-80px,-10vh,-24px);filter:drop-shadow(0 24px 46px rgba(15,23,42,.22))}.tori-onboarding-character-sprite{position:relative;width:100%;height:100%}.tori-onboarding-character-glow{position:absolute;bottom:-6%;left:50%;transform:translate(-50%);width:clamp(200px,46vw,360px);height:clamp(48px,10vw,92px);border-radius:50%;background:radial-gradient(circle,#ffffffd9,#fff0 70%);filter:blur(18px);pointer-events:none}.tori-onboarding-character-pulse{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;background:radial-gradient(circle,#fbbf2459,#f59e0b1a 45%,#f59e0b00 75%);pointer-events:none;z-index:-1}.tori-onboarding-sparkles{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none}.tori-onboarding-sparkle{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fef3c799 45%,#fff0 70%);box-shadow:0 0 16px #fbbf2499,0 0 26px #ffffff8c;filter:saturate(1.1)}.tori-onboarding-starfall{position:absolute;top:-25%;right:-10%;bottom:-15%;left:-10%;pointer-events:none;overflow:hidden}.tori-onboarding-star{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff2,#93c5fd99 45%,#3b82f600 70%);box-shadow:0 0 14px #93c5fdcc,0 0 26px #3b82f680;opacity:0;animation-name:tori-starfall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes tori-starfall{0%{transform:translate3d(0,-25%,0) scale(.6);opacity:0}15%{opacity:1}to{transform:translate3d(var(--star-drift, 0px),140%,0) scale(1);opacity:0}}.tori-onboarding-burst{position:absolute;width:1px;height:1px;top:36%;left:28%;transform:translate(-50%,-50%);pointer-events:none}.tori-onboarding-burst-item{position:absolute;top:50%;left:50%;border-radius:999px;background:radial-gradient(circle,#ffffffe6,#fde04780 45%,#fde04700 75%);box-shadow:0 0 18px #fde04799,0 0 32px #fbbf2466;opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(0) scale(.4);animation:tori-burst 3.4s ease-in-out infinite}@keyframes tori-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(0) scale(.4)}25%{opacity:1}60%{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(var(--burst-distance)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(var(--burst-distance)) scale(1)}}.tori-entrance-trail{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:25;overflow:hidden}.tori-entrance-trail-particle{position:absolute;width:clamp(16px,4vw,28px);height:clamp(16px,4vw,28px);border-radius:50%;background:radial-gradient(circle,#ffdf64,#ffc832cc,#ffb40066 60%,#ff960000);box-shadow:0 0 20px #ffc832e6,0 0 40px #ffb40099,0 0 60px #ff96004d;filter:blur(1px)}.tori-landing-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(150px,35vw,280px);height:clamp(150px,35vw,280px);border-radius:50%;background:radial-gradient(circle,#ffdf64cc,#ffc83280,#ffb40033 60%,#ff960000);pointer-events:none;z-index:-1}.tori-onboarding-img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.tori-onboarding-img-closed{z-index:2}.tori-onboarding-audio-toast{position:absolute;top:clamp(18px,5vh,40px);left:50%;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0f172ad9;color:#f8fafc;border-radius:999px;box-shadow:0 24px 40px #0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tori-onboarding-audio-toast-text{font-family:Gowun Dodum,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:600}.tori-onboarding-audio-toast-btn{padding:8px 18px;font-family:Gowun Dodum,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:700;color:#0f172a;background:linear-gradient(135deg,#38bdf8,#22d3ee);border:none;border-radius:999px;cursor:pointer;box-shadow:0 16px 24px #22d3ee4d;transition:transform .2s ease,box-shadow .2s ease}.tori-onboarding-audio-toast-btn:hover{transform:translateY(-1px);box-shadow:0 20px 30px #22d3ee66}.tori-section{position:relative;width:100%;padding:clamp(72px,14vh,120px) clamp(20px,6vw,96px);display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}.tori-section-header,.tori-highlight-intro{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:16px}.tori-section-eyebrow{font-family:Gowun Dodum,sans-serif;font-weight:700;font-size:clamp(15px,1.5vw,18px);letter-spacing:.12em;text-transform:uppercase;color:#f97316}.tori-section-header h2,.tori-highlight-intro h2{font-family:Gowun Dodum,sans-serif;font-size:clamp(32px,4.2vw,44px);color:#1f2937;margin:0;line-height:1.35}.tori-section-description,.tori-highlight-intro p,.tori-cta-copy p{font-family:Gowun Dodum,sans-serif;font-size:clamp(16px,2vw,18px);line-height:1.7;color:#475569;margin:0}.tori-howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(24px,3.5vw,32px);width:min(1100px,100%);margin:0 auto}.tori-howto-card{background:#ffffffdb;border:1px solid rgba(253,230,138,.65);border-radius:32px;padding:clamp(24px,4vw,36px);box-shadow:0 22px 40px #f69e292e;display:flex;flex-direction:column;gap:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tori-howto-card:hover,.tori-howto-card:focus-within{transform:translateY(-6px);border-color:#eba06acc;box-shadow:0 34px 56px #f9731638}.tori-howto-step{display:flex;align-items:center;gap:12px}.tori-howto-step-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#fecdd3,#fde68a);display:grid;place-items:center;font-size:28px}.tori-howto-step-index{font-family:Gowun Dodum,sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,26px);color:#f97316}.tori-howto-content h3{font-family:Gowun Dodum,sans-serif;font-size:clamp(20px,2.4vw,26px);margin:0 0 12px;color:#1f2937}.tori-howto-content p{margin:0;font-family:Gowun Dodum,sans-serif;font-size:clamp(15px,1.9vw,17px);line-height:1.65;color:#475569}.tori-highlight-section{background:linear-gradient(180deg,#fff0,#fff7edc2)}.tori-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3.2vw,32px);width:min(1100px,100%);margin:0 auto}.tori-highlight-card{background:#ffffffeb;border-radius:28px;padding:clamp(28px,4vw,36px);box-shadow:0 28px 46px #3b82f62e;border:1px solid rgba(191,219,254,.7);display:flex;flex-direction:column;gap:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tori-highlight-card:hover,.tori-highlight-card:focus-within{transform:translateY(-6px);box-shadow:0 34px 54px #3b82f647;border-color:#3b82f6a6}.tori-highlight-card h3{margin:0;font-family:Gowun Dodum,sans-serif;font-size:clamp(20px,2.6vw,26px);color:#0f172a}.tori-highlight-card p{margin:0;font-family:Gowun Dodum,sans-serif;font-size:clamp(15px,2vw,17px);line-height:1.65;color:#475569}.tori-highlight-break{display:inline}.tori-showcase-section{background:linear-gradient(180deg,#fff9,#dbeafef2)}.tori-showcase-carousel{display:flex;gap:clamp(20px,3vw,28px);overflow-x:auto;padding:8px clamp(12px,3vw,24px);margin:0 auto;width:min(1100px,100%);scroll-snap-type:x mandatory}.tori-showcase-carousel::-webkit-scrollbar{height:10px}.tori-showcase-carousel::-webkit-scrollbar-track{background:#fff9;border-radius:999px}.tori-showcase-carousel::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:999px}.tori-showcase-card{position:relative;flex:0 0 clamp(240px,46vw,300px);border-radius:32px;padding:18px;display:flex;flex-direction:column;gap:16px;scroll-snap-align:center;background:radial-gradient(circle at 20% 20%,#fffc,#fff6);box-shadow:0 26px 46px #0f172a33;overflow:hidden}.tori-showcase-card-cover{position:relative;width:100%;padding-top:140%;border-radius:24px;background-size:cover;background-position:center;overflow:hidden}.tori-showcase-card-theme{position:absolute;top:14px;right:14px;padding:6px 14px;border-radius:999px;font-family:Gowun Dodum,sans-serif;font-size:.85rem;font-weight:700;box-shadow:0 10px 20px #0f172a26}.tori-showcase-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);mix-blend-mode:screen}.tori-showcase-card-body{position:relative;display:flex;flex-direction:column;gap:12px}.tori-showcase-card-text{display:flex;flex-direction:column;gap:6px}.tori-showcase-card-label{margin:0;font-size:.85rem;color:#475569}.tori-showcase-card-title{margin:0;font-family:Gowun Dodum,sans-serif;font-size:clamp(18px,2.2vw,24px);color:#0f172a;line-height:1.35}.tori-showcase-button{align-self:flex-start;padding:10px 22px;font-family:Gowun Dodum,sans-serif;font-weight:700;font-size:15px;border:none;border-radius:999px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;cursor:pointer;box-shadow:0 18px 32px #f973164d;transition:transform .2s ease,box-shadow .2s ease}.tori-showcase-button:hover,.tori-showcase-button:focus-visible{transform:translateY(-2px);box-shadow:0 26px 36px #f9731666;outline:none}.tori-showcase-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:clamp(8px,2vw,20px)}.tori-showcase-modal-content{width:min(1320px,95%);height:95vh;max-height:95vh;background:#fffffff2;border-radius:32px;box-shadow:0 40px 80px #0f172a59;display:flex;flex-direction:column;overflow:hidden}.tori-showcase-modal-header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:12px 24px;border-bottom:1px solid rgba(15,23,42,.08);align-items:center}.tori-showcase-modal-cover{position:relative;width:56px;height:72px;border-radius:10px;overflow:hidden;box-shadow:0 8px 16px #0f172a2e}.tori-showcase-modal-cover img{width:100%;height:100%;object-fit:cover}.tori-showcase-modal-theme{position:absolute;top:4px;right:4px;padding:2px 6px;border-radius:999px;font-size:.6rem;font-weight:700;font-family:Gowun Dodum,sans-serif;box-shadow:0 4px 8px #0f172a1f}.tori-showcase-modal-meta{display:flex;flex-direction:column;gap:2px}.tori-showcase-modal-label{margin:0;font-size:.75rem;color:#475569}.tori-showcase-modal-title{margin:0;font-size:clamp(1rem,2vw,1.4rem);font-family:Gowun Dodum,sans-serif;color:#0f172a}.tori-showcase-modal-close{border:none;background:#0f172a0d;width:40px;height:40px;border-radius:50%;font-size:1.4rem;font-weight:700;cursor:pointer;color:#0f172a;transition:background .2s ease}.tori-showcase-modal-close:hover,.tori-showcase-modal-close:focus-visible{background:#0f172a1f;outline:none}.tori-showcase-modal-viewer{flex:1;min-height:0;padding:12px 24px;display:flex;align-items:center;justify-content:center;overflow-y:auto}@media(max-width:768px){.tori-showcase-modal-content{border-radius:24px}.tori-showcase-modal-header{grid-template-columns:auto 1fr auto;padding:10px 16px}.tori-showcase-modal-cover{width:48px;height:64px}.tori-showcase-modal-meta{grid-column:2 / 3}.tori-showcase-modal-close{grid-column:3 / 4;width:32px;height:32px;font-size:1.1rem}}.tori-showcase-modal-viewer .storybook-flipbook-wrapper{width:min(100%,1200px);max-height:100%}.tori-showcase-viewer{margin-top:-36px}.tori-showcase-toolbar{margin-top:-18px;justify-content:flex-end}.tori-cta-section{background:linear-gradient(120deg,#0ea5e929,#f871712e 40%,#fdba7440)}.tori-cta-inner{width:min(960px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,40px);background:#ffffffe6;border:1px solid rgba(248,153,101,.4);border-radius:32px;padding:clamp(32px,5vw,48px);box-shadow:0 28px 48px #f9731638;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tori-cta-copy{display:flex;flex-direction:column;gap:16px;max-width:520px}.tori-cta-button{align-self:center;padding:16px 40px;font-family:Gowun Dodum,sans-serif;font-size:clamp(18px,2.3vw,22px);font-weight:800;color:#fff;background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:28px;cursor:pointer;box-shadow:0 24px 38px #f9731666;transition:transform .2s ease,box-shadow .2s ease}.tori-cta-button:hover,.tori-cta-button:focus-visible{transform:translateY(-3px);box-shadow:0 32px 48px #f973167a;outline:none}@media(max-width:1080px){.tori-onboarding-grid{width:min(960px,94vw);gap:clamp(24px,5vw,48px)}.tori-onboarding-character{width:clamp(240px,36vw,360px);height:clamp(240px,36vw,360px)}}@media(max-width:920px){.tori-onboarding-grid{grid-template-columns:1fr;justify-items:center;padding:clamp(20px,5vh,36px)}.tori-onboarding-panel{order:2;width:min(620px,100%);margin-bottom:0}.tori-onboarding-character{order:1;width:clamp(220px,42vw,320px);height:clamp(220px,42vw,320px);margin-top:0}.tori-hero-nav{order:3;position:static;transform:none;margin:20px auto 0;gap:12px}.tori-hero-nav-button{padding:10px 14px;font-size:clamp(13px,1.6vw,15px)}.tori-onboarding-progress{width:100%;flex-direction:column;align-items:flex-start}.tori-onboarding-helper{max-width:min(100%,360px)}.tori-section{padding:clamp(56px,12vh,96px) clamp(16px,8vw,48px)}.tori-cta-inner{flex-direction:column;text-align:center}.tori-cta-copy{align-items:center}.tori-cta-button{width:100%}}@media(max-width:640px){.tori-onboarding-grid{padding:clamp(16px,5vh,24px);gap:clamp(18px,6vw,32px)}.tori-onboarding-card{padding:clamp(20px,6vw,28px);border-radius:24px;box-shadow:0 22px 38px #0f172a2e}.tori-onboarding-message{font-size:clamp(18px,5vw,24px)}.tori-onboarding-audio-toast{flex-direction:column;gap:10px;padding:12px 16px;width:min(92vw,320px);text-align:center}.tori-onboarding-audio-toast-text{font-size:12px}.tori-onboarding-audio-toast-btn{width:100%;padding:6px 12px;font-size:12px}.tori-onboarding-input-wrapper,.tori-onboarding-helper{max-width:100%}.tori-onboarding-btn-start,.tori-onboarding-btn-library{width:100%}.tori-section{padding:clamp(48px,12vh,80px) clamp(12px,7vw,32px)}.tori-hero-nav{position:static;transform:none;margin:20px auto 0;padding:0}.tori-hero-nav-button{flex:1 1 100%;justify-content:center}.tori-howto-card{padding:clamp(22px,6vw,30px)}.tori-highlight-grid{grid-template-columns:1fr}.tori-highlight-break{display:none}.tori-showcase-card{flex-basis:clamp(220px,72vw,280px)}.tori-showcase-carousel{padding-inline:clamp(8px,5vw,16px)}.tori-cta-inner{border-radius:28px;padding:clamp(24px,8vw,32px)}}@media(max-width:480px){.tori-welcome-page{align-items:center;width:100%}.tori-onboarding-container{padding:32px 16px;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.tori-onboarding-grid{width:100%;max-width:100%;padding:0 20px;margin:0 auto;justify-items:center;justify-content:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.tori-onboarding-panel{width:100%;max-width:100%;align-items:center;text-align:center;margin:0 auto}.tori-onboarding-card{gap:10px;padding:10px;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;border-radius:20px}.tori-onboarding-message{font-size:13px;line-height:1.45}.tori-onboarding-progress-step{font-size:11px}.tori-onboarding-progress{padding:8px 12px;gap:8px;border-radius:14px;width:100%;max-width:100%;box-sizing:border-box;margin:0 auto}.tori-onboarding-progress-track{height:6px}.tori-onboarding-input{padding:10px 14px;font-size:13px;border-radius:12px}.tori-onboarding-btn-next{padding:8px 16px;font-size:12px}.tori-onboarding-btn-next,.tori-onboarding-age-btn{width:100%;text-align:center}.tori-onboarding-age-btn{padding:10px 20px;font-size:12px;border-radius:14px}.tori-onboarding-age-wrapper{gap:8px}.tori-onboarding-helper{font-size:10px;padding:8px 12px;max-width:100%;border-radius:12px;margin:0 auto}.tori-onboarding-interaction{width:100%;align-items:center}.tori-onboarding-input-wrapper{width:100%;max-width:100%;margin:0 auto}.tori-onboarding-cta-wrapper{width:100%;justify-content:center}.tori-onboarding-character{width:clamp(150px,42vw,200px);height:clamp(150px,42vw,200px)}.tori-onboarding-profile-toggle{width:36px;height:36px;padding:7px;border-radius:10px;top:8px;left:8px}.tori-onboarding-profile-toggle span{height:2px}.tori-hero-nav{position:static;gap:4px;width:calc(100% - 32px);max-width:320px;margin:16px auto 0;justify-content:center}.tori-hero-nav-button{padding:5px 8px;font-size:10px;gap:3px}.tori-hero-nav-emoji{font-size:.85em}.tori-section-header h2,.tori-highlight-intro h2{font-size:18px}.tori-section-eyebrow{font-size:10px}.tori-section-description,.tori-highlight-intro p{font-size:12px}.tori-howto-content h3{font-size:14px}.tori-howto-content p{font-size:11px}.tori-howto-step-index{font-size:15px}.tori-howto-step-icon{width:38px;height:38px;font-size:18px;border-radius:12px}.tori-howto-card{padding:16px;border-radius:20px;gap:14px}.tori-highlight-card{padding:16px;border-radius:20px}.tori-highlight-card h3{font-size:14px}.tori-highlight-card p{font-size:11px}.tori-cta-copy h2{font-size:16px}.tori-cta-copy p{font-size:12px}.tori-cta-button{padding:10px 20px;font-size:13px;border-radius:20px}.tori-cta-inner{padding:20px;border-radius:20px}.tori-showcase-card-title{font-size:13px}.tori-showcase-card-label{font-size:10px}.tori-showcase-button{padding:6px 12px;font-size:11px}.tori-showcase-card{padding:12px;border-radius:24px}.tori-onboarding-btn-start{padding:14px 32px;font-size:16px;border-radius:18px}.tori-onboarding-btn-library{padding:10px 24px;font-size:13px;border-radius:16px}.tori-onboarding-final-wrapper{gap:12px}.tori-onboarding-step-button{width:36px;height:36px;font-size:18px}.tori-onboarding-step-button--prev{margin-left:-24px}.tori-onboarding-step-button--next{margin-right:-24px}.tori-onboarding-step-controls{padding:0 8px}}.tori-onboarding-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.tori-onboarding-file-input{display:none}.tori-onboarding-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:200px;height:200px;padding:24px;border:3px dashed #fbbf24;border-radius:50%;background:linear-gradient(135deg,#fef3c766,#fed7aa66);cursor:pointer;transition:all .3s ease}.tori-onboarding-upload-label:hover{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c799,#fed7aa99);transform:scale(1.02)}.tori-onboarding-upload-icon{font-size:48px;line-height:1}.tori-onboarding-upload-text{font-family:Gowun Dodum,sans-serif;font-size:15px;font-weight:700;color:#0f172a}.tori-onboarding-image-preview-container{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #fbbf2433}.tori-onboarding-image-preview{width:100%;height:100%;object-fit:cover;display:block}.tori-onboarding-image-remove{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ef4444e6;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0003}.tori-onboarding-image-remove:hover{background:#dc2626;transform:scale(1.1)}.tori-onboarding-image-actions{display:flex;justify-content:center;gap:12px;width:100%;max-width:320px}.tori-onboarding-btn-skip{flex:1;padding:16px 28px;border:2px solid #cbd5e1;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Gowun Dodum,sans-serif;font-size:18px;font-weight:700;color:#64748b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #64748b1a}.tori-onboarding-btn-skip:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 6px 16px #64748b26}.tori-onboarding-btn-skip:active{transform:translateY(0)}@media(max-width:640px){.tori-onboarding-upload-label{width:180px;height:180px;padding:20px}.tori-onboarding-upload-icon{font-size:40px}.tori-onboarding-upload-text{font-size:14px}.tori-onboarding-image-preview-container{width:180px;height:180px}.tori-onboarding-image-actions{max-width:100%}.tori-onboarding-btn-skip{padding:14px 24px;font-size:16px}}.tori-header-actions{position:absolute;top:clamp(14px,2.5vh,28px);right:clamp(14px,3vw,32px);display:flex;align-items:center;gap:12px;z-index:100}@media(max-width:480px){.tori-header-actions{gap:8px;top:12px;right:12px}}.theme-door-page{position:relative;width:100vw;min-height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:1rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.theme-door-magic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#ffffffe6,#fff7c899,#fffffff2);z-index:100;pointer-events:none}.theme-door-card-sparkle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:60;pointer-events:none}.theme-door-card-burst-particle{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,gold,#ffffffe6 40%,#fff7c800 70%);box-shadow:0 0 20px #ffd700cc,0 0 40px #fff9}.theme-door-card-selected{z-index:50!important;animation:theme-door-selected-glow 1.5s ease-out forwards!important}.theme-door-card-selected:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:30px;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:theme-door-halo-pulse .8s ease-in-out infinite;pointer-events:none;z-index:-1}.theme-door-card-selected .theme-door-image{animation:theme-door-image-bright 1.5s ease-out forwards}.theme-door-card-selected .theme-door-text{animation:theme-door-text-bright 1.5s ease-out forwards}@keyframes theme-door-selected-glow{0%{box-shadow:0 8px 30px #00000026;filter:brightness(1)}50%{box-shadow:0 0 60px #ffd700e6,0 0 100px #ffffffb3,0 20px 60px #0000004d;filter:brightness(1.8)}to{box-shadow:0 0 80px gold,0 0 120px #fffc,0 20px 60px #0000004d;filter:brightness(2.2)}}@keyframes theme-door-halo-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes theme-door-image-bright{0%{filter:drop-shadow(0 6px 20px rgba(0,0,0,.2))}to{filter:drop-shadow(0 0 50px rgba(255,215,0,1)) brightness(1.4)}}@keyframes theme-door-text-bright{0%{box-shadow:0 8px 30px #00000026}to{box-shadow:0 0 50px #ffd700e6,0 8px 30px #00000026}}.theme-door-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fef3c7,#fed7aa,#fecaca 60%,#fbcfe8);background-size:300% 300%;z-index:-1;animation:theme-door-gradient-flow 12s ease infinite}@keyframes theme-door-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-door-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.theme-door-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.theme-door-blob--1{width:400px;height:400px;top:-100px;right:-50px}.theme-door-blob--2{width:350px;height:350px;bottom:-80px;left:-100px}.theme-door-blob--3{width:300px;height:300px;top:40%;left:50%;transform:translate(-50%)}.theme-door-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.theme-door-particle{position:absolute;width:12px;height:12px;border-radius:50%;opacity:.4;filter:blur(1px)}.theme-door-container{position:relative;width:100%;max-width:1200px;min-height:calc(100vh - 2rem);display:flex;align-items:center;justify-content:center;padding:1rem 2rem}.theme-door-tori-small{flex-shrink:0;width:140px;height:140px;position:relative}.theme-door-tori-sprite-small{width:100%;height:100%;position:relative;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.theme-door-tori-img-small{width:100%;height:100%;object-fit:contain}.theme-door-sparkles,.theme-door-sparkles-small{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.theme-door-sparkle{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fef3c799 45%,#fff0 70%);box-shadow:0 0 12px #fbbf2473,0 0 18px #ffffff73}.theme-door-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.theme-door-message-wrapper{display:flex;align-items:center;gap:1rem;width:100%;max-width:600px}.theme-door-message-card{flex:1;background:linear-gradient(145deg,#fffffff2,#fffc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:1.25rem 1.75rem;box-shadow:0 4px 6px #0000000a,0 10px 20px #00000014,0 20px 40px #0000000f,inset 0 1px #ffffffe6,inset 0 -1px #00000008;border:1px solid rgba(255,255,255,.6)}.theme-door-message{font-size:1.1rem;font-weight:600;color:#1f2937;line-height:1.5;margin:0;text-align:left;white-space:pre-wrap;word-break:keep-all}.theme-door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;overflow:visible;width:100%;max-width:1000px;justify-items:center}.theme-door-carousel{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:1100px;position:relative}.theme-door-carousel--locked{pointer-events:none;filter:grayscale(.3) opacity(.6)}.theme-door-arrow{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 4px 20px #0000001a;cursor:pointer;transition:all .3s ease;color:#374151;flex-shrink:0;z-index:10}.theme-door-arrow:hover:not(:disabled){background:#fff;transform:scale(1.1);box-shadow:0 6px 24px #00000026}.theme-door-arrow:active:not(:disabled){transform:scale(.95)}.theme-door-arrow--disabled{opacity:.3;cursor:not-allowed}.theme-door-carousel-track{flex:1;display:flex;align-items:stretch;gap:1.25rem;overflow-x:auto;overflow-y:visible;min-height:460px;position:relative;padding:.5rem 1rem 1.25rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.theme-door-carousel-track::-webkit-scrollbar{display:none}.theme-door-card--carousel{width:100%;max-width:340px;min-width:260px;padding:1rem}.theme-door-card--list{flex:0 0 300px;scroll-snap-align:center;scroll-snap-stop:always;transition:transform .3s ease,opacity .3s ease,filter .3s ease}.theme-door-card--active{opacity:1;transform:scale(1);filter:saturate(1);z-index:5}.theme-door-card-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:visible}.theme-door-card-sparkle-star{position:absolute;width:8px;height:8px;border-radius:50%;filter:blur(1px);box-shadow:0 0 6px currentColor,0 0 12px currentColor}.theme-door-card--muted{opacity:.45;transform:scale(.9);filter:saturate(.8)}.theme-door-image-wrapper--carousel{height:340px}.theme-door-image--carousel{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 40px rgba(0,0,0,.25))}.theme-door-text--carousel{padding:1.25rem 2rem}.theme-door-title--carousel{font-size:1.5rem}.theme-door-description--carousel{font-size:.95rem;margin-top:.5rem}.theme-door-indicators{display:flex;gap:12px;justify-content:center;margin-top:.5rem}.theme-door-indicator{width:14px;height:14px;border-radius:50%;border:none;background:#fff9;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.theme-door-indicator:hover:not(:disabled){transform:scale(1.2);background:#ffffffe6}.theme-door-indicator--active{transform:scale(1.3);box-shadow:0 4px 12px #0003}.theme-door-indicator-divider{width:2px;height:20px;background:#00000026;border-radius:1px;margin:0 6px}.theme-door-select-btn{margin-top:.75rem;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:700;color:#1f2937;border:none;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px #00000026;transition:all .3s ease;text-shadow:0 1px 2px rgba(255,255,255,.5)}.theme-door-select-btn:hover:not(:disabled){box-shadow:0 12px 32px #0003}.theme-door-select-btn:disabled{opacity:.5;cursor:not-allowed}.theme-door-card{background:transparent;border:none;padding:.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .3s;position:relative;width:100%;max-width:300px;overflow:visible}.theme-door-tabs{display:flex;gap:1rem;justify-content:center;width:100%;max-width:500px}.theme-door-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffffb3;border:2px solid rgba(0,0,0,.1);padding:.6rem 1.25rem;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;min-width:180px;max-width:240px}.theme-door-tab-level{font-size:1.1rem;font-weight:800;color:#6b7280;transition:color .3s ease}.theme-door-tab-desc{font-size:.75rem;font-weight:500;color:#9ca3af;text-align:center;line-height:1.3;transition:color .3s ease;word-break:keep-all}.theme-door-tab:hover:not(:disabled){background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.theme-door-tab:disabled{opacity:.5;cursor:not-allowed}.theme-door-tab--active{background:linear-gradient(135deg,#fec6a1,#fc9ca9);border-color:#fc9ca980;box-shadow:0 6px 20px #fc9ca966}.theme-door-tab--active .theme-door-tab-level{color:#fff}.theme-door-tab--active .theme-door-tab-desc{color:#fffffff2}.theme-door-tab--active:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #fc9ca980}.theme-door-icon{font-size:3.5rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.theme-door-image-wrapper{width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.theme-door-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.2));transition:transform .3s}.theme-door-image--small{width:100%;height:100%;object-fit:contain}.theme-door-card:hover .theme-door-image,.theme-door-card:hover .theme-door-image--small{transform:scale(1.05)}.theme-door-text{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:1rem 1.5rem;border-radius:20px;box-shadow:0 8px 30px #00000026;transition:transform .3s,box-shadow .3s;position:relative;overflow:visible}.theme-door-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;opacity:0;transition:opacity .3s}.theme-door-card:hover .theme-door-text:before{opacity:1}.theme-door-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0;text-align:center;text-shadow:0 2px 4px rgba(255,255,255,.5);position:relative;z-index:1;word-break:keep-all}.theme-door-divider{font-size:1.1rem;font-weight:600;color:#1f2937;margin:.15rem 0;position:relative;z-index:1}.theme-door-description{font-size:.7rem;font-weight:500;color:#374151;margin:0;text-align:center;line-height:1.4;position:relative;z-index:1;word-break:keep-all;white-space:pre-line}@media(max-width:1024px){.theme-door-container{padding:2rem}.theme-door-tori-small{width:140px;height:140px}.theme-door-content{max-width:100%;width:100%}.theme-door-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.theme-door-message{font-size:1.25rem}.theme-door-message-wrapper{max-width:100%}}@media(max-width:768px){.theme-door-container{padding:1.5rem}.theme-door-tori-small{width:120px;height:120px}.theme-door-message-card{padding:1.5rem}.theme-door-message{font-size:1.1rem}.theme-door-message-wrapper{flex-direction:column;gap:1rem}.theme-door-grid{grid-template-columns:1fr;gap:1.25rem}.theme-door-card{padding:1.75rem 1.5rem}.theme-door-icon{font-size:3rem}.theme-door-image-wrapper{height:320px}.theme-door-text{padding:1.25rem 1.5rem}.theme-door-description{font-size:.8rem}.theme-door-tabs{gap:.75rem;flex-direction:column}.theme-door-tab{min-width:100%;padding:.85rem 1.25rem}.theme-door-tab-level{font-size:1.1rem}.theme-door-tab-desc{font-size:.8rem}}@media(max-width:480px){.theme-door-page{padding:.5rem 0}.theme-door-container{padding:1rem;min-height:auto}.theme-door-content{gap:1.25rem}.theme-door-tori-small{width:100px;height:100px}.theme-door-message-card{padding:1.25rem;border-radius:20px}.theme-door-message{font-size:.95rem;line-height:1.5}.theme-door-message-wrapper{flex-direction:column;gap:.75rem}.theme-door-grid{gap:1rem}.theme-door-card{padding:1.5rem 1.25rem;border-radius:16px}.theme-door-icon{font-size:2.5rem}.theme-door-image-wrapper{height:240px}.theme-door-text{padding:1.25rem}.theme-door-title{font-size:.95rem}.theme-door-description{font-size:.8rem;line-height:1.3}.theme-door-tabs{gap:.65rem;flex-direction:column}.theme-door-tab{min-width:100%;padding:.75rem 1.15rem}.theme-door-tab-level{font-size:1rem}.theme-door-tab-desc{font-size:.75rem}}@media(max-width:360px){.theme-door-tori-small{width:90px;height:90px}.theme-door-message{font-size:.9rem}.theme-door-card{padding:1.25rem 1rem}.theme-door-icon{font-size:2.25rem}.theme-door-image-wrapper{height:200px}.theme-door-text{padding:1rem}.theme-door-title{font-size:.9rem}.theme-door-description{font-size:.75rem}.theme-door-tab{padding:.7rem 1rem}.theme-door-tab-level{font-size:.95rem}.theme-door-tab-desc{font-size:.7rem}}.theme-door-profile-summary{display:flex;flex-direction:column;gap:1.5rem}.profile-summary-card{display:flex;gap:1.5rem;padding:1.75rem;border-radius:28px;background:#ffffffd9;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px #f8717126}.profile-summary-avatar{position:relative;width:120px;height:120px;flex-shrink:0}.profile-summary-avatar img{width:100%;height:100%;border-radius:24px;object-fit:cover;border:4px solid rgba(255,255,255,.8);box-shadow:0 12px 30px #0000001f}.profile-summary-info{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-summary-row{display:flex;flex-direction:column;gap:.35rem}.profile-summary-label{font-size:.95rem;font-weight:700;color:#6b7280}.profile-summary-value{background:#fafafae6;border-radius:16px;padding:.85rem 1.15rem;font-size:1.1rem;font-weight:700;color:#111827;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.profile-summary-value--chips{flex-wrap:wrap}.profile-age-chip{padding:.4rem .9rem;border-radius:999px;background:#f8fafce6;font-size:.95rem;font-weight:700;color:#9ca3af;border:2px solid transparent;transition:all .2s ease}.profile-age-chip.active{background:#fff7edf2;color:#fb923c;border-color:#fb923c66;box-shadow:0 6px 18px #fb923c33}.profile-summary-edit{border:none;background:#f9fafbe6;color:#a855f7;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-summary-edit:hover{transform:translateY(-2px);box-shadow:0 8px 18px #a855f740}.theme-door-start-button{margin-top:.5rem;width:100%;padding:1.15rem 1.5rem;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);border:none;border-radius:18px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 30px #ec489959}.theme-door-start-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.theme-door-start-subtitle{display:block;font-size:.95rem;font-weight:500;margin-top:.35rem;color:#ffffffe6}.theme-door-grid--locked{pointer-events:none;filter:grayscale(.3) opacity(.6)}.theme-door-grid-overlay{margin-top:1rem;border-radius:18px;background:#ffffffd9;padding:1.25rem 1.5rem;box-shadow:0 10px 30px #0f172a1f;border:1px solid rgba(255,255,255,.7);display:flex;flex-direction:column;gap:.75rem;text-align:center}.theme-door-grid-overlay button,.theme-door-empty-state button{align-self:center;border:none;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-weight:700;padding:.6rem 1.5rem;border-radius:999px;cursor:pointer;box-shadow:0 10px 20px #a855f740}.theme-door-empty-state{margin-top:1rem;border-radius:18px;background:#ffffffe6;padding:1.5rem;text-align:center;border:1px dashed rgba(248,113,113,.4);color:#9ca3af;font-weight:600}.theme-door-start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #ec489966}.theme-door-start-button:active:not(:disabled){transform:translateY(0)}.redesign-theme-door-page{position:relative;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.redesign-fullscreen-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;filter:blur(12px) saturate(.9);opacity:.35;transform:scale(1.05)}.redesign-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1;pointer-events:none}.redesign-mobile-backdrop{display:none}.redesign-main-content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:10}.redesign-theme-split{position:relative;width:min(1240px,92vw);display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:2.5rem;align-items:center}.redesign-theme-sidebar{display:flex;flex-direction:column;gap:1.5rem}.redesign-theme-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.redesign-theme-list-item{border:1px solid rgba(255,255,255,.65);background:#ffffff59;border-radius:20px;padding:.85rem .65rem;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:#1f2937;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;opacity:.85}.redesign-theme-list-item:hover:not(:disabled){opacity:.98;transform:translateY(-3px);background:#ffffff80;box-shadow:0 14px 28px #0003}.redesign-theme-list-item.is-active{opacity:1;background:#ffffffd9;border-color:#f59e0bb3;box-shadow:0 14px 26px #0003,0 0 0 3px #f59e0b2e}.redesign-theme-list-item:disabled{opacity:.4;cursor:not-allowed}.redesign-theme-list-icon{font-size:2rem;line-height:1}.redesign-theme-list-name{text-align:center}.redesign-card-with-arrows{display:flex;align-items:center;gap:.75rem;width:100%}.redesign-card-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fffffff2;border:2px solid rgba(0,0,0,.08);color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.redesign-card-arrow:hover{background:#fff;border-color:#f59e0b;color:#f59e0b;transform:scale(1.1);box-shadow:0 4px 16px #f59e0b4d}.redesign-card-arrow:active{transform:scale(.95)}.redesign-card-with-arrows .redesign-theme-info-card--side{flex:1;min-width:0}.redesign-theme-info-card--side{text-align:center;padding:1.6rem 1.75rem}.redesign-theme-info-card--side .redesign-theme-header--enhanced{flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.redesign-theme-info-card--side .redesign-theme-icon--large{font-size:2.6rem}.redesign-theme-info-card--side .redesign-theme-name{font-size:1.65rem}.redesign-theme-info-card--side .redesign-theme-tagline{margin-top:.1rem}.redesign-theme-info-card--side .redesign-theme-meta{justify-content:center}.redesign-theme-preview-pane{display:flex;align-items:center;justify-content:center}.redesign-theme-preview-frame{width:min(620px,46vw);aspect-ratio:4 / 3;border-radius:36px;padding:12px;background:#ffffff40;border:1px solid rgba(255,255,255,.6);box-shadow:0 30px 60px #00000040,inset 0 1px 1px #fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.redesign-theme-preview-image{width:100%;height:100%;border-radius:28px;object-fit:cover}.redesign-left-panel{width:380px;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:180px}.redesign-welcome-section{display:flex;align-items:flex-start;gap:1rem}.redesign-tori-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.redesign-welcome-bubble{flex:1;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1rem 1.25rem;box-shadow:0 8px 32px #0000001a,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff4d;border:1px solid rgba(255,255,255,.6);position:relative}.redesign-welcome-bubble:before{content:"";position:absolute;left:-10px;top:20px;border:8px solid transparent;border-right-color:#ffffffbf}.redesign-welcome-bubble p{margin:0;font-size:1rem;font-weight:700;color:#374151;line-height:1.5;white-space:pre-wrap}.redesign-theme-info-card{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;padding:1.5rem;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #fff6;border:1px solid rgba(255,255,255,.7);display:flex;flex-direction:column;gap:1rem;position:relative}.redesign-theme-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,200,100,.8) 25%,rgba(255,150,200,.8) 50%,rgba(150,200,255,.8) 75%,transparent 100%)}.redesign-theme-header{display:flex;align-items:center;gap:.75rem}.redesign-theme-icon{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(255,200,100,.6));animation:icon-glow 2s ease-in-out infinite}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,200,100,.5))}50%{filter:drop-shadow(0 0 16px rgba(255,200,100,.8))}}.redesign-theme-name{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#ec4899,#f59e0b,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(236,72,153,.3));margin:0}.redesign-theme-description{font-size:1rem;font-weight:600;color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap}.redesign-subtheme-list{display:flex;flex-direction:column;gap:.5rem}.redesign-subtheme-label{font-size:.85rem;font-weight:700;color:#6b7280;margin:0 0 .25rem}.redesign-subtheme-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff80;border:2px solid rgba(0,0,0,.05);border-radius:14px;cursor:pointer;transition:all .25s ease}.redesign-subtheme-item:hover:not(:disabled){background:#fffc;border-color:#ec48994d;transform:translate(4px);box-shadow:0 4px 16px #ec489926}.redesign-subtheme-item--active{background:linear-gradient(135deg,#fef3c7e6,#fde68ae6);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b4d,0 0 0 2px #f59e0b1a}.redesign-subtheme-item:disabled{opacity:.5;cursor:not-allowed}.redesign-subtheme-icon{font-size:1.5rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.redesign-subtheme-text{display:flex;flex-direction:column;gap:.15rem}.redesign-subtheme-name{font-size:.95rem;font-weight:700;color:#1f2937}.redesign-subtheme-desc{font-size:.8rem;font-weight:500;color:#6b7280}.redesign-theme-info-card--enhanced{text-align:center;padding:1.5rem}.redesign-theme-header--enhanced{flex-direction:column;gap:.5rem;margin-bottom:.5rem}.redesign-theme-header--with-arrows{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%}.redesign-sheet-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(0,0,0,.1);color:#4b5563;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.redesign-sheet-arrow:hover{background:#fff;border-color:#f59e0b;color:#f59e0b;transform:scale(1.1);box-shadow:0 4px 12px #f59e0b4d}.redesign-sheet-arrow:active{transform:scale(.95)}.redesign-theme-icon--large{font-size:4rem;filter:drop-shadow(0 0 12px rgba(255,200,100,.6));animation:icon-glow 2s ease-in-out infinite}.redesign-theme-tagline{font-size:1rem;font-weight:600;color:#4b5563;margin:.25rem 0 .75rem;line-height:1.4;white-space:pre-line}.redesign-theme-tagline--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal}.redesign-theme-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 .5rem}.redesign-adventure-badge--compact{margin:0;padding:.35rem .9rem;font-size:.8rem}.redesign-usage-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid rgba(0,0,0,.08);background:#ffffffb3;color:#6b7280}.redesign-usage-badge--ok{background:#fbbf2433;border-color:#f59e0b59;color:#92400e}.redesign-usage-badge--alert{background:#f8717126;border-color:#f8717159;color:#b91c1c}.redesign-details-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .9rem;margin:.15rem auto 0;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffa6;font-size:.8rem;font-weight:700;color:#6b7280;cursor:pointer;transition:all .2s ease}.redesign-details-toggle:hover{background:#fffffff2;color:#374151}.redesign-details-caret{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid currentColor;transition:transform .2s ease}.redesign-details-toggle.is-open .redesign-details-caret{transform:rotate(180deg)}.redesign-theme-details{display:flex;flex-direction:column;gap:.6rem;margin-top:.35rem}.redesign-theme-details--mobile{width:100%}.redesign-subtheme-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.5rem 0}.redesign-subtheme-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .8rem;min-width:70px;background:#ffffffb3;border:3px solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:all .2s ease}.redesign-subtheme-btn:hover:not(:disabled){background:#fffffff2;border-color:#ec489966;box-shadow:0 4px 16px #ec489933;transform:translateY(-2px)}.redesign-subtheme-btn--active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b66,0 0 0 3px #f59e0b26}.redesign-subtheme-btn:disabled{opacity:.5;cursor:not-allowed}.redesign-subtheme-btn-icon{font-size:1.75rem;line-height:1}.redesign-subtheme-btn-name{font-size:.75rem;font-weight:700;color:#374151;white-space:nowrap}.redesign-subtheme-btn--active .redesign-subtheme-btn-name{color:#92400e}.redesign-theme-info-card--simple{text-align:center;padding:1.5rem}.redesign-theme-header--simple{flex-direction:column;gap:.5rem}.redesign-subtheme-icons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:.5rem 0}.redesign-subtheme-icon-btn{width:60px;height:60px;border-radius:16px;border:3px solid rgba(0,0,0,.08);background:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.redesign-subtheme-icon-btn:hover:not(:disabled){background:#ffffffe6;border-color:#ec489966;box-shadow:0 4px 16px #ec489933}.redesign-subtheme-icon-btn--active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b66,0 0 0 3px #f59e0b26;transform:scale(1.1)}.redesign-subtheme-icon-btn:disabled{opacity:.5;cursor:not-allowed}.redesign-subtheme-emoji{font-size:2rem}.redesign-theme-highlights{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.75rem 0}.redesign-highlight-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#fffc,#fff9);border:2px solid rgba(245,158,11,.3);border-radius:999px;box-shadow:0 4px 12px #f59e0b26;transition:all .2s ease}.redesign-highlight-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b40;border-color:#f59e0b80}.redesign-highlight-icon{font-size:1.3rem;line-height:1}.redesign-highlight-label{font-size:.9rem;font-weight:700;color:#92400e;white-space:nowrap}.redesign-theme-highlights--mobile{gap:.5rem;margin:.5rem 0}.redesign-theme-highlights--mobile .redesign-highlight-chip{padding:.5rem .8rem}.redesign-theme-highlights--mobile .redesign-highlight-icon{font-size:1.1rem}.redesign-theme-highlights--mobile .redesign-highlight-label{font-size:.8rem}.redesign-adventure-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-radius:999px;font-size:.9rem;font-weight:700;color:#b45309;margin:.5rem 0}.redesign-start-btn--big{padding:1.25rem 2.5rem;font-size:1.5rem;border-radius:20px;margin-top:.5rem}.redesign-adventure-info{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.redesign-adventure-length{font-size:.95rem;font-weight:700;color:#f59e0b;text-align:center}.redesign-start-btn{width:100%;padding:1rem 1.5rem;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);border:none;border-radius:16px;cursor:pointer;box-shadow:0 8px 24px #ec489966,0 0 0 3px #ffffff4d;transition:all .25s ease;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;overflow:hidden}.redesign-start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:btn-shine 3s ease-in-out infinite}@keyframes btn-shine{0%{left:-100%}50%,to{left:100%}}.redesign-start-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #ec489980,0 0 0 3px #fff6}.redesign-start-btn:disabled{opacity:.5;cursor:not-allowed}.redesign-bottom-sheet{display:none}.redesign-bottom-carousel{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1rem 1.5rem;background:transparent;z-index:20}.redesign-carousel-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s ease;color:#374151;flex-shrink:0}.redesign-carousel-arrow:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 16px #0003}@media(min-width:769px){.redesign-bottom-carousel{display:none}}.redesign-carousel-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;min-width:0}.redesign-carousel-track::-webkit-scrollbar{display:none}.redesign-carousel-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem 1.5rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid transparent;border-radius:50px;cursor:pointer;transition:all .2s ease;min-width:auto;scroll-snap-align:center}.redesign-carousel-item:hover:not(:disabled){background:#ffffff59;transform:translateY(-4px)}.redesign-carousel-item--active{background:#fffffff2;border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b59}.redesign-carousel-item:disabled{opacity:.5;cursor:not-allowed}.redesign-carousel-thumb{display:none}.redesign-carousel-info{display:flex;flex-direction:column;align-items:center;gap:.3rem}.redesign-carousel-icon{font-size:1.5rem}.redesign-carousel-name{font-size:1rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap}.redesign-carousel-item--active .redesign-carousel-name{color:#1f2937;text-shadow:none}.redesign-carousel-stars{font-size:.9rem}@media(max-width:1024px){.redesign-main-content{padding:2.5rem 2rem 2rem 2.5rem}.redesign-theme-split{width:min(980px,92vw);grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:1.8rem}.redesign-theme-list{grid-template-columns:repeat(3,minmax(0,1fr))}.redesign-theme-list-item{padding:.7rem .5rem;min-height:84px;font-size:.85rem}.redesign-theme-list-icon{font-size:1.8rem}.redesign-theme-info-card--side .redesign-theme-name{font-size:1.5rem}.redesign-theme-preview-frame{width:min(520px,52vw)}.redesign-left-panel{width:420px;padding-bottom:120px}.redesign-tori-img{width:90px;height:90px}.redesign-theme-info-card{padding:2rem;border-radius:28px;gap:1.25rem}.redesign-theme-icon--large{font-size:3.2rem}.redesign-theme-name{font-size:1.75rem}.redesign-theme-tagline{font-size:1.05rem;line-height:1.6}.redesign-subtheme-buttons{gap:.75rem}.redesign-subtheme-btn{padding:.9rem 1.1rem;min-width:90px}.redesign-subtheme-btn-icon{font-size:2rem}.redesign-subtheme-btn-name{font-size:.9rem}.redesign-adventure-badge{font-size:.95rem;padding:.65rem 1.3rem}.redesign-start-btn--big{padding:1.15rem 2.8rem;font-size:1.35rem}.redesign-bottom-carousel{left:50%!important;right:auto!important;transform:translate(-50%)!important;bottom:4rem!important;padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;background:transparent}.redesign-carousel-arrow{display:none!important}.redesign-carousel-track{display:flex;gap:.8rem;justify-content:center;overflow-x:visible;background:transparent;padding:.5rem}.redesign-carousel-item{padding:1.1rem 1.3rem;min-width:100px;border-radius:20px}.redesign-carousel-icon{font-size:1.8rem;margin-bottom:4px}.redesign-carousel-name{font-size:.95rem;font-weight:600}.redesign-carousel-stars{font-size:.8rem;margin-top:4px}}@media(max-width:768px){.redesign-theme-door-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.redesign-left-panel,.redesign-mobile-backdrop,.redesign-main-content{display:none}.redesign-fullscreen-bg{position:absolute!important;top:0;left:0;right:0;height:45vh;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0}.redesign-bg-overlay{position:absolute;top:0;left:0;right:0;height:45vh;background:linear-gradient(to bottom,transparent 70%,rgba(255,255,255,.5) 100%);z-index:1;pointer-events:none}.redesign-bottom-carousel{position:absolute!important;top:45vh!important;left:0!important;right:0!important;bottom:auto!important;height:95px!important;transform:none!important;z-index:25;background:#fff;padding:.6rem 0;margin-top:-8px;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000014;display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.redesign-bottom-sheet{display:flex!important;flex-direction:column;justify-content:center;align-items:center;position:absolute!important;top:calc(45vh + 77px)!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(180deg,#fffffff2,#fffcf5fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem 1.25rem 1rem;z-index:20;overflow-y:auto}.redesign-sheet-content{display:flex!important;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:400px}.redesign-bottom-sheet:before{display:none}.redesign-sheet-header,.redesign-sheet-handle,.redesign-sheet-close{display:none}.redesign-sheet-content--enhanced{text-align:center;gap:.75rem;padding:.5rem;width:100%}.redesign-theme-header--enhanced{flex-direction:column;gap:.15rem}.redesign-theme-header--with-arrows{flex-direction:row!important;gap:.75rem}.redesign-sheet-arrow{width:32px;height:32px}.redesign-theme-icon--large{font-size:2.8rem;filter:drop-shadow(0 4px 12px rgba(255,180,80,.5));animation:icon-float 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.redesign-theme-name{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.redesign-theme-tagline{font-size:1.15rem;margin:.2rem 0 .5rem;line-height:1.5;color:#4b5563;font-weight:600}.redesign-subtheme-buttons--mobile{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.3rem 0;padding:.5rem;background:#fff9;border-radius:20px;box-shadow:inset 0 2px 8px #0000000a}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn{padding:.6rem .8rem;min-width:65px;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);border:1.5px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn--active{background:linear-gradient(145deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important;box-shadow:0 4px 15px #f59e0b4d!important}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn-icon{font-size:1.6rem;margin-bottom:2px}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn-name{font-size:.7rem;font-weight:600;color:#374151}.redesign-sheet-content--enhanced .redesign-adventure-badge{margin:.3rem 0;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;font-weight:600;font-size:.8rem;color:#92400e;box-shadow:0 2px 8px #fbbf244d}.redesign-sheet-content--enhanced .redesign-start-btn--big{padding:1rem 2.5rem;font-size:1.3rem;margin-top:.4rem;border-radius:25px;box-shadow:0 6px 20px #ec489959}.redesign-theme-header{justify-content:center}.redesign-theme-icon{font-size:2.8rem}.redesign-theme-name{font-size:1.4rem}.redesign-theme-description{text-align:center;font-size:.85rem;color:#4b5563}.redesign-subtheme-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.redesign-subtheme-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#fff9;border:2px solid rgba(0,0,0,.08);border-radius:999px;font-size:.9rem;font-weight:700;color:#374151;cursor:pointer;transition:all .2s ease}.redesign-subtheme-chip:hover:not(:disabled){background:#ffffffe6;border-color:#ec48994d;box-shadow:0 4px 12px #ec489926}.redesign-subtheme-chip--active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;box-shadow:0 4px 16px #f59e0b59}.redesign-subtheme-chip:disabled{opacity:.5;cursor:not-allowed}.redesign-adventure-info{text-align:center}.redesign-adventure-length{color:#f59e0b}.redesign-carousel-arrow{width:32px;height:32px}.redesign-carousel-arrow svg{width:16px;height:16px}.redesign-carousel-track{display:inline-flex;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.redesign-carousel-track::-webkit-scrollbar{display:none}.redesign-carousel-thumb{display:none}.redesign-carousel-item{flex:0 0 auto;min-width:90px;width:90px;padding:14px 12px;border-radius:20px;background:linear-gradient(145deg,#f8f9fa,#e9ecef);box-shadow:0 3px 8px #00000014;transition:all .25s ease;scroll-snap-align:start}.redesign-carousel-item[data-theme=emotion]{background:linear-gradient(145deg,#fdf2f8,#f9a8d4);box-shadow:0 3px 10px #f472b640}.redesign-carousel-item[data-theme=pretend]{background:linear-gradient(145deg,#eff6ff,#93c5fd);box-shadow:0 3px 10px #60a5fa40}.redesign-carousel-item[data-theme=repetition]{background:linear-gradient(145deg,#ecfdf5,#6ee7b7);box-shadow:0 3px 10px #34d39940}.redesign-carousel-item[data-theme=adventure]{background:linear-gradient(145deg,#fffbeb,#fcd34d);box-shadow:0 3px 10px #fbbf2440}.redesign-carousel-item[data-theme=conflict]{background:linear-gradient(145deg,#fef2f2,#fca5a5);box-shadow:0 3px 10px #f8717140}.redesign-carousel-item[data-theme=teamwork]{background:linear-gradient(145deg,#eef2ff,#a5b4fc);box-shadow:0 3px 10px #818cf840}.redesign-carousel-item--active{background:linear-gradient(145deg,#fef9c3,#facc15)!important;border:2.5px solid #f59e0b;box-shadow:0 4px 15px #f59e0b66!important;transform:scale(1.05)}.redesign-carousel-icon{font-size:1.4rem;margin-bottom:3px}.redesign-carousel-name{font-size:.6rem;font-weight:700;color:#374151;text-shadow:none}.redesign-carousel-stars{font-size:.55rem;margin-top:3px}}@media(max-width:480px){.redesign-bottom-carousel{padding:.3rem .15rem .4rem;gap:.15rem}.redesign-carousel-arrow{width:28px;height:28px}.redesign-carousel-arrow svg{width:14px;height:14px}.redesign-fullscreen-bg,.redesign-bg-overlay{height:42vh}.redesign-bottom-carousel{top:42vh!important;height:75px!important}.redesign-bottom-sheet{top:calc(42vh + 67px)!important}.redesign-carousel-item{flex:0 0 auto;min-width:72px;width:72px;padding:10px 8px;border-radius:16px;scroll-snap-align:start}.redesign-carousel-icon{font-size:1.2rem}.redesign-carousel-name{font-size:.5rem}.redesign-sheet-content{gap:.5rem}.redesign-theme-name{font-size:1.2rem}.redesign-theme-description{font-size:.75rem}.redesign-start-btn{padding:.7rem 1rem;font-size:.95rem}.redesign-theme-icon--large{font-size:2.2rem}.redesign-theme-tagline{font-size:1.05rem}.redesign-subtheme-buttons--mobile{padding:.4rem;gap:.4rem}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn{padding:.45rem .5rem;min-width:55px;border-radius:12px}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn-icon{font-size:1.3rem}.redesign-subtheme-buttons--mobile .redesign-subtheme-btn-name{font-size:.6rem}.redesign-sheet-content--enhanced .redesign-start-btn--big{padding:.85rem 1.8rem;font-size:1.1rem;border-radius:22px}.redesign-adventure-badge{font-size:.7rem;padding:.4rem .8rem}}@media(max-width:1024px){.theme-door-carousel{max-width:100%;gap:.75rem}.theme-door-arrow{width:48px;height:48px}.theme-door-carousel-track{min-height:420px;padding:.5rem .5rem 1rem;gap:1rem}.theme-door-card--carousel{max-width:300px;min-width:240px}.theme-door-card--list{flex:0 0 260px}.theme-door-image-wrapper--carousel{height:340px}.theme-door-title--carousel{font-size:1.3rem}.theme-door-select-btn{padding:.9rem 2.5rem;font-size:1.1rem}}@media(max-width:768px){.theme-door-carousel{max-width:100%;gap:.5rem}.theme-door-arrow{width:44px;height:44px}.theme-door-arrow svg{width:20px;height:20px}.theme-door-carousel-track{min-height:390px;gap:.75rem;padding:.5rem .5rem 1rem}.theme-door-card--carousel{max-width:280px;min-width:220px;padding:.75rem}.theme-door-card--list{flex:0 0 230px}.theme-door-image-wrapper--carousel{height:280px}.theme-door-text--carousel{padding:1rem 1.5rem}.theme-door-title--carousel{font-size:1.15rem}.theme-door-description--carousel{font-size:.85rem}.theme-door-indicators{gap:10px}.theme-door-indicator{width:12px;height:12px}.theme-door-select-btn{padding:.85rem 2rem;font-size:1rem}}@media(max-width:480px){.theme-door-carousel{gap:.25rem}.theme-door-arrow{width:40px;height:40px}.theme-door-arrow svg{width:18px;height:18px}.theme-door-carousel-track{min-height:340px;gap:.65rem;padding:.5rem .25rem 1rem}.theme-door-card--carousel{max-width:240px;min-width:200px;padding:.5rem}.theme-door-card--list{flex:0 0 200px}.theme-door-image-wrapper--carousel{height:220px}.theme-door-text--carousel{padding:.85rem 1.25rem}.theme-door-title--carousel{font-size:1.05rem}.theme-door-description--carousel{font-size:.8rem}.theme-door-indicators{gap:8px;margin-top:.75rem}.theme-door-indicator{width:10px;height:10px}.theme-door-select-btn{padding:.75rem 1.75rem;font-size:.95rem;margin-top:1rem}}@media(max-width:360px){.theme-door-arrow{width:36px;height:36px}.theme-door-carousel-track{min-height:300px}.theme-door-card--carousel{max-width:210px;min-width:180px}.theme-door-card--list{flex:0 0 180px}.theme-door-image-wrapper--carousel{height:180px}.theme-door-title--carousel{font-size:.95rem}.theme-door-description--carousel{font-size:.75rem}}.guideline-page{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;overflow-y:auto}.guideline-bg{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/sky-background.jpeg);background-size:cover;background-position:center;z-index:0}.guideline-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.guideline-container{position:relative;z-index:10;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.guideline-content{width:100%;background:#fffffff2;border-radius:24px;padding:24px;box-shadow:0 28px 56px #00000026;display:flex;flex-direction:column;align-items:center;gap:14px}.guideline-tori{width:70px;height:70px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #fbbf244d;animation:float 3s ease-in-out infinite}.guideline-tori img{width:100%;height:100%;object-fit:cover}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.guideline-title{font-size:20px;font-weight:800;color:#3b3a36;margin:0;text-align:center;background:linear-gradient(135deg,#fbbf24,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guideline-sections{width:100%;display:flex;flex-direction:column;gap:10px}.guideline-section{background:#fffc;border-radius:16px;padding:14px;border:2px solid #fed7aa;transition:all .3s ease}.guideline-section:hover{border-color:#fb923c;box-shadow:0 4px 12px #fb923c33;transform:translateY(-2px)}.guideline-section.warning{background:#fef2f2e6;border-color:#fca5a5}.guideline-section.warning:hover{border-color:#f87171;box-shadow:0 4px 12px #f8717133}.section-header{display:flex;align-items:baseline;gap:8px;margin-bottom:0;border:none!important;border-bottom:none!important}.section-header:after{display:none!important;content:none!important}.section-icon{font-size:16px;flex-shrink:0;line-height:1}.section-title{font-size:16px;font-weight:700;color:#3b3a36;margin:0;padding:0;border:none!important;border-bottom:none!important;text-decoration:none!important;line-height:20px}.section-title:after{display:none!important;content:none!important}.section-content{margin:6px 0 0;padding-left:14px;padding-top:0;list-style:none;border:none;border-top:none}.section-content li{font-size:14px;line-height:1.5;color:#4b4a46;margin-bottom:6px;position:relative;padding-left:16px}.section-content li:before{content:"•";position:absolute;left:0;color:#fb923c;font-weight:700;font-size:18px}.section-content li:last-child{margin-bottom:0}.section-content strong{color:#ea580c;font-weight:700}.guideline-start-button{width:100%;max-width:280px;margin-top:4px;border:none;border-radius:18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:18px;font-weight:700;padding:14px 24px;cursor:pointer;box-shadow:0 20px 40px #10b98159;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.guideline-start-button:hover{transform:translateY(-4px);box-shadow:0 24px 48px #10b98173}.guideline-start-button:active{transform:translateY(-2px);box-shadow:0 18px 36px #10b98159}.button-icon{font-size:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.guideline-page{padding:20px}.guideline-content{padding:32px 24px;gap:24px}.guideline-tori{width:100px;height:100px}.guideline-title{font-size:26px}.section-icon{font-size:24px;line-height:1}.section-title{font-size:18px}.section-content li{font-size:15px}.guideline-start-button{font-size:20px;padding:18px 28px}}@media(max-width:480px){.guideline-content{padding:24px 20px;gap:20px}.guideline-tori{width:80px;height:80px}.guideline-title{font-size:22px}.section-header{gap:8px}.section-icon{font-size:20px;line-height:1}.section-title{font-size:16px}.section-content li{font-size:14px;padding-left:16px}.guideline-start-button{font-size:18px;padding:16px 24px}}.profile-page{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;overflow:hidden}.profile-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/sky-background.jpeg);background-size:cover;background-position:center;z-index:0}.profile-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1}.profile-container{position:relative;z-index:10;display:flex;gap:60px;max-width:1200px;width:100%;height:100%;max-height:720px}.profile-container--centered{justify-content:center;align-items:center}.profile-section{flex:0 0 420px;display:flex;align-items:center;justify-content:center}.profile-card{width:100%;max-width:420px;background:#ffffffeb;border-radius:28px;padding:40px;box-shadow:0 24px 48px #0000001f;animation:slideInLeft .6s ease-out;display:flex;flex-direction:column;gap:24px}.profile-card--compact{max-width:360px;padding:28px;gap:20px;box-shadow:0 18px 36px #0000001f}.profile-card--compact .profile-avatar-wrapper{gap:12px}.profile-card--compact .profile-image-container{width:160px;height:160px}.profile-card--compact .profile-form{gap:16px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-image-container{width:200px;height:200px;position:relative}.profile-image{width:100%;height:100%;border-radius:50%;border:6px solid #f0f0f0;box-shadow:0 10px 30px #0000001a;object-fit:cover}.profile-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.3px}.profile-file-input{display:none}.profile-upload-button{padding:10px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,#fbd38d,#f6ad55);font-weight:600;color:#7c3a00;box-shadow:0 12px 24px #f6ad5559;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-upload-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.profile-upload-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 16px 32px #f6ad5573}.profile-upload-dropdown{position:relative;display:inline-block}.profile-upload-chevron{margin-left:8px;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transform:rotate(45deg);transition:transform .2s ease}.profile-upload-chevron--open{transform:rotate(-135deg)}.profile-upload-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffff2;border:1px solid #f1d9bf;border-radius:16px;box-shadow:0 12px 24px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;z-index:10;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-menu-item{width:100%;padding:12px 18px;border:none;background:transparent;text-align:left;font-weight:600;font-size:14px;color:#4b4a46;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.profile-menu-item:hover{background:#fbbf241a}.profile-menu-item:disabled{opacity:.6;cursor:not-allowed}.profile-menu-item--delete{color:#dc2626;border-top:1px solid #f0f0f0}.profile-menu-item--delete:hover{background:#dc26261a}.profile-avatar-notice{display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;margin-top:4px;font-weight:600;animation:errorSlideIn .3s ease-out}.profile-avatar-notice--success{background:#dcfce7f2;border:1px solid #4ade80}.profile-avatar-notice--error{background:#fee2e2e6;border:1px solid #fca5a5}.profile-avatar-notice-icon{font-size:16px;flex-shrink:0}.profile-avatar-notice-text{font-size:13px;color:#0f172a;line-height:1.4;text-align:center;flex:1}.profile-avatar-notice--error .profile-avatar-notice-text{color:#dc2626}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-form{display:flex;flex-direction:column;gap:18px;text-align:left}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-label{font-size:16px;font-weight:600;color:#4b4a46}.profile-input{border-radius:16px;border:2px solid #f1d9bf;padding:14px 16px;font-size:16px;font-weight:600;color:#3b3a36;background:#fffdf9;transition:border-color .2s ease,box-shadow .2s ease}.profile-input:focus{outline:none;border-color:#f6ad55;box-shadow:0 0 0 3px #f6ad5540}.profile-input-error{border-color:#f56565}.profile-age-options{display:flex;gap:12px}.profile-age-button{flex:1;border-radius:16px;border:2px solid #f2e7da;background:#fffaf4;color:#6a4b21;font-weight:700;padding:12px 0;cursor:pointer;transition:transform .2s ease,background .2s ease}.profile-age-button--active{background:linear-gradient(135deg,#fcd9bd,#f8b98a);border-color:transparent;color:#4b2900;box-shadow:0 12px 24px #f8b98a59}.profile-age-button:disabled{opacity:.6;cursor:not-allowed}.profile-helper-text{font-size:13px;color:#f56565;font-weight:600}.profile-age-input-wrapper{display:flex;align-items:center;gap:8px;background:#fffaf4;border:2px solid #f2e7da;border-radius:16px;padding:8px 16px;transition:border-color .2s ease,box-shadow .2s ease}.profile-age-input-wrapper:focus-within{border-color:#f8b98a;box-shadow:0 8px 16px #f8b98a40}.profile-age-input{width:60px;border:none;background:transparent;font-size:18px;font-weight:700;color:#6a4b21;text-align:center;outline:none;padding:4px}.profile-age-input::placeholder{color:#c5a98a}.profile-age-input::-webkit-outer-spin-button,.profile-age-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.profile-age-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.profile-age-suffix{font-size:18px;font-weight:700;color:#6a4b21}.profile-age-input.profile-input-error{color:#f56565}.profile-error-banner{background:#fff5f5;border:1px solid #fed7d7;color:#c53030;border-radius:16px;padding:12px 16px;font-weight:600;text-align:center}.profile-save-button{border:none;border-radius:18px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#4b2900;font-size:17px;font-weight:700;padding:14px 0;cursor:pointer;box-shadow:0 18px 32px #f9731659;transition:transform .2s ease,box-shadow .2s ease}.profile-save-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.profile-save-button:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 22px 42px #f9731673}.actions-section{flex:1;display:flex;align-items:center;justify-content:center;animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.actions-container{width:100%;max-width:520px;background:#ffffffe6;border-radius:30px;padding:46px;box-shadow:0 28px 56px #0000001f;display:flex;flex-direction:column;gap:26px}.actions-title{font-size:30px;font-weight:800;color:#3b3a36;margin:0;text-align:center}.profile-guide-message{text-align:center;font-size:14px;font-weight:600;color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;padding:10px 16px;margin:-10px 0 0;animation:pulseGuide 2s ease-in-out infinite}@keyframes pulseGuide{0%,to{opacity:1}50%{opacity:.7}}.action-button{border:none;border-radius:26px;padding:28px 34px;display:flex;gap:24px;align-items:center;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.primary-button{background:linear-gradient(135deg,#fed7aa,#fb923c);box-shadow:0 18px 36px #fb923c59}.secondary-button{background:linear-gradient(135deg,#e0f2fe,#c7d2fe);box-shadow:0 18px 36px #6366f140}.action-button:hover{transform:translateY(-5px)}.button-icon{font-size:44px}.icon-image{width:50px;height:50px;object-fit:contain}.button-content{display:flex;flex-direction:column;gap:8px}.button-title{font-size:24px;font-weight:700;color:#2f2e2a}.button-subtitle{font-size:15px;color:#5c5b57;font-weight:500}@media(max-width:1024px){.profile-container{flex-direction:column;gap:32px;max-height:none;padding:24px;overflow-y:auto}.profile-section{flex:none}.actions-container,.profile-card{padding:32px}.profile-image-container{width:160px;height:160px}}@media(max-width:768px){.profile-page{padding:20px}.profile-card{padding:26px}.profile-image-container{width:130px;height:130px}.actions-container{padding:26px}.action-button{padding:24px;gap:18px}}@media(max-width:480px){.profile-page{padding:40px 36px}.profile-container{gap:18px;padding:0}.profile-card{padding:16px;border-radius:18px;gap:14px;max-width:calc(100% - 24px);margin:0 auto}.profile-card--compact{padding:14px;gap:12px}.profile-card--compact .profile-image-container{width:100px;height:100px}.profile-image-container{width:90px;height:90px}.profile-image{border-width:3px}.profile-avatar-wrapper{gap:10px}.profile-upload-button{padding:6px 12px;font-size:11px}.profile-form{gap:12px}.profile-label{font-size:12px}.profile-input{padding:10px 12px;font-size:12px;border-radius:10px}.profile-age-options{gap:6px}.profile-age-button{padding:8px 0;font-size:12px;border-radius:10px}.profile-save-button{padding:10px 0;font-size:13px;border-radius:12px}.actions-container{padding:16px;border-radius:18px;gap:14px;max-width:calc(100% - 24px);margin:0 auto}.actions-title{font-size:18px}.profile-guide-message{font-size:12px;padding:8px 12px;border-radius:10px;margin:-6px 0 0}.action-button{padding:12px 14px;gap:12px;border-radius:14px}.button-icon{font-size:26px}.icon-image{width:30px;height:30px}.button-title{font-size:14px}.button-subtitle{font-size:11px}.profile-menu-item{padding:8px 12px;font-size:11px}.profile-avatar-notice{padding:6px 10px}.profile-avatar-notice-text,.profile-helper-text{font-size:10px}.profile-error-banner{padding:8px 12px;font-size:11px;border-radius:10px}}@media(max-width:360px){.profile-page{padding:36px 32px}.profile-container{gap:14px;padding:0}.profile-card{padding:12px;gap:12px;border-radius:14px;max-width:calc(100% - 20px)}.profile-card--compact{padding:10px}.profile-card--compact .profile-image-container{width:80px;height:80px}.profile-image-container{width:70px;height:70px}.profile-image{border-width:2px}.profile-upload-button{padding:5px 10px;font-size:10px}.profile-form{gap:10px}.profile-label{font-size:11px}.profile-input{padding:8px 10px;font-size:11px;border-radius:8px}.profile-age-button{padding:6px 0;font-size:11px;border-radius:8px}.profile-save-button{padding:8px 0;font-size:12px;border-radius:10px}.actions-container{padding:12px;gap:12px;border-radius:14px;max-width:calc(100% - 20px)}.actions-title{font-size:15px}.profile-guide-message{font-size:11px;padding:6px 10px;border-radius:8px}.action-button{padding:10px 12px;gap:10px;border-radius:12px}.button-icon{font-size:22px}.icon-image{width:26px;height:26px}.button-title{font-size:12px}.button-subtitle{font-size:10px}}.onboarding-page{width:100vw;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;overflow-y:auto}.onboarding-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/assets/sky-background.jpeg);background-size:cover;background-position:center;z-index:0}.onboarding-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#fff6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1}.onboarding-container{position:relative;z-index:10;display:flex;gap:60px;max-width:1200px;width:100%;min-height:fit-content}.welcome-section{flex:1;display:flex;align-items:center;justify-content:center}.welcome-content{width:100%;max-width:480px;background:#fffffff2;border-radius:32px;padding:48px;box-shadow:0 28px 56px #0000001f;animation:welcomeSlideIn .8s ease-out;text-align:center;display:flex;flex-direction:column;gap:28px}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{font-size:64px;animation:iconBounce 2s ease-in-out infinite}.welcome-icon img{width:150px;height:150px;object-fit:contain;display:block;margin:0 auto}@keyframes iconBounce{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-10px)}}.welcome-title{font-size:32px;font-weight:800;color:#3b3a36;margin:0;line-height:1.3;background:linear-gradient(135deg,#fbbf24,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-description{font-size:18px;color:#5c5b57;line-height:1.6;margin:0;font-weight:500}.welcome-features{display:flex;justify-content:space-around;gap:16px;margin-top:8px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.feature-icon{font-size:28px;animation:featureFloat 3s ease-in-out infinite}.feature-icon:nth-child(1){animation-delay:0s}.feature-icon:nth-child(2){animation-delay:.5s}.feature-icon:nth-child(3){animation-delay:1s}@keyframes featureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature-text{font-size:14px;color:#4b4a46;font-weight:600;text-align:center}.profile-section{flex:0 0 420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:profileSlideIn .8s ease-out .3s both}@keyframes profileSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.profile-section-title{font-size:24px;font-weight:700;color:#3b3a36;margin:0;text-align:center;background:#ffffffe6;padding:16px 24px;border-radius:20px;box-shadow:0 8px 16px #0000001a}.onboarding-start-button{width:100%;max-width:360px;margin-top:16px;border:none;border-radius:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:20px;font-weight:700;padding:20px 32px;cursor:pointer;box-shadow:0 20px 40px #10b98159;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.onboarding-start-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#d1d5db}.onboarding-start-button:not(:disabled):hover{transform:translateY(-6px);box-shadow:0 24px 48px #10b98173}.onboarding-start-button:not(:disabled):active{transform:translateY(-3px);box-shadow:0 18px 36px #10b98159}.button-icon{font-size:24px;animation:iconPulse 2s ease-in-out infinite}.button-spinner{font-size:18px;animation:spin 1s linear infinite}.background-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.cloud{position:absolute;font-size:48px;opacity:.6;animation:cloudFloat 20s ease-in-out infinite}.cloud-1{top:15%;left:10%;animation-delay:0s}.cloud-2{top:25%;right:15%;animation-delay:8s}.cloud-3{bottom:20%;left:20%;animation-delay:15s}@keyframes cloudFloat{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(30px) translateY(-15px)}50%{transform:translate(-20px) translateY(10px)}75%{transform:translate(15px) translateY(-5px)}}.star{position:absolute;font-size:24px;animation:starTwinkle 3s ease-in-out infinite}.star-1{top:20%;right:25%;animation-delay:0s}.star-2{top:60%;right:10%;animation-delay:1s}.star-3{bottom:30%;right:30%;animation-delay:2s}@keyframes starTwinkle{0%,50%,to{opacity:.4;transform:scale(1)}25%{opacity:1;transform:scale(1.2)}}@media(max-width:1024px){.onboarding-container{flex-direction:column;gap:32px;max-height:none;padding:24px;overflow-y:auto}.profile-section{flex:none;order:2}.welcome-section{order:1}.welcome-content{padding:36px;gap:24px}.welcome-title{font-size:28px}.welcome-features{gap:12px}}@media(max-width:768px){.onboarding-page{padding:20px}.onboarding-container{gap:24px}.welcome-content{padding:28px;gap:20px}.welcome-title{font-size:24px;line-height:1.4}.welcome-description{font-size:16px}.welcome-features{flex-direction:column;gap:16px}.feature-item{flex-direction:row;justify-content:center;gap:12px}.feature-icon{font-size:24px}.profile-section-title{font-size:20px;padding:12px 20px}.onboarding-start-button{font-size:18px;padding:18px 28px}}@media(max-width:480px){.welcome-content{padding:24px;gap:18px}.welcome-title{font-size:22px}.welcome-icon{font-size:48px}.cloud{font-size:36px}.star{font-size:18px}}.terms-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;overflow:hidden;z-index:50;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.terms-container{position:relative;z-index:10;width:100%;max-width:800px;max-height:90vh;background:#fffffff5;border-radius:24px;box-shadow:0 32px 64px #00000026;display:flex;flex-direction:column;animation:termsSlideIn .8s ease-out}@keyframes termsSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.terms-header{text-align:center;padding:32px 32px 24px;border-bottom:2px solid rgba(251,191,36,.2);background:linear-gradient(135deg,#fefce8,#fff9e6);border-radius:24px 24px 0 0}.terms-title{font-size:28px;font-weight:800;color:#3b3a36;margin:0 0 12px;background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.terms-subtitle{font-size:16px;color:#6b7280;line-height:1.5;margin:0;font-weight:500}.terms-content{flex:1;padding:24px 32px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fbbf24 #f3f4f6}.terms-content::-webkit-scrollbar{width:8px}.terms-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.terms-content::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:4px;transition:background .2s ease}.terms-content::-webkit-scrollbar-thumb:hover{background:#f59e0b}.terms-section{margin-bottom:32px;animation:fadeInUp .6s ease-out}.terms-section:nth-child(odd){animation-delay:.1s}.terms-section:nth-child(2n){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:20px;font-weight:700;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #fbbf24;display:inline-block}.section-content{font-size:15px;line-height:1.7;color:#4b5563;margin:0;font-weight:400}.section-content p{margin:0 0 8px}.section-content p:last-child{margin-bottom:0}.terms-actions{padding:24px 32px;border-top:2px solid rgba(251,191,36,.2);background:#f9fafbcc;border-radius:0 0 24px 24px;display:flex;gap:16px;justify-content:center}.terms-button{padding:14px 32px;border-radius:16px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.accept-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 16px 32px #10b9814d}.accept-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #10b98166}.decline-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 16px 32px #ef44444d}.decline-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #ef444466}.close-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;box-shadow:0 16px 32px #fbbf244d}.close-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #fbbf2466}.terms-button:active{transform:translateY(0);box-shadow:0 8px 16px #0003}.terms-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.decoration-item{position:absolute;font-size:32px;opacity:.4;animation:decorationFloat 8s ease-in-out infinite}.decoration-2{top:25%;right:12%;animation-delay:2s}.decoration-3{bottom:30%;left:15%;animation-delay:4s}.decoration-4{bottom:20%;right:8%;animation-delay:6s}@keyframes decorationFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(10px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}@media(max-width:768px){.terms-page{padding:20px}.terms-container{max-height:95vh;border-radius:16px}.terms-header{padding:24px 20px 16px;border-radius:16px 16px 0 0}.terms-title{font-size:24px}.terms-subtitle{font-size:14px}.terms-content{padding:20px}.section-title{font-size:18px}.section-content{font-size:14px}.terms-actions{padding:20px;flex-direction:column;gap:12px}.terms-button{padding:12px 24px;font-size:15px;min-width:120px}.decoration-item{font-size:24px}}@media(max-width:480px){.terms-page{padding:12px}.terms-container{border-radius:12px}.terms-header{padding:20px 16px 12px;border-radius:12px 12px 0 0}.terms-title{font-size:22px}.terms-content{padding:16px}.terms-section{margin-bottom:24px}.section-title{font-size:16px}.section-content{font-size:13px}.terms-actions{padding:16px;border-radius:0 0 12px 12px}.decoration-item{font-size:20px}}@media(prefers-reduced-motion:reduce){.terms-container,.terms-section,.decoration-item{animation:none}.terms-button{transition:none}}@media(prefers-contrast:high){.terms-container{background:#fff;border:2px solid #000}.terms-title{color:#000;background:none;-webkit-text-fill-color:initial}.section-title{color:#000;border-bottom-color:#000}.section-content{color:#333}}:root{--signup-background: #f8f7f3;--signup-panel-bg: rgba(255, 255, 255, .85);--signup-primary: #7fb6a4;--signup-primary-hover: #6aa893;--signup-border: #d9d6cf;--signup-text: #3b3a36;--signup-accent: #4f7c6e;--signup-error: #d64545;--signup-success: #10b981}.signup-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Gowun Dodum,sans-serif;padding:48px 24px;box-sizing:border-box;z-index:50}.signup-container{width:min(600px,94vw);background-color:var(--signup-panel-bg);box-shadow:0 24px 48px #0000001f;border-radius:28px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;position:relative}.signup-close-button{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;border:none;background:#ffffffe6;box-shadow:0 8px 20px #0f172a26;font-size:24px;font-weight:700;color:#64748b;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;z-index:5}.signup-close-button:hover:not(:disabled),.signup-close-button:focus-visible{background:#fff;transform:translateY(-2px);box-shadow:0 12px 26px #0f172a33;outline:none}.signup-close-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.signup-header{text-align:center;padding:48px 48px 32px;background:linear-gradient(135deg,#fefce8,#fff9e6);border-bottom:2px solid rgba(127,182,164,.1)}.signup-icon{font-size:48px;margin-bottom:16px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-8px)}}.signup-title{font-size:28px;color:var(--signup-text);margin:0 0 12px;font-weight:700}.signup-subtitle{margin:0;color:#5c5b57;font-size:15px;line-height:1.5}.signup-form{flex:1;padding:32px 48px 48px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;color:#6a6964;font-weight:600}.form-input{width:100%;font-size:17px;padding:12px 16px;border:2px solid var(--signup-border);border-radius:12px;background:#fffc;color:var(--signup-text);transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--signup-accent);background:#fffffff2;box-shadow:0 0 0 3px #7fb6a41a}.form-input--error{border-color:var(--signup-error);background:#d645450d}.form-input--error:focus{box-shadow:0 0 0 3px #d645451a}.form-error{font-size:13px;color:var(--signup-error);display:flex;align-items:center;gap:4px}.form-error:before{content:"⚠️";font-size:12px}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:4px;border-radius:6px;transition:background .2s ease}.password-toggle:hover{background:#7fb6a41a}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-strength{display:flex;align-items:center;gap:8px;margin-top:4px}.strength-indicator{flex:1;height:4px;border-radius:2px;transition:background .2s ease}.strength-indicator.weak{background:linear-gradient(to right,#ef4444 30%,#e5e7eb 30%)}.strength-indicator.medium{background:linear-gradient(to right,#f59e0b 60%,#e5e7eb 60%)}.strength-indicator.strong{background:linear-gradient(to right,var(--signup-success) 100%,#e5e7eb 100%)}.strength-text{font-size:12px;font-weight:600}.strength-indicator.weak+.strength-text{color:#ef4444}.strength-indicator.medium+.strength-text{color:#f59e0b}.strength-indicator.strong+.strength-text{color:var(--signup-success)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;line-height:1.5}.checkbox-input{display:none}.checkbox-checkmark{width:20px;height:20px;border:2px solid var(--signup-border);border-radius:6px;position:relative;transition:all .2s ease;background:#fffc;flex-shrink:0}.checkbox-input:checked+.checkbox-checkmark{background:var(--signup-primary);border-color:var(--signup-primary)}.checkbox-input:checked+.checkbox-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-text{color:#4b5563}.terms-link{background:none;border:none;color:var(--signup-accent);font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.terms-link:hover{color:var(--signup-primary-hover)}.terms-link:disabled{cursor:not-allowed;opacity:.5}.form-error-banner{background:#d645451a;border:1px solid rgba(214,69,69,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--signup-error)}.error-icon{font-size:18px;flex-shrink:0}.signup-button{width:100%;padding:16px 20px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--signup-primary) 0%,var(--signup-primary-hover) 100%);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 8px 16px #7fb6a44d}.signup-button:disabled{background:#b7d4c9;cursor:not-allowed;transform:none;box-shadow:none}.signup-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #7fb6a466}.signup-button:not(:disabled):active{transform:translateY(0);box-shadow:0 6px 12px #7fb6a44d}.button-icon{font-size:18px}.signup-divider{display:flex;align-items:center;gap:12px;color:#8b897f;font-size:13px;margin:8px 0}.signup-divider-line{flex:1;height:1px;background-color:var(--signup-border)}.social-signup-stack{display:flex;flex-direction:column;gap:12px}.login-link-wrapper{text-align:center;font-size:14px;color:#6a6964;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.login-text{color:#8b897f}.login-link{background:none;border:none;padding:0;color:var(--signup-accent);font-weight:600;cursor:pointer;text-decoration:underline}.login-link:hover{color:var(--signup-primary-hover)}.login-link:disabled{cursor:not-allowed;opacity:.5}.signup-decoration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.decoration-item{position:absolute;font-size:32px;opacity:.3;animation:decorationFloat 12s ease-in-out infinite}.decoration-1{top:10%;left:10%;animation-delay:0s}.decoration-2{top:20%;right:15%;animation-delay:2s}.decoration-3{bottom:25%;left:8%;animation-delay:4s}.decoration-4{bottom:15%;right:12%;animation-delay:6s}.decoration-5{top:60%;left:50%;transform:translate(-50%);animation-delay:8s}@keyframes decorationFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-25px) rotate(5deg)}50%{transform:translateY(15px) rotate(-3deg)}75%{transform:translateY(-20px) rotate(7deg)}}@media(max-width:720px){.signup-page{padding:24px 16px}.signup-container{width:100%;border-radius:20px}.signup-header{padding:32px 24px 24px}.signup-title{font-size:24px}.signup-subtitle{font-size:14px}.signup-form{padding:24px;gap:20px}.form-input{font-size:16px;padding:12px 14px}.signup-button{font-size:16px;padding:14px 18px}.decoration-item{font-size:24px}}@media(max-width:480px){.signup-icon{font-size:40px}.signup-title{font-size:22px}.signup-form{padding:20px 16px 24px;gap:18px}.form-field{gap:6px}.checkbox-label{font-size:13px;gap:10px}.checkbox-checkmark{width:18px;height:18px}.decoration-item{font-size:20px}}@media(prefers-reduced-motion:reduce){.signup-icon,.decoration-item,.loading-spinner{animation:none}.signup-button{transition:none}}@media(prefers-contrast:high){.signup-container{background:#fff;border:2px solid #000}.form-input{border-color:#000;background:#fff}.checkbox-checkmark{border-color:#000}.signup-button{background:#000;border:2px solid #000}}.profile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;display:flex;justify-content:flex-start}.profile-drawer--open{pointer-events:all}.profile-drawer__backdrop{flex:1;background:#0f172a66;border:none;margin:0;padding:0;cursor:pointer;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;order:1}.profile-drawer--open .profile-drawer__backdrop{opacity:1;transform:translate(0)}.profile-drawer__panel{width:min(420px,100%);max-width:90vw;background:#fffffff2;box-shadow:0 25px 60px #f9731640;border-radius:0 32px 32px 0;padding:24px;transform:translate(-110%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;display:flex;flex-direction:column;gap:18px;order:0;overflow-y:auto;max-height:100vh}.profile-drawer--open .profile-drawer__panel{transform:translate(0);opacity:1}.profile-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-drawer__title{display:flex;align-items:center;gap:16px}.profile-drawer__hamburger{display:none}.profile-drawer__label{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a}.profile-drawer__subtitle{margin:2px 0 0;font-size:.9rem;color:#475569}.profile-drawer__close{border:none;background:#fee2e2;color:#b91c1c;font-size:1rem;font-weight:700;width:38px;height:38px;border-radius:50%;cursor:pointer;transition:background .2s ease,transform .2s ease}.profile-drawer__close:hover{background:#fecaca;transform:rotate(-5deg)}.profile-drawer__card{background:linear-gradient(180deg,#fff7ed,#fef3d7);border-radius:20px;padding:28px;box-shadow:0 20px 40px #f9731640;display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px;margin:0 auto}.profile-drawer__avatar-area{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.profile-drawer__avatar{width:90px;height:90px;border-radius:999px;background:linear-gradient(135deg,#fff4e6,#ffe2c7);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#b45309;background-size:cover;background-position:center;position:relative;overflow:hidden}.profile-drawer__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-drawer__avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.profile-drawer__avatar span{font-weight:700}.profile-drawer__photo-btn{border:none;background:#334155;color:#f1f5f9;padding:6px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.profile-drawer__photo-btn:disabled{opacity:.6;cursor:not-allowed}.profile-drawer__photo-btn:not(:disabled):hover{transform:translateY(-1px);background:#1e293b}.profile-drawer__upload-dropdown{position:relative;display:inline-block}.profile-drawer__chevron{margin-left:8px;width:8px;height:8px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border-right:2px solid #f8fafc;border-bottom:2px solid #f8fafc;transform:rotate(45deg);transition:transform .2s ease}.profile-drawer__chevron--open{transform:rotate(-135deg)}.profile-drawer__upload-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 20px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;z-index:20;animation:drawerDropdownSlideIn .2s ease-out}@keyframes drawerDropdownSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-drawer__menu-item{width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-weight:600;font-size:12px;color:#334155;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:6px}.profile-drawer__menu-item:hover{background:#0f172a1a}.profile-drawer__menu-item:disabled{opacity:.6;cursor:not-allowed}.profile-drawer__menu-item--delete{color:#dc2626;border-top:1px solid #e2e8f0}.profile-drawer__menu-item--delete:hover{background:#dc26261a}.profile-drawer__avatar-notice{display:flex;align-items:center;gap:6px;border-radius:10px;padding:8px 12px;margin-top:4px;animation:drawerErrorSlideIn .3s ease-out;max-width:100%;font-weight:600}.profile-drawer__avatar-notice--success{background:#dcfce7f2;border:1px solid #4ade80}.profile-drawer__avatar-notice--error{background:#fee2e2e6;border:1px solid #fca5a5}.profile-drawer__avatar-notice-icon{font-size:14px;flex-shrink:0}.profile-drawer__avatar-notice-text{font-size:12px;color:#0f172a;line-height:1.3;text-align:center;flex:1}.profile-drawer__avatar-notice--error .profile-drawer__avatar-notice-text{color:#dc2626}@keyframes drawerErrorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-drawer__photo-note{font-size:.8rem;color:#475569}.profile-drawer__field-label{margin:0;font-size:.85rem;color:#0f172a;font-weight:600}.profile-drawer__input{border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:12px 16px;font-size:1rem;width:100%;font-family:inherit}.profile-drawer__status{margin:0;font-size:.9rem;text-align:center}.profile-drawer__status--success{color:#0f5132}.profile-drawer__status--error{color:#b91c1c}.profile-drawer__save{border:none;border-radius:18px;padding:12px;font-weight:700;background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-drawer__save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.profile-drawer__save:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 30px #f973164d}.profile-drawer__file-input{display:none}.profile-drawer__settings-card{background:linear-gradient(180deg,#fff,#fff8ee);border-radius:20px;padding:24px;box-shadow:0 16px 35px #0f172a14;width:100%;max-width:360px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.profile-drawer__settings-title{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.profile-drawer__settings-description{margin:0;font-size:.85rem;color:#475569}.profile-drawer__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(15,23,42,.08)}.profile-drawer__toggle-row:first-of-type{padding-top:6px;border-top:none}.profile-drawer__toggle-info{flex:1}.profile-drawer__toggle-label{margin:0;font-size:.95rem;font-weight:600;color:#0f172a}.profile-drawer__toggle-description{margin:4px 0 0;font-size:.8rem;color:#64748b}.profile-drawer__toggle{width:52px;height:28px;border-radius:999px;border:none;background:#e2e8f0;position:relative;cursor:pointer;transition:background .2s ease}.profile-drawer__toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #0f172a33;transition:transform .2s ease}.profile-drawer__toggle--on{background:linear-gradient(135deg,#f97316,#f59e0b)}.profile-drawer__toggle--on .profile-drawer__toggle-knob{transform:translate(24px)}.profile-drawer__toggle-note{margin:8px 0 0;font-size:.78rem;color:#94a3b8}.profile-drawer__library-section{margin-top:8px;padding:20px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:20px;border:2px solid #fed7aa}.profile-drawer__library-btn{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f973164d}.profile-drawer__library-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666;background:linear-gradient(135deg,#f97316,#ea580c)}.profile-drawer__library-btn:active{transform:translateY(0);box-shadow:0 2px 8px #f973164d}.profile-drawer__library-icon{width:28px;height:28px;flex-shrink:0;object-fit:contain}.profile-drawer__library-text{flex:1;text-align:left}.profile-drawer__library-arrow{font-size:1.2rem;flex-shrink:0;transition:transform .2s ease}.profile-drawer__library-btn:hover .profile-drawer__library-arrow{transform:translate(4px)}.profile-drawer__library-description{margin:12px 0 0;font-size:.85rem;color:#92400e;text-align:center;font-weight:500}@media(max-width:640px){.profile-drawer__panel{border-radius:0;width:100%}}.flipbook-container{box-shadow:0 45px 120px #784b194d;border-radius:32px!important;overflow:hidden;background:transparent}.page-content{width:100%;height:100%;background:radial-gradient(circle at 20% 20%,#fff,#fef8ee 60%,#f6ecdd);box-shadow:inset 0 0 25px #0000000d;overflow:hidden}.left-page,.right-page{border:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}@media(max-width:768px){.flipbook-container{box-shadow:0 25px 60px #784b1940;border-radius:24px!important}.page-content{box-shadow:inset 0 0 15px #0000000a}}@media(max-width:480px){.flipbook-container{box-shadow:0 12px 40px #784b1933;border-radius:16px!important;margin:8px}.page-content{box-shadow:inset 0 0 10px #00000008}}@media(max-width:360px){.flipbook-container{box-shadow:0 8px 24px #784b192e;border-radius:12px!important;margin:4px}.page-content{box-shadow:inset 0 0 6px #00000005}}:root{--verification-primary: #7fb6a4;--verification-primary-hover: #6aa893;--verification-secondary: #fbbf24;--verification-text: #3b3a36;--verification-success: #10b981;--verification-error: #d64545;--verification-bg: rgba(255, 255, 255, .95);--verification-border: #d9d6cf}.email-verification-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Gowun Dodum,sans-serif;padding:24px;box-sizing:border-box;z-index:50;overflow-y:auto}.verification-container{width:min(650px,100%);max-height:90vh;background:var(--verification-bg);border-radius:24px;box-shadow:0 32px 64px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:verificationSlideIn .8s ease-out}@keyframes verificationSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.verification-header{background:linear-gradient(135deg,#fef3c7,#fde68a);text-align:center;padding:40px 32px 32px;border-bottom:2px solid rgba(251,191,36,.2)}.verification-icon{font-size:64px;margin-bottom:16px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.verification-title{font-size:28px;font-weight:800;color:var(--verification-text);margin:0 0 8px;background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.verification-subtitle{font-size:16px;color:#6b7280;margin:0;font-weight:500}.verification-content{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:32px}.verification-message{text-align:center;background:#fbbf240d;border-radius:16px;padding:24px;border:2px solid rgba(251,191,36,.1)}.message-icon{font-size:48px;margin-bottom:16px;animation:messageFloat 3s ease-in-out infinite}@keyframes messageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.message-title{font-size:22px;font-weight:700;color:var(--verification-text);margin:0 0 16px}.message-text{font-size:16px;color:#4b5563;line-height:1.6;margin:0 0 12px}.email-highlight{color:var(--verification-primary);font-weight:600;background:#7fb6a41a;padding:2px 6px;border-radius:6px}.message-instruction{font-size:15px;color:#6b7280;line-height:1.5;margin:0}.verification-steps{background:#7fb6a40d;border-radius:16px;padding:24px;border:2px solid rgba(127,182,164,.1)}.steps-title{font-size:18px;font-weight:700;color:var(--verification-text);margin:0 0 20px;display:flex;align-items:center;gap:8px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fffc;border-radius:12px;transition:all .2s ease}.step-item:hover{background:#fff;box-shadow:0 4px 8px #0000001a}.step-number{min-width:24px;height:24px;background:var(--verification-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:2px}.step-text{font-size:14px;color:#4b5563;line-height:1.5}.verification-tips{background:#10b9810d;border-radius:16px;padding:20px;border:2px solid rgba(16,185,129,.1)}.tips-title{font-size:16px;font-weight:700;color:var(--verification-text);margin:0 0 12px}.tips-list{margin:0;padding-left:20px;list-style:none}.tips-list li{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:8px;position:relative}.tips-list li:before{content:"💡";position:absolute;left:-20px;top:0}.tips-list li:last-child{margin-bottom:0}.error-banner{background:#d645451a;border:2px solid rgba(214,69,69,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--verification-error);font-weight:500}.success-banner{background:#10b9811a;border:2px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--verification-success);font-weight:500;animation:successSlide .5s ease-out}@keyframes successSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon,.success-icon{font-size:16px;flex-shrink:0}.verification-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.resend-button,.login-button{width:100%;padding:16px 20px;border-radius:16px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.resend-button{background:linear-gradient(135deg,var(--verification-secondary) 0%,#f59e0b 100%);color:#92400e;box-shadow:0 8px 16px #fbbf244d}.resend-button:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;box-shadow:none}.resend-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #fbbf2466}.login-button{background:linear-gradient(135deg,var(--verification-primary) 0%,var(--verification-primary-hover) 100%);color:#fff;box-shadow:0 8px 16px #7fb6a44d}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #7fb6a466}.resend-button:active,.login-button:active{transform:translateY(0);box-shadow:0 4px 8px #0003}.resend-icon,.login-icon{font-size:18px}.loading-spinner{font-size:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verification-note{text-align:center;padding-top:16px;border-top:1px solid var(--verification-border)}.note-text{font-size:13px;color:#8b897f;margin:0;line-height:1.5}.verification-decoration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.decoration-item{position:absolute;font-size:32px;opacity:.2;animation:decorationFloat 15s ease-in-out infinite}.decoration-1{top:15%;left:8%;animation-delay:0s}.decoration-2{top:25%;right:12%;animation-delay:3s}.decoration-3{bottom:30%;left:15%;animation-delay:6s}.decoration-4{bottom:20%;right:10%;animation-delay:9s}.decoration-5{top:50%;left:50%;transform:translate(-50%);animation-delay:12s}@keyframes decorationFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(15px) rotate(-3deg)}75%{transform:translateY(-20px) rotate(7deg)}}@media(max-width:768px){.email-verification-page{padding:16px}.verification-container{border-radius:16px;max-height:95vh}.verification-header{padding:32px 24px 24px}.verification-title{font-size:24px}.verification-subtitle{font-size:14px}.verification-content{padding:24px;gap:24px}.verification-message{padding:20px}.message-title{font-size:20px}.message-text{font-size:15px}.verification-steps,.verification-tips{padding:20px}.verification-actions{gap:10px}.resend-button,.login-button{padding:14px 18px;font-size:15px}}@media(max-width:480px){.verification-header{padding:28px 20px 20px}.verification-icon{font-size:48px}.verification-title{font-size:22px}.verification-content{padding:20px;gap:20px}.message-icon{font-size:40px}.steps-title{font-size:16px}.step-item{padding:10px}.step-text{font-size:13px}.tips-title{font-size:15px}.tips-list li{font-size:13px}.decoration-item{font-size:24px}}@media(prefers-reduced-motion:reduce){.verification-container,.verification-icon,.message-icon,.decoration-item,.loading-spinner{animation:none}.resend-button,.login-button,.step-item{transition:none}}@media(prefers-contrast:high){.verification-container{background:#fff;border:2px solid #000}.verification-header{background:#f0f0f0}.verification-message,.verification-steps,.verification-tips{border-color:#000}.step-number{background:#000}.resend-button,.login-button{border:2px solid #000}}:root{--login-background: #f8f7f3;--login-panel-bg: rgba(255, 255, 255, .85);--login-primary: #7fb6a4;--login-primary-hover: #6aa893;--login-border: #d9d6cf;--login-text: #3b3a36;--login-accent: #4f7c6e;--login-error: #d64545}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--login-background);font-family:Gowun Dodum,sans-serif;padding:48px 24px}.login-container{width:min(1180px,94vw);display:grid;grid-template-columns:1fr 1fr;background-color:var(--login-panel-bg);box-shadow:0 24px 48px #0000001f;border-radius:28px;overflow:hidden}.login-illustration{width:100%;height:100%;object-fit:cover;object-position:center}.login-panel{padding:72px 88px;display:flex;flex-direction:column;justify-content:center;gap:32px}.login-panel h1{font-size:32px;color:var(--login-text);margin:0}.login-panel p{margin:0;color:#5c5b57;font-size:15px}.login-form{display:flex;flex-direction:column;gap:22px}.login-field{display:flex;flex-direction:column;gap:8px}.login-label{font-size:14px;color:#6a6964}.login-input{width:100%;font-size:17px;padding:12px 2px;border:none;border-bottom:1px solid var(--login-border);background:transparent;color:var(--login-text);transition:border-color .2s ease}.login-input:focus{outline:none;border-bottom-color:var(--login-accent)}.login-input.error{border-bottom-color:var(--login-error)}.login-error-text{font-size:13px;color:var(--login-error);margin-top:-4px}.login-button{width:100%;padding:15px 18px;border-radius:999px;border:none;background-color:var(--login-primary);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.login-button:disabled{background-color:#b7d4c9;cursor:not-allowed;transform:none}.login-button:not(:disabled):hover{background-color:var(--login-primary-hover)}.login-divider{display:flex;align-items:center;gap:12px;color:#8b897f;font-size:13px}.login-divider-line{flex:1;height:1px;background-color:var(--login-border)}.social-login-stack{display:flex;flex-direction:column;gap:18px}.social-login-button{width:100%;padding:0;border:none;background:transparent;background-color:transparent;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.social-login-button:hover{transform:translateY(-2px)}.social-login-button:hover img{box-shadow:0 8px 20px #00000026}.social-login-button img{width:auto;max-width:100%;height:56px;display:block;margin:0 auto;background:transparent;border:none;box-shadow:none}.social-login-button:disabled,.social-login-button:disabled:hover{cursor:not-allowed;transform:none;box-shadow:none}.login-footer{font-size:13px;color:#6a6964;display:flex;gap:6px}.login-footer button{background:none;border:none;padding:0;color:var(--login-accent);font-weight:600;cursor:pointer}.login-footer button:hover{text-decoration:underline}.login-loading{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--login-accent)}@media(max-width:960px){.login-container{grid-template-columns:1fr;height:auto}.login-panel{padding:56px 40px 68px}.login-illustration{height:320px}}@media(max-width:720px){.login-panel{padding:48px 32px 60px}.login-panel h1{font-size:26px}.login-input{font-size:16px}.social-login-button img{height:52px}}.beta-notice{display:flex;align-items:flex-start;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border:1px solid #fcd34d}.beta-notice-icon{font-size:28px;flex-shrink:0}.beta-notice-content{display:flex;flex-direction:column;gap:4px}.beta-notice-content strong{font-size:16px;color:#92400e}.beta-notice-content p{margin:0;font-size:14px;color:#a16207}.beta-signup-notice{text-align:center;font-size:15px;color:#6b7280;margin-bottom:8px}