:root{--color-bg-primary:#faf8f5;--color-bg-secondary:#f5f0ed;--color-surface:#fff;--color-surface-hover:#fff9f5;--color-text-primary:#3a3a3a;--color-text-secondary:#7a7a7a;--color-text-muted:#a8a8a8;--color-accent-purple:#d4b5e8;--color-accent-pink:#f5c4d0;--color-accent-teal:#b8d9d4;--color-accent-peach:#f4d5c6;--color-gradient-hero:linear-gradient(135deg,#e8d5f2,#f5e8f0 50%,#e5f2f0);--color-gradient-button:linear-gradient(135deg,#d4b5e8,#f5c4d0);--color-gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.9),rgba(255,249,245,.9));--color-border:rgba(212,181,232,.2);--color-shadow:rgba(212,181,232,.15);--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:40px;--spacing-xl:64px;--spacing-2xl:96px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-full:9999px;--font-family-base:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.8;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 2px 8px var(--color-shadow);--shadow-md:0 4px 16px var(--color-shadow);--shadow-lg:0 8px 24px var(--color-shadow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);letter-spacing:-.01em}h3{font-size:var(--font-size-xl)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(36,33%,97%,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.header__content{display:flex;justify-content:space-between;align-items:center}.header__logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;letter-spacing:.1em;transition:color var(--transition-fast)}.header__logo:hover{color:var(--color-accent-purple)}.header__nav{display:flex;gap:var(--spacing-sm);align-items:center}.language-selector{position:relative}.language-selector__button{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);min-width:44px;min-height:44px;font-size:var(--font-size-xl);line-height:1;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.language-selector__button:hover{transform:scale(1.1)}.language-selector__flag{display:block}.language-selector__menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;min-width:160px;animation:fadeInUp .2s ease-out}.language-selector__option{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast);text-align:left}.language-selector__option:hover{background:var(--color-surface-hover)}.language-selector__option.active{background:var(--color-bg-secondary);font-weight:var(--font-weight-medium)}.language-selector__label{flex:1 1}.user-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border)}.user-info--link{text-decoration:none;transition:all var(--transition-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.user-info--link:hover{background:var(--color-surface-hover);border-color:var(--color-accent-purple);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.user-info--link:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.user-info__icon{font-size:var(--font-size-lg)}.user-info__text{font-weight:var(--font-weight-medium);letter-spacing:.05em}.user-info__email,.user-info__text{color:var(--color-text-primary);font-size:var(--font-size-sm)}.user-info__email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-gradient-hero);z-index:-2}.background-stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3;background-image:radial-gradient(circle at 20% 30%,rgba(212,181,232,.4) 1px,transparent 0),radial-gradient(circle at 80% 20%,rgba(245,196,208,.4) 1px,transparent 0),radial-gradient(circle at 40% 70%,rgba(184,217,212,.4) 1px,transparent 0),radial-gradient(circle at 70% 80%,hsla(20,68%,87%,.4) 1px,transparent 0);background-size:150px 150px,200px 200px,180px 180px,220px 220px;background-position:0 0,40px 60px,80px 30px,130px 90px;animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.5}}.button{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:14px 28px;min-height:44px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button--primary{background:var(--color-gradient-button);color:#fff;box-shadow:var(--shadow-sm)}.button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.button--primary:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.button--primary:disabled{opacity:.7;cursor:not-allowed;color:hsla(0,0%,100%,.95);background:var(--color-gradient-button)}.button--primary:disabled,.button--primary:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}.button--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.button--secondary:hover{background:var(--color-surface-hover)}.button--secondary:active{transform:scale(.98);transition:transform .1s ease}.button--link{background:transparent;color:var(--color-text-secondary);padding:8px 16px}.button--link:hover{color:var(--color-text-primary)}.button--link:active{transform:scale(.95);transition:transform .1s ease}.card{background:var(--color-gradient-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card__icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.hero,.section{padding:var(--spacing-2xl) 0}.hero{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero__content{position:relative;text-align:center;z-index:10}.hero__text{position:relative;z-index:20}.hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:.02em}.hero__subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-normal)}.hero__description{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.hero__decoration{position:absolute;font-size:48px;opacity:.6;z-index:5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero__decoration--top{top:10%;left:50%;transform:translateX(-50%)}.hero__decoration--left{top:40%;left:10%}.hero__decoration--right{top:35%;right:10%}.hero__clouds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero__cloud{position:absolute;background:hsla(0,0%,100%,.3);border-radius:100px;filter:blur(40px);opacity:.5}.hero__cloud--1{width:300px;height:100px;top:20%;left:-50px;animation:cloudFloat1 20s ease-in-out infinite}.hero__cloud--2{width:400px;height:120px;top:60%;right:-100px;animation:cloudFloat2 25s ease-in-out infinite}.hero__cloud--3{width:250px;height:80px;bottom:20%;left:20%;animation:cloudFloat3 30s ease-in-out infinite}@keyframes cloudFloat1{0%,to{transform:translate(0)}50%{transform:translate(100px,-30px)}}@keyframes cloudFloat2{0%,to{transform:translate(0)}50%{transform:translate(-120px,40px)}}@keyframes cloudFloat3{0%,to{transform:translate(0)}50%{transform:translate(80px,-20px)}}.intro-cards{position:relative;z-index:10}.intro-cards__grid{margin-top:var(--spacing-md)}.intro-card{background:var(--color-gradient-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:default;position:relative;overflow:hidden}.intro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-accent-purple);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.intro-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.intro-card:hover:before{transform:scaleX(1)}.intro-card--purple:before{background:var(--color-gradient-button)}.intro-card--pink:before{background:linear-gradient(135deg,var(--color-accent-pink) 0,var(--color-accent-peach) 100%)}.intro-card--teal:before{background:linear-gradient(135deg,var(--color-accent-teal) 0,var(--color-accent-purple) 100%)}.intro-card__icon{font-size:64px;margin-bottom:var(--spacing-sm);display:inline-block;transition:transform var(--transition-base)}.intro-card:hover .intro-card__icon{transform:scale(1.15) rotate(5deg)}.intro-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.intro-card__subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.intro-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.price-value{position:relative;z-index:10;background:linear-gradient(135deg,hsla(0,0%,100%,.6),rgba(255,249,245,.6));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.price-value__content{max-width:900px;margin:0 auto;text-align:center}.price-value__badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:6px 20px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md);box-shadow:0 4px 12px hsla(0,100%,71%,.3);animation:pulse 2s ease-in-out infinite}.price-value__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.price-value__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.price-value__comparison,.price-value__subtitle{margin-bottom:var(--spacing-xl)}.price-comparison{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.price-comparison__item{background:var(--color-gradient-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:240px;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.price-comparison__item--sajumi{border-color:var(--color-accent-purple);box-shadow:0 8px 24px rgba(212,181,232,.3)}.price-comparison__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.price-comparison__icon{font-size:48px;margin-bottom:var(--spacing-sm)}.price-comparison__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.price-comparison__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.price-comparison__price--old{color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:2px}.price-comparison__price--new{background:var(--color-gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:40px}.price-comparison__arrow{font-size:var(--font-size-2xl);color:var(--color-accent-purple);font-weight:var(--font-weight-bold);flex-shrink:0}.price-value__quality{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:left;box-shadow:var(--shadow-md)}.price-value__quality-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-align:center}.price-value__quality-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);text-align:center}.price-value__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.price-value__feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-primary)}.price-value__feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-gradient-button);color:#fff;border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.price-value__feature-text{line-height:var(--line-height-normal)}.features{background:hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:10}.features__header{text-align:center;margin-bottom:var(--spacing-xl)}.features__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.features__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.features__grid{margin-top:var(--spacing-md)}.feature-item{text-align:center;padding:var(--spacing-lg);transition:transform var(--transition-base)}.feature-item:hover{transform:translateY(-4px)}.feature-item__icon-wrapper{width:80px;height:80px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;border:2px solid var(--color-border);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.feature-item:hover .feature-item__icon-wrapper{transform:scale(1.1);border-color:var(--color-accent-purple);box-shadow:var(--shadow-md)}.feature-item__icon{font-size:40px;display:inline-block;transition:transform var(--transition-base)}.feature-item:hover .feature-item__icon{transform:rotate(10deg)}.feature-item__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.feature-item__subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.feature-item__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.cta-buttons{position:relative;z-index:10;padding:var(--spacing-2xl) 0}.cta-buttons__grid{flex-direction:column;max-width:800px;margin:0 auto}.cta-button,.cta-buttons__grid{display:flex;gap:var(--spacing-md)}.cta-button{position:relative;align-items:center;padding:var(--spacing-lg);min-height:80px;border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cta-button:before{background:var(--color-gradient-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-button:after,.cta-button:before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity var(--transition-base)}.cta-button:after{border-radius:var(--radius-lg);border:2px solid transparent;background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-pink)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0}.cta-button:hover:after{opacity:1}.cta-button--primary{background:var(--color-gradient-button);border:none}.cta-button--primary:after,.cta-button--primary:before{display:none}.cta-button--primary .cta-button__arrow,.cta-button--primary .cta-button__description,.cta-button--primary .cta-button__subtitle,.cta-button--primary .cta-button__title{color:#fff}.cta-button--secondary{background:transparent;border:1px solid var(--color-border)}.cta-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cta-button--primary:hover{box-shadow:0 8px 24px rgba(212,181,232,.4)}.cta-button--disabled{opacity:.6;cursor:not-allowed}.cta-button:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.cta-button--disabled:hover{transform:none;box-shadow:none}.cta-button--disabled:active{transform:none}.cta-button__badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px hsla(0,100%,71%,.3)}.cta-button__icon{font-size:48px;flex-shrink:0;transition:transform var(--transition-base)}.cta-button:hover .cta-button__icon{transform:scale(1.15) rotate(-5deg)}.cta-button__content{flex:1 1;text-align:left}.cta-button__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:4px}.cta-button__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.cta-button__description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cta-button__arrow{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;transition:transform var(--transition-base)}.cta-button:hover .cta-button__arrow{transform:translateX(4px)}.cta-button--disabled .cta-button__arrow{transform:none}.ripple{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.6);transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.button,.cta-button,.feature-item,.intro-card{position:relative;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px;border-radius:4px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(36,33%,97%,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-overlay__spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin .8s linear infinite}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:9999;pointer-events:none}.scroll-progress__bar{height:100%;background:var(--color-gradient-button);transition:width .2s ease-out;box-shadow:0 0 10px rgba(212,181,232,.5)}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-large{min-width:48px;min-height:48px}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@media (max-width:768px){:root{--font-size-3xl:36px;--font-size-2xl:28px;--font-size-xl:20px}.header{padding:var(--spacing-xs) 0}.header__logo{font-size:var(--font-size-lg)}.header__nav{gap:var(--spacing-xs)}.button{padding:12px 24px;font-size:var(--font-size-sm)}.button--secondary{padding:10px 16px;font-size:var(--font-size-xs)}.card{padding:var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.language-selector__button{font-size:var(--font-size-lg)}.hero{min-height:80vh;min-height:calc(var(--vh, 1vh) * 80);padding:var(--spacing-xl) 0}.hero__title{font-size:32px}.hero__subtitle{font-size:var(--font-size-lg)}.hero__decoration{font-size:36px}.hero__decoration--left{left:5%}.hero__decoration--right{right:5%}.hero__cloud--1{width:200px;height:70px}.hero__cloud--2{width:250px;height:90px}.hero__cloud--3{width:180px;height:60px}.intro-card{padding:var(--spacing-md)}.intro-card__icon{font-size:56px}.intro-card__title{font-size:var(--font-size-lg)}.price-value__title{font-size:var(--font-size-xl)}.price-value__subtitle{font-size:var(--font-size-base)}.price-comparison{gap:var(--spacing-md)}.price-comparison__item{min-width:200px;padding:var(--spacing-md)}.price-comparison__icon{font-size:40px}.price-comparison__price--new{font-size:32px}.price-value__quality{padding:var(--spacing-lg)}.price-value__quality-title{font-size:var(--font-size-lg)}.features__title{font-size:var(--font-size-xl)}.feature-item{padding:var(--spacing-md)}.feature-item__icon-wrapper{width:70px;height:70px}.feature-item__icon{font-size:36px}.cta-button{padding:var(--spacing-md);gap:var(--spacing-sm)}.cta-button__icon{font-size:40px}.cta-button__title{font-size:var(--font-size-lg)}.cta-button__arrow{font-size:var(--font-size-xl)}}@media (max-width:480px){.header__logo{font-size:var(--font-size-base);letter-spacing:.05em}.header__nav{gap:6px}.button--link{padding:6px 10px;font-size:var(--font-size-xs)}.button--secondary{padding:8px 14px;font-size:var(--font-size-xs)}.language-selector__button{padding:4px;font-size:var(--font-size-base)}.hero{min-height:70vh;min-height:calc(var(--vh, 1vh) * 70);padding:var(--spacing-lg) 0}.hero__title{font-size:28px;margin-bottom:var(--spacing-sm)}.hero__subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.hero__description{font-size:var(--font-size-sm)}.hero__decoration{font-size:24px;opacity:.4}.hero__decoration--top{top:15%}.hero__cloud--1,.hero__cloud--2,.hero__cloud--3{display:none}.intro-card{padding:var(--spacing-md) var(--spacing-sm)}.intro-card__icon{font-size:48px}.intro-card__title{font-size:var(--font-size-base)}.intro-card__description{font-size:var(--font-size-xs)}.price-value__badge{font-size:10px;padding:4px 16px}.price-value__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.price-value__subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.price-comparison{flex-direction:column;gap:var(--spacing-sm)}.price-comparison__item{min-width:100%;padding:var(--spacing-md)}.price-comparison__icon{font-size:36px}.price-comparison__price{font-size:var(--font-size-xl)}.price-comparison__price--new{font-size:28px}.price-comparison__arrow{font-size:var(--font-size-xl);transform:rotate(90deg)}.price-value__quality{padding:var(--spacing-md)}.price-value__quality-title{font-size:var(--font-size-base)}.price-value__feature,.price-value__quality-description{font-size:var(--font-size-sm)}.price-value__feature-icon{width:20px;height:20px;font-size:12px}.features__title{font-size:var(--font-size-lg)}.features__subtitle{font-size:var(--font-size-sm)}.feature-item{padding:var(--spacing-sm)}.feature-item__icon-wrapper{width:60px;height:60px;margin-bottom:var(--spacing-sm)}.feature-item__icon{font-size:32px}.feature-item__title{font-size:var(--font-size-base)}.feature-item__description{font-size:var(--font-size-xs)}.cta-buttons{padding:var(--spacing-xl) 0}.cta-button{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;text-align:center}.cta-button__badge{top:var(--spacing-xs);right:var(--spacing-xs);padding:3px 10px}.cta-button__icon{font-size:36px}.cta-button__content{text-align:center}.cta-button__title{font-size:var(--font-size-base)}.cta-button__subtitle{font-size:var(--font-size-xs)}.cta-button__description{font-size:11px}.cta-button__arrow{font-size:var(--font-size-lg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.grid{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:1fr}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.hidden{display:none}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:768px){.hero__cloud{animation-duration:40s}.background-stars{animation-duration:12s}}@media (max-width:480px){.animate-float{animation:none}.card,.feature-item,.intro-card{transition-duration:.2s}}:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px;border-radius:4px}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-accent-purple);border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-page{min-height:100vh;padding:calc(var(--spacing-xl) + 60px) var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:center}.auth-page__content{width:100%;max-width:600px;margin:0 auto}.auth-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.auth-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.auth-page__footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.auth-page__footer-text{display:inline;color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.auth-page__footer-link{color:var(--color-accent-purple);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-page__footer-link:hover{color:var(--color-accent-pink)}.auth-methods{margin-bottom:var(--spacing-xl)}.auth-methods__label{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.auth-methods__grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-method-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);cursor:pointer;min-height:100px}.auth-method-card:hover:not(.auth-method-card--disabled){transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-accent-purple)}.auth-method-card--disabled{opacity:.6;cursor:not-allowed}.auth-method-card__icon{font-size:48px;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.auth-method-card__content{flex:1 1}.auth-method-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:4px}.auth-method-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:8px}.auth-method-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.auth-method-card__arrow{font-size:var(--font-size-xl);color:var(--color-accent-purple);flex-shrink:0;transition:transform var(--transition-fast)}.auth-method-card:hover:not(.auth-method-card--disabled) .auth-method-card__arrow{transform:translateX(4px)}.auth-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.auth-form__error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:#dc2626;font-size:var(--font-size-sm);text-align:center}.auth-form__error,.auth-form__field{margin-bottom:var(--spacing-md)}.auth-form__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.auth-form__input-wrapper{position:relative}.auth-form__input{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-form__input:focus{outline:none;border-color:var(--color-accent-purple);box-shadow:0 0 0 3px rgba(212,181,232,.1)}.auth-form__input:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.auth-form__input-wrapper .auth-form__input{padding-right:48px}.auth-form__toggle-password{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:4px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.auth-form__toggle-password:hover{opacity:.7}.auth-form__requirements{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.auth-form__requirements-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.auth-form__requirements-list{list-style:none;padding:0;margin:0}.auth-form__requirements-list li{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-left:20px;position:relative;line-height:1.8}.auth-form__requirements-list li:before{content:"○";position:absolute;left:0;color:var(--color-text-muted)}.auth-form__requirements-list li.valid{color:#10b981}.auth-form__requirements-list li.valid:before{content:"✓";color:#10b981}.auth-form__back-link{display:block;text-align:center;margin-top:var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.auth-form__back-link:hover{color:var(--color-accent-purple)}.auth-form__radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.auth-form__radio{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:all var(--transition-fast);min-height:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-form__radio:hover{border-color:var(--color-accent-purple);background:var(--color-surface-hover)}.auth-form__radio input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent-purple)}.auth-form__radio input[type=radio]:checked~span{font-weight:var(--font-weight-medium);color:var(--color-accent-purple)}.auth-form__radio span{font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast)}.auth-form__checkbox{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:32px}.auth-form__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent-purple)}.auth-form__checkbox span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.button--full-width{width:100%;justify-content:center}.button--danger{background:#dc2626;color:#fff;box-shadow:var(--shadow-sm)}.button--danger:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 16px rgba(220,38,38,.3)}.button--danger:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.button--modal{min-width:120px}.mypage{min-height:100vh;padding:calc(var(--spacing-xl) + 60px) 0 var(--spacing-xl)}.mypage__content{max-width:600px;margin:0 auto}.mypage__header{text-align:center;margin-bottom:var(--spacing-xl)}.mypage__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.mypage__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.mypage__sections{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.mypage__section{width:100%}.mypage__section--coin{background:var(--color-gradient-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--color-accent-purple);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 24px rgba(212,181,232,.3)}.coin-balance{text-align:center}.coin-balance__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.coin-balance__amount{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.coin-balance__number{font-size:48px;font-weight:var(--font-weight-bold);background:var(--color-gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.coin-balance__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.coin-balance__loading{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.coin-balance__error{font-size:var(--font-size-sm);color:#dc2626;font-weight:var(--font-weight-medium)}.mypage__action-button{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);min-height:70px;border:none;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mypage__action-button--primary{background:var(--color-gradient-button);color:#fff;box-shadow:var(--shadow-sm)}.mypage__action-button--primary:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(212,181,232,.4)}.mypage__action-button--primary .mypage__action-arrow,.mypage__action-button--primary .mypage__action-text{color:#fff}.mypage__action-button--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.mypage__action-button--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-accent-purple);transform:translateY(-4px);box-shadow:var(--shadow-md)}.mypage__action-button--danger{background:var(--color-surface);border:1px solid rgba(239,68,68,.3);color:#dc2626}.mypage__action-button--danger:hover{background:rgba(239,68,68,.05);border-color:#dc2626;transform:translateY(-4px);box-shadow:0 4px 16px rgba(239,68,68,.2)}.mypage__action-button--danger .mypage__action-arrow,.mypage__action-button--danger .mypage__action-icon,.mypage__action-button--danger .mypage__action-text{color:#dc2626}.mypage__action-button:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.mypage__action-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.mypage__action-icon{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;transition:transform var(--transition-base)}.mypage__action-button:hover .mypage__action-icon{transform:scale(1.1)}.mypage__action-text{flex:1 1;text-align:left;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.mypage__action-arrow{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);flex-shrink:0;transition:transform var(--transition-base)}.mypage__action-button:hover .mypage__action-arrow{transform:translateX(4px)}.mypage__footer{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.mypage__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);padding:var(--spacing-xs);min-height:44px;display:flex;align-items:center}.mypage__footer-link:hover{color:var(--color-accent-purple)}.mypage__footer-link:not(:last-child):after{content:"|";margin-left:var(--spacing-md);color:var(--color-border)}@media (max-width:768px){.user-info__email{display:none}.user-info{padding:6px 10px}.user-info__text{font-size:var(--font-size-xs)}.button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.auth-page{padding:calc(var(--spacing-lg) + 60px) var(--spacing-sm) var(--spacing-lg)}.auth-page__title{font-size:var(--font-size-xl)}.auth-method-card__icon{font-size:36px;width:48px;height:48px}.auth-method-card__title{font-size:var(--font-size-base)}.auth-form{padding:var(--spacing-md)}}@media (max-width:480px){.auth-page__title{font-size:var(--font-size-lg)}.auth-method-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.auth-method-card__icon{font-size:32px;width:40px;height:40px}}.confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.confirm-modal__dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:100%;overflow:hidden}.confirm-modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.confirm-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.confirm-modal__body{padding:var(--spacing-lg)}.confirm-modal__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.confirm-modal__footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@media (max-width:480px){.confirm-modal{padding:var(--spacing-sm)}.confirm-modal__body,.confirm-modal__footer,.confirm-modal__header{padding:var(--spacing-md)}.confirm-modal__title{font-size:var(--font-size-lg)}.confirm-modal__description{font-size:var(--font-size-sm)}.confirm-modal__footer{flex-direction:column-reverse}.button--modal{width:100%;min-width:auto}}.placeholder-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) + 60px) var(--spacing-md) var(--spacing-xl)}.placeholder-page__content{text-align:center;max-width:600px;margin:0 auto;background:var(--color-gradient-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.placeholder-page__icon{font-size:80px;margin-bottom:var(--spacing-md);display:inline-block;animation:float 3s ease-in-out infinite}.placeholder-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.placeholder-page__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.placeholder-page__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.placeholder-page__description,.placeholder-page__email{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.placeholder-page__email{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}@media (max-width:768px){.placeholder-page{padding:calc(var(--spacing-lg) + 60px) var(--spacing-sm) var(--spacing-lg)}.placeholder-page__content{padding:var(--spacing-xl)}.placeholder-page__icon{font-size:64px}.placeholder-page__title{font-size:var(--font-size-xl)}}@media (max-width:480px){.placeholder-page__content{padding:var(--spacing-lg)}.placeholder-page__icon{font-size:56px}.placeholder-page__title{font-size:var(--font-size-lg)}.placeholder-page__description{font-size:var(--font-size-sm)}}@media (max-width:768px){.mypage{padding:calc(var(--spacing-lg) + 60px) var(--spacing-sm) var(--spacing-lg)}.mypage__title{font-size:var(--font-size-xl)}.coin-balance__number{font-size:40px}.coin-balance__label{font-size:var(--font-size-base)}.mypage__action-button{padding:var(--spacing-sm) var(--spacing-md);min-height:64px}.mypage__action-icon{font-size:28px;width:36px}.mypage__action-text{font-size:var(--font-size-sm)}.mypage__footer{gap:var(--spacing-sm)}.mypage__footer-link:not(:last-child):after{margin-left:var(--spacing-sm)}}@media (max-width:480px){.mypage__title{font-size:var(--font-size-lg)}.mypage__section--coin{padding:var(--spacing-lg)}.coin-balance__number{font-size:36px}.coin-balance__label{font-size:var(--font-size-sm)}.mypage__action-button{padding:var(--spacing-sm);gap:var(--spacing-sm);min-height:60px}.mypage__action-icon{font-size:24px;width:32px}.mypage__action-text{font-size:var(--font-size-xs)}.mypage__action-arrow{font-size:var(--font-size-lg)}.mypage__footer{flex-direction:column;gap:var(--spacing-xs)}.mypage__footer-link:not(:last-child):after{display:none}}.saju-list-page{min-height:calc(100vh - 80px);padding:var(--spacing-2xl) 0;padding-top:calc(var(--spacing-2xl) + 60px);background:var(--color-bg-primary)}.saju-list-page__content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.saju-list-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.saju-list-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.saju-list-page__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.saju-list-page__error{background:hsla(0,100%,70%,.1);border:2px solid hsla(0,100%,70%,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:#d32f2f;margin:var(--spacing-lg) 0}.saju-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--color-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:600px;margin:var(--spacing-xl) auto}.saju-empty-state__icon{font-size:80px;margin-bottom:var(--spacing-lg);animation:float 3s ease-in-out infinite}.saju-empty-state__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.saju-empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xl)}.saju-list{max-width:1000px;margin:0 auto}.saju-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.saju-list__add-button{max-width:400px;margin:var(--spacing-xl) auto 0}.saju-profile-card{position:relative;background:var(--color-gradient-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:2px solid transparent}.saju-profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-purple)}.saju-profile-card--deleting{opacity:.5;pointer-events:none}.saju-profile-card__link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);text-decoration:none;color:inherit;gap:var(--spacing-md)}.saju-profile-card__content{flex:1 1;min-width:0}.saju-profile-card__header{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.saju-profile-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs);margin:0}.saju-profile-card__gender{font-size:var(--font-size-lg)}.saju-profile-card__relationship{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:rgba(212,181,232,.15);padding:4px 12px;border-radius:var(--radius-full)}.saju-profile-card__birth-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.saju-profile-card__date,.saju-profile-card__time{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.saju-profile-card__footer{display:flex;align-items:center;gap:var(--spacing-sm)}.saju-profile-card__badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 12px;border-radius:var(--radius-full);background:rgba(184,217,212,.3);color:var(--color-text-primary)}.saju-profile-card__badge--solar{background:rgba(245,196,208,.3)}.saju-profile-card__badge--lunar{background:rgba(212,181,232,.3)}.saju-profile-card__badge--purchase-needed{background:rgba(255,184,108,.2);color:#e67700;border:1px solid rgba(230,119,0,.3);font-size:var(--font-size-xs);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.saju-profile-card__arrow{font-size:var(--font-size-2xl);color:var(--color-accent-purple);transition:transform var(--transition-base);flex-shrink:0}.saju-profile-card:hover .saju-profile-card__arrow{transform:translateX(4px)}.saju-profile-card__delete{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border-radius:50%;border:none;background:hsla(0,0%,100%,.9);color:#d32f2f;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:10}.saju-profile-card__delete:hover{background:#ffebee;transform:scale(1.1)}.saju-profile-card__delete:active{transform:scale(.95)}.saju-profile-card__delete:disabled{opacity:.5;cursor:not-allowed}.saju-form-page{min-height:calc(100vh - 80px);padding:var(--spacing-2xl) 0;background:var(--color-bg-primary)}.saju-form-page__content{max-width:700px;margin:0 auto;padding:0 var(--spacing-md)}.saju-form-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.saju-form-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.saju-form-page__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.saju-form{background:var(--color-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.saju-detail-page{min-height:calc(100vh - 80px);padding:var(--spacing-2xl) 0;padding-top:calc(var(--spacing-2xl) + 60px);background:var(--color-bg-primary)}.saju-detail-page__content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.saju-detail-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.saju-coin-purchase{background:linear-gradient(135deg,rgba(255,245,230,.8),rgba(255,235,205,.6));border:2px solid rgba(255,165,0,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:0 4px 12px rgba(255,165,0,.1)}.saju-coin-purchase__message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.saju-coin-purchase__icon{font-size:var(--font-size-2xl);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.saju-coin-purchase__text{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.saju-coin-purchase__error,.saju-coin-purchase__info{margin-bottom:var(--spacing-md)}.saju-coin-purchase__error{background:rgba(255,77,77,.1);border:1px solid rgba(255,77,77,.3);border-radius:var(--radius-md);padding:var(--spacing-sm);color:#d32f2f;font-size:var(--font-size-sm);text-align:center}.saju-coin-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.saju-coin-info-item{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.saju-coin-info-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.saju-coin-info-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-purple)}.saju-coin-info-value--required{color:#e67700}.saju-coin-purchase__actions{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.saju-coin-purchase__actions .button{width:100%;font-weight:var(--font-weight-medium)}.saju-coin-purchase__actions .button:disabled{opacity:.5;cursor:not-allowed;background:var(--color-text-tertiary)}@media (min-width:768px){.saju-coin-purchase__actions{grid-template-columns:1fr 1fr}}.saju-detail-page__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-accent-purple);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.saju-detail-page__back:hover,.saju-detail-page__title{color:var(--color-text-primary)}.saju-detail-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.saju-detail-page__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.saju-chart-empty,.saju-detail-page__error{text-align:center;padding:var(--spacing-2xl)}.saju-chart-empty{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.saju-chart-empty .text-secondary{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.saju-chart-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.saju-section{background:var(--color-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.saju-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.saju-interpretation{background:linear-gradient(135deg,rgba(255,250,245,.9),rgba(250,245,255,.9));border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:0 8px 24px rgba(212,181,232,.2)}.saju-interpretation__header{text-align:center;margin-bottom:var(--spacing-xl)}.saju-interpretation__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent-purple);margin-bottom:var(--spacing-sm)}.saju-interpretation__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.saju-interpretation__sections{display:flex;flex-direction:column;gap:var(--spacing-md)}.saju-interpretation-section{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all var(--transition-base);animation:fadeInUp .4s ease-out forwards;opacity:0}.saju-interpretation-section:hover{box-shadow:0 4px 16px rgba(212,181,232,.2);transform:translateY(-2px)}.saju-interpretation-section__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(245,196,208,.1),rgba(212,181,232,.1));border:none;cursor:pointer;transition:all var(--transition-base);text-align:left}.saju-interpretation-section__header:hover{background:linear-gradient(135deg,rgba(245,196,208,.2),rgba(212,181,232,.2))}.saju-interpretation-section--expanded .saju-interpretation-section__header{background:linear-gradient(135deg,rgba(245,196,208,.15),rgba(212,181,232,.15))}.saju-interpretation-section__header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1 1}.saju-interpretation-section__number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent-purple);color:#fff;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.saju-interpretation-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0;line-height:1.4}.saju-interpretation-section__icon{font-size:var(--font-size-2xl);color:var(--color-accent-purple);font-weight:var(--font-weight-bold);line-height:1;transition:transform var(--transition-base);flex-shrink:0}.saju-interpretation-section--expanded .saju-interpretation-section__icon{transform:rotate(180deg)}.saju-interpretation-section__content-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.saju-interpretation-section--expanded .saju-interpretation-section__content-wrapper{max-height:2000px;transition:max-height .5s ease-in}.saju-interpretation-section__content{padding:var(--spacing-lg);border-top:1px solid rgba(212,181,232,.2)}.saju-interpretation-section__part{margin-bottom:var(--spacing-lg)}.saju-interpretation-section__part:last-child{margin-bottom:0}.saju-interpretation-section__part-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.saju-interpretation-section__paragraph{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.saju-interpretation-section__paragraph:last-child{margin-bottom:0}.saju-interpretation__footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(212,181,232,.2);text-align:center}.saju-interpretation__note{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}@media (max-width:768px){.saju-interpretation{padding:var(--spacing-lg)}.saju-interpretation__title{font-size:var(--font-size-xl)}.saju-interpretation-section__header{padding:var(--spacing-sm) var(--spacing-md)}.saju-interpretation-section__content{padding:var(--spacing-md)}.saju-interpretation-section__number{width:28px;height:28px;font-size:var(--font-size-xs)}.saju-interpretation-section__title{font-size:var(--font-size-sm)}}.saju-pillars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.saju-pillar{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-base)}.saju-pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.saju-pillar--day,.saju-pillar:hover{border-color:var(--color-accent-purple)}.saju-pillar--day{background:rgba(212,181,232,.05)}.saju-pillar__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.saju-pillar__content{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.saju-pillar__char{font-size:48px;font-weight:var(--font-weight-bold);line-height:1}.saju-pillar__reading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.saju-elements{gap:var(--spacing-md)}.saju-element,.saju-elements{display:flex;flex-direction:column}.saju-element{gap:var(--spacing-xs)}.saju-element__header{display:flex;justify-content:space-between;align-items:center}.saju-element__name,.saju-element__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.saju-element__value{color:var(--color-text-primary)}.saju-element__bar{height:24px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.saju-element__bar-fill{height:100%;transition:width .6s ease-out;border-radius:var(--radius-sm)}.saju-element__percentage{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right}.saju-strength{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.saju-strength__badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);min-width:120px}.saju-strength__badge--strong{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px rgba(239,68,68,.3)}.saju-strength__badge--weak{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px rgba(59,130,246,.3)}.saju-strength__badge--neutral{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px rgba(245,158,11,.3)}.saju-useful-gods{display:flex;flex-direction:column;gap:var(--spacing-md)}.saju-useful-gods__item{display:flex;gap:var(--spacing-sm);align-items:baseline;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm)}.saju-useful-gods__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.saju-useful-gods__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.saju-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.saju-tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.saju-tag--clash{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.saju-tag--clash:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.saju-tag--noble{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.3)}.saju-tag--noble:hover{background:rgba(16,185,129,.2);transform:scale(1.05)}.saju-tag--star{background:rgba(168,85,247,.1);color:#7c3aed;border:1px solid rgba(168,85,247,.3)}.saju-tag--star:hover{background:rgba(168,85,247,.2);transform:scale(1.05)}@media (max-width:768px){.saju-detail-page,.saju-form-page,.saju-list-page{padding:var(--spacing-lg) 0;padding-top:calc(var(--spacing-lg) + 50px)}.saju-detail-page__title,.saju-form-page__title,.saju-list-page__title{font-size:var(--font-size-2xl)}.saju-detail-page__subtitle,.saju-form-page__subtitle,.saju-list-page__subtitle{font-size:var(--font-size-base)}.saju-list__grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.saju-empty-state{padding:var(--spacing-xl) var(--spacing-md)}.saju-empty-state__icon{font-size:60px}.saju-empty-state__title{font-size:var(--font-size-xl)}.saju-pillars{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.saju-pillar__char{font-size:36px}.saju-section{padding:var(--spacing-md)}.saju-section__title{font-size:var(--font-size-lg)}.saju-profile-card__link{padding:var(--spacing-md)}.saju-profile-card__name{font-size:var(--font-size-lg)}.saju-chart,.saju-form{padding:var(--spacing-lg)}}@media (max-width:480px){.saju-detail-page__title,.saju-form-page__title,.saju-list-page__title{font-size:var(--font-size-xl)}.saju-empty-state__icon{font-size:48px}.saju-empty-state__title{font-size:var(--font-size-lg)}.saju-pillars{grid-template-columns:1fr}.saju-pillar__char{font-size:32px}.saju-section{padding:var(--spacing-sm)}.saju-useful-gods__item{flex-direction:column;gap:var(--spacing-xs)}.saju-empty-state__description{font-size:var(--font-size-sm)}.saju-profile-card__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.saju-chart,.saju-form{padding:var(--spacing-md)}}.saju-detail-page__info{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.saju-detail-page__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.saju-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.saju-info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.saju-info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.saju-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.saju-pillar-column{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-lg);border:2px solid var(--color-border);transition:all var(--transition-normal)}.saju-pillar-column--day{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(159,122,234,.1)}.saju-pillar-column:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.saju-pillar-label{text-align:center;font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);letter-spacing:.5px}.saju-pillar-chars{gap:var(--spacing-sm)}.saju-pillar-char,.saju-pillar-chars{display:flex;flex-direction:column;align-items:center}.saju-pillar-char{width:80px;height:80px;justify-content:center;gap:0;font-size:40px;font-weight:700;color:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all var(--transition-normal);position:relative}.saju-pillar-char__emoji{font-size:20px;line-height:1;position:absolute;top:6px;right:6px;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.saju-pillar-char__text{font-size:40px;line-height:1;position:relative;z-index:1}.saju-pillar-char--stem{border:3px solid hsla(0,0%,100%,.3)}.saju-pillar-char--branch{border:3px solid rgba(0,0,0,.1)}.saju-pillar-char:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.saju-pillar-reading{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.saju-pillar-reading__furigana{margin-left:4px;font-size:.9em;opacity:.8}.saju-pillar-nobles,.saju-pillar-stars{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}.saju-pillar-nobles{background:linear-gradient(180deg,rgba(255,215,0,.05),transparent)}.saju-pillar-nobles,.saju-pillar-stars{margin:0 calc(var(--spacing-md) * -1);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.saju-pillar-stars{background:linear-gradient(180deg,rgba(239,68,68,.05),transparent)}.saju-pillar-section-title{font-size:var(--font-size-sm);font-weight:600;text-align:center;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.saju-pillar-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.saju-pillar-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-align:center;font-weight:500;transition:all var(--transition-fast)}.saju-pillar-item--noble{background:linear-gradient(135deg,gold,#ffed4e);color:#7c5e00;border:1px solid #ffed4e}.saju-pillar-item--noble:hover{transform:translateX(2px);box-shadow:0 2px 4px rgba(255,215,0,.3)}.saju-pillar-item--star{background:linear-gradient(135deg,#fecaca,#fee2e2);color:#991b1b;border:1px solid #fecaca}.saju-pillar-item--star:hover{transform:translateX(2px);box-shadow:0 2px 4px rgba(239,68,68,.3)}.saju-pillar-empty{min-height:24px;padding:var(--spacing-xs) 0}@media (max-width:1024px){.saju-pillars-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.saju-pillar-char{width:70px;height:70px}.saju-pillar-char__text{font-size:36px}.saju-pillar-char__emoji{font-size:18px;top:5px;right:5px}.saju-pillar-reading{font-size:12px;padding-top:6px;margin-top:6px}.saju-pillar-reading__furigana{font-size:.85em}.saju-detail-page__info{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.saju-pillars-grid{grid-template-columns:repeat(4,1fr);gap:6px;overflow-x:auto;padding-bottom:var(--spacing-xs)}.saju-pillar-column{padding:8px;min-width:85px}.saju-pillar-char{width:60px;height:60px}.saju-pillar-char__text{font-size:28px}.saju-pillar-char__emoji{font-size:14px;top:3px;right:3px}.saju-pillar-reading{font-size:10px;padding-top:3px;margin-top:3px}.saju-pillar-reading__furigana{font-size:.75em}.saju-detail-page__info{grid-template-columns:repeat(2,1fr);gap:8px;padding:var(--spacing-md)}.saju-info-item{gap:4px}.saju-info-label{font-size:11px}.saju-info-value{font-size:13px}.saju-pillar-nobles,.saju-pillar-stars{margin:0 -8px;padding:8px}.saju-pillar-item{font-size:10px;padding:4px 6px;line-height:1.3}.saju-pillar-section-title{font-size:10px;margin-bottom:4px}.saju-pillar-label{font-size:12px;padding-bottom:6px}}@media (max-width:480px){.saju-pillars-grid{grid-template-columns:repeat(4,1fr);gap:4px}.saju-pillar-column{padding:6px;min-width:75px}.saju-pillar-char{width:55px;height:55px}.saju-pillar-char__text{font-size:26px}.saju-pillar-char__emoji{font-size:12px;top:2px;right:2px}.saju-pillar-reading{font-size:9px;padding-top:2px;margin-top:2px}.saju-pillar-reading__furigana{font-size:.7em}.saju-detail-page__info{padding:var(--spacing-sm);gap:6px}.saju-info-label{font-size:10px}.saju-info-value{font-size:12px}.saju-pillar-item{font-size:9px;padding:3px 5px}.saju-pillar-section-title{font-size:9px}.saju-pillar-label{font-size:11px;padding-bottom:4px}}.generating-slideshow{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gradient-card);border-radius:var(--radius-md);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.generating-timer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:rgba(212,181,232,.1);border-radius:var(--radius-sm);text-align:center}.generating-timer__main{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-normal)}.generating-timer__countdown{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-accent-purple);margin:var(--spacing-xs) 0}.generating-timer__seconds{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent-purple);text-shadow:0 2px 4px rgba(212,181,232,.3)}.generating-timer__notice{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.generating-slideshow__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.generating-slideshow__text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-relaxed);padding:var(--spacing-sm);min-height:60px}.generating-slideshow__image,.generating-slideshow__text{display:flex;align-items:center;justify-content:center;animation:slideshow-fade-in .5s ease}.generating-slideshow__image{width:100%;max-width:200px;height:200px;border-radius:var(--radius-md);background:var(--color-surface);border:2px dashed var(--color-border);overflow:hidden}.generating-slideshow__img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.generating-slideshow__placeholder{font-size:64px;animation:float 3s ease-in-out infinite}@keyframes slideshow-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.generating-slideshow,.generating-timer{padding:var(--spacing-sm)}.generating-timer{gap:var(--spacing-xs)}.generating-timer__main{font-size:var(--font-size-base)}.generating-timer__countdown{font-size:var(--font-size-lg)}.generating-timer__seconds{font-size:var(--font-size-xl)}.generating-timer__notice{font-size:var(--font-size-xs)}.generating-slideshow__text{font-size:var(--font-size-base);min-height:50px}.generating-slideshow__image{max-width:150px;height:150px}.generating-slideshow__placeholder{font-size:48px}}@media (max-width:480px){.generating-timer{padding:var(--spacing-xs)}.generating-timer__main{font-size:var(--font-size-sm)}.generating-timer__countdown{font-size:var(--font-size-base)}.generating-timer__seconds{font-size:var(--font-size-lg)}.generating-timer__notice{font-size:11px;line-height:1.5}.generating-slideshow__content{gap:var(--spacing-sm)}.generating-slideshow__text{font-size:var(--font-size-sm);padding:var(--spacing-xs);min-height:40px}.generating-slideshow__image{max-width:120px;height:120px}.generating-slideshow__placeholder{font-size:36px}}