:root{--fortune-gold:#d4af37;--fortune-gold-light:#f4d03f;--fortune-dark-navy:#006;--fortune-darkest-navy:#000050}@layer pages{.fortune-intro{margin-bottom:var(--space-base);text-align:center}.fortune-intro-text{margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.fortune-intro-sub{color:var(--color-netsuki-navy);font-size:var(--font-size-sm)}.fortune-form-container{max-width:28rem;padding:var(--space-base);margin-inline:auto}.fortune-form{gap:var(--space-base);flex-direction:column;display:flex}.fortune-label{margin-bottom:var(--space-xs);font-size:var(--font-size-base);color:var(--color-netsuki-white);font-weight:700;display:block}.fortune-input{border:2px solid var(--color-netsuki-navy);width:100%;padding:var(--space-xs);font-size:var(--font-size-base)}.fortune-notice{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:#fffc}.fortune-submit-wrapper{text-align:center}.fortune-loading{text-align:center;display:none}.fortune-loading-text{font-size:var(--font-size-base);color:var(--color-netsuki-white)}.fortune-result-content{text-align:center}.fortune-about{background-color:color-mix(in srgb, var(--color-netsuki-gold) 30%, transparent)}.fortune-about-content{color:var(--color-netsuki-black);font-size:var(--font-size-sm)}.fortune-about-content>*+*{margin-top:var(--space-xs)}.fortune-result-section{margin-bottom:var(--space-lg);display:none}.fortune-result-section.visible{display:block}.fortune-input-section{transition:opacity .5s ease-out,max-height .5s ease-out,margin .5s ease-out,padding .5s ease-out;overflow:hidden}.fortune-input-section.hidden{opacity:0;pointer-events:none;border-width:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.fortune-result-wrapper{position:relative;overflow:hidden}.foxfire-glow{border-radius:var(--radius-circle);filter:blur(20px);pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle,#64b4ff99 0%,#5096dc4d 30%,#3c64b41a 60%,#0000 80%);width:200px;height:200px;animation:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fortune-result-wrapper.revealing .foxfire-glow{opacity:1;animation:1.5s ease-in-out infinite foxfirePulse,.5s ease-out forwards foxfireGrow}.fortune-result-wrapper.revealed .foxfire-glow{animation:.8s ease-out forwards foxfireBurst}@keyframes foxfirePulse{0%,to{filter:blur(20px)brightness();transform:translate(-50%,-50%)scale(1)}50%{filter:blur(25px)brightness(1.3);transform:translate(-50%,-50%)scale(1.2)}}@keyframes foxfireGrow{0%{opacity:0;width:50px;height:50px}to{opacity:1;width:300px;height:300px}}@keyframes foxfireBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;filter:blur(30px)brightness(1.5);transform:translate(-50%,-50%)scale(2)}to{opacity:0;filter:blur(40px)brightness(2);transform:translate(-50%,-50%)scale(3)}}.error{padding:var(--space-base);background-color:color-mix(in srgb, var(--color-netsuki-red) 12%, var(--color-netsuki-white));border:3px solid var(--color-netsuki-red);color:var(--color-netsuki-red-dark);font-size:var(--font-size-base)}.fortune-card-container{padding:var(--space-2xl) 0;flex-direction:column;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards cardReveal;display:flex}@keyframes cardReveal{0%{opacity:0;filter:blur(10px)brightness(2);transform:scale(.3)translateY(30px)}40%{opacity:.7;filter:blur(2px)brightness(1.3);transform:scale(1.05)translateY(-5px)}to{opacity:1;filter:blur()brightness();transform:scale(1)translateY(0)}}.fortune-card{background:linear-gradient(180deg, var(--color-netsuki-navy) 0%, var(--fortune-dark-navy) 50%, var(--fortune-darkest-navy) 100%);border:4px solid var(--fortune-gold);width:340px;max-width:100%;padding:var(--space-xl);box-shadow:0 0 20px color-mix(in srgb, var(--fortune-gold) 30%, transparent), 0 10px 40px color-mix(in srgb, var(--color-netsuki-black) 50%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-netsuki-white) 10%, transparent);font-family:var(--font-rounded);border-radius:20px;position:relative}.fox-ear{border-left:20px solid #0000;border-right:20px solid #0000;border-bottom:30px solid var(--fortune-gold);width:0;height:0;position:absolute;top:-20px}.fox-ear:after{content:"";border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:22px solid var(--color-netsuki-navy);width:0;height:0;position:absolute;top:6px;left:-14px}.fox-ear-left{left:40px;transform:rotate(-15deg)}.fox-ear-right{right:40px;transform:rotate(15deg)}.card-header{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-base);padding-top:var(--space-xs);display:flex}.header-deco{color:var(--fortune-gold);font-size:var(--font-size-base)}.card-title{font-family:var(--font-antique);font-size:var(--font-size-lg);color:var(--fortune-gold);letter-spacing:.3em;text-shadow:0 2px 4px color-mix(in srgb, var(--color-netsuki-black) 30%, transparent)}.netsuki-section{margin-bottom:var(--space-base);justify-content:center;display:flex}.image-frame{padding:var(--space-xs);background:linear-gradient(135deg, var(--fortune-gold) 0%, var(--fortune-gold-light) 50%, var(--fortune-gold) 100%);box-shadow:0 4px 15px color-mix(in srgb, var(--color-netsuki-black) 30%, transparent);border-radius:12px}.netsuki-image{border-radius:8px;width:200px;height:auto;display:block}.rank-section{text-align:center;margin-bottom:var(--space-base)}.rank-label{font-size:var(--font-size-base);color:color-mix(in srgb, var(--color-netsuki-white) 80%, transparent);margin-bottom:var(--space-xs)}.rank-display{padding:var(--space-xs) var(--space-2xl);background:linear-gradient(135deg, var(--fortune-gold) 0%, var(--fortune-gold-light) 50%, var(--fortune-gold) 100%);margin-bottom:var(--space-xs);box-shadow:0 4px 15px color-mix(in srgb, var(--fortune-gold) 40%, transparent);border-radius:30px;display:inline-block}.rank-text{font-family:var(--font-antique);font-size:var(--font-size-xl);color:var(--fortune-dark-navy);text-shadow:0 1px 0 color-mix(in srgb, var(--color-netsuki-white) 30%, transparent);font-weight:700}.rank-stars{color:var(--fortune-gold);font-size:var(--font-size-md);letter-spacing:.3em}.rank-stars .empty{color:color-mix(in srgb, var(--color-netsuki-white) 30%, transparent)}.message-section{background:color-mix(in srgb, var(--color-netsuki-black) 20%, transparent);padding:var(--space-base);margin-bottom:var(--space-base);border:1px solid color-mix(in srgb, var(--fortune-gold) 30%, transparent);border-radius:12px}.message-label{font-size:var(--font-size-sm);color:var(--fortune-gold);text-align:center;margin-bottom:var(--space-xs)}.message-text{font-size:var(--font-size-base);color:var(--color-netsuki-white);text-align:center;line-height:1.8}.divider{justify-content:center;align-items:center;gap:var(--space-xs);margin:var(--space-base) 0;display:flex}.divider-dot{background:var(--fortune-gold);border-radius:var(--radius-circle);width:6px;height:6px}.divider-line{background:linear-gradient(90deg, transparent, var(--fortune-gold), transparent);width:60px;height:1px}.categories-section{gap:var(--space-xs);margin-bottom:var(--space-base);flex-direction:column;display:flex}.category-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb, var(--color-netsuki-white) 5%, transparent);border:1px solid color-mix(in srgb, var(--fortune-gold) 20%, transparent);border-radius:8px;display:flex}.category-item.highlight{background:color-mix(in srgb, var(--fortune-gold) 15%, transparent);border-color:color-mix(in srgb, var(--fortune-gold) 50%, transparent)}.category-icon{font-size:var(--font-size-base);text-align:center;width:1.5rem;color:var(--fortune-gold)}.category-name{font-size:var(--font-size-sm);color:var(--fortune-gold);width:3.5rem;font-weight:700}.category-value{font-size:var(--font-size-base);color:var(--color-netsuki-white);flex:1}.score-section{justify-content:center;align-items:baseline;gap:var(--space-2xs);padding:var(--space-base);background:color-mix(in srgb, var(--fortune-gold) 10%, transparent);border:2px solid var(--fortune-gold);margin-bottom:var(--space-base);border-radius:12px;display:flex}.score-label{font-size:var(--font-size-base);color:color-mix(in srgb, var(--color-netsuki-white) 80%, transparent)}.score-value{font-family:var(--font-antique);font-size:var(--font-size-2xl);color:var(--fortune-gold);font-weight:700;line-height:1}.score-unit{font-size:var(--font-size-base);color:var(--fortune-gold)}.fortune-share-links{gap:var(--space-sm);padding-bottom:var(--space-xs);justify-content:center;display:flex}.fortune-share-link{font-size:var(--font-size-xs);color:color-mix(in srgb, var(--fortune-gold) 70%, transparent);text-decoration:underline}.fortune-share-link:hover{color:var(--fortune-gold)}.card-footer{text-align:center;padding-top:var(--space-xs);border-top:1px solid color-mix(in srgb, var(--fortune-gold) 30%, transparent)}.footer-text{font-size:var(--font-size-sm);color:color-mix(in srgb, var(--fortune-gold) 60%, transparent);letter-spacing:.1em}}