:root{--bg-primary: #0a0b12;--bg-secondary: #121422;--bg-tertiary: #191c2e;--bg-card: rgba(22, 25, 41, .72);--bg-card-hover: rgba(28, 32, 54, .88);--bg-glass: rgba(18, 20, 34, .65);--text-primary: #f5f6fa;--text-secondary: #a6adbb;--text-muted: #6b7280;--text-inverted: #0a0b12;--accent-sakura: #ff758f;--accent-sakura-light: #ffb3c1;--accent-sakura-glow: rgba(255, 117, 143, .25);--accent-vermilion: #e63946;--accent-hanko: #dc2626;--accent-gold: #e0a96d;--accent-gold-glow: rgba(224, 169, 109, .3);--accent-indigo: #4361ee;--accent-cyan: #4cc9f0;--accent-jade: #2ec4b6;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 117, 143, .18);--border-card-hover: rgba(255, 117, 143, .45);--border-gold: rgba(224, 169, 109, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(255, 117, 143, .2);--shadow-gold-glow: 0 0 25px rgba(224, 169, 109, .25);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-kanji: "Shippori Mincho", "Zen Old Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-calligraphy: "Shippori Mincho", serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.16, 1, .3, 1);--transition-normal: .28s cubic-bezier(.16, 1, .3, 1);--transition-slow: .45s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary: #f8f6f0;--bg-secondary: #f0ebe1;--bg-tertiary: #e5decb;--bg-card: rgba(255, 255, 255, .88);--bg-card-hover: rgba(255, 255, 255, .98);--bg-glass: rgba(255, 255, 255, .75);--text-primary: #1c1d24;--text-secondary: #4a4d59;--text-muted: #848896;--text-inverted: #f8f6f0;--accent-sakura: #e04f69;--accent-sakura-light: #ff758f;--accent-sakura-glow: rgba(224, 79, 105, .18);--accent-vermilion: #c52233;--accent-hanko: #b91c1c;--accent-gold: #b37d42;--accent-gold-glow: rgba(179, 125, 66, .2);--accent-indigo: #2c44aa;--border-subtle: rgba(0, 0, 0, .08);--border-card: rgba(224, 79, 105, .2);--border-card-hover: rgba(224, 79, 105, .45);--border-gold: rgba(179, 125, 66, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(70, 50, 40, .08);--shadow-lg: 0 16px 40px rgba(70, 50, 40, .12);--shadow-glow: 0 0 25px rgba(224, 79, 105, .15);--shadow-gold-glow: 0 0 25px rgba(179, 125, 66, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative;transition:background-color var(--transition-normal),color var(--transition-normal);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,117,143,.12),transparent),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(67,97,238,.08),transparent)}[data-theme=light] body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(224,79,105,.09),transparent),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(179,125,66,.06),transparent)}#sakura-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.app-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;max-width:1360px;margin:0 auto;padding:0 1.25rem}h1,h2,h3,h4,.kanji-text,.kanji-badge{font-family:var(--font-kanji);font-weight:600;letter-spacing:-.01em}p{color:var(--text-secondary)}a{color:var(--accent-sakura);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-sakura-light);text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:1rem}button{cursor:pointer;border:none;outline:none;background:none}:focus-visible{outline:2px solid var(--accent-sakura);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.glass-panel:hover{border-color:var(--border-card-hover)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.brand-container{display:flex;align-items:center;gap:.85rem;text-decoration:none}.brand-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-vermilion),var(--accent-sakura));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-kanji);font-size:1.5rem;box-shadow:0 4px 15px var(--accent-sakura-glow)}.brand-titles{display:flex;flex-direction:column}.brand-title-en{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.brand-title-jp{font-family:var(--font-kanji);font-size:.78rem;color:var(--accent-sakura);letter-spacing:.15em}.header-actions{display:flex;align-items:center;gap:.75rem}.tab-nav-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem;width:100%}.tab-navigation{display:inline-flex;justify-content:center;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-full);padding:.28rem .38rem;gap:.25rem;box-shadow:0 8px 30px #00000040;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none;width:0;height:0}.nav-tab-btn{padding:.38rem .72rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;gap:.35rem;white-space:nowrap}.nav-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab-btn.active{background:linear-gradient(135deg,var(--accent-sakura),var(--accent-vermilion));color:#fff;box-shadow:0 4px 14px var(--accent-sakura-glow);font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--accent-sakura),var(--accent-vermilion));color:#fff;font-weight:600;padding:.85rem 1.75rem;border-radius:var(--radius-full);box-shadow:0 4px 20px var(--accent-sakura-glow);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff758f73;filter:brightness(1.08)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-card);padding:.75rem 1.4rem;border-radius:var(--radius-full);font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-sakura);color:var(--accent-sakura-light)}.btn-icon{width:42px;height:42px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);position:relative;cursor:pointer}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--accent-sakura);color:var(--accent-sakura-light);transform:scale(1.08);box-shadow:0 4px 16px #ff758f40}[data-theme=light] .btn-icon:hover{background:#b3242814;border-color:var(--accent-vermilion);color:var(--accent-vermilion);box-shadow:0 4px 14px #b3242833}.btn-icon:active{transform:scale(.94)}.btn-icon .badge-count{position:absolute;top:-4px;right:-4px;background:var(--accent-vermilion);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;padding:.15rem .45rem;border:2px solid var(--bg-primary)}.card-fav-btn,.ateji-fav-btn,.western-card-fav-btn{background:#e6394614;border-color:#e6394659;color:var(--accent-vermilion);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.card-fav-btn:hover,.ateji-fav-btn:hover,.western-card-fav-btn:hover{background:#e639462e;border-color:var(--accent-vermilion);transform:scale(1.1);box-shadow:0 4px 14px #e6394659}.card-fav-btn.favorited,.ateji-fav-btn.favorited,.western-card-fav-btn.favorited{background:#e6394638;border-color:var(--accent-vermilion);box-shadow:0 0 14px #e6394666}.heart-icon{display:inline-block;vertical-align:middle;transition:transform .22s cubic-bezier(.175,.885,.32,1.275)}.card-fav-btn:hover .heart-icon,.ateji-fav-btn:hover .heart-icon,.western-card-fav-btn:hover .heart-icon{transform:scale(1.18)}.heart-icon.favorited{filter:drop-shadow(0 0 5px rgba(230,57,70,.75))}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:#0c0e18fa;color:#fff;font-size:.76rem;font-weight:600;white-space:nowrap;padding:.38rem .78rem;border-radius:var(--radius-sm);border:1px solid rgba(255,117,143,.6);box-shadow:0 10px 28px #000000a6,0 0 14px #ff758f40;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:99999;letter-spacing:.02em;font-family:var(--font-sans)}[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border-width:5px 5px 0 5px;border-style:solid;border-color:rgba(255,117,143,.6) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:99999}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}[data-theme=light] [data-tooltip]:before{background:#fff;color:#16181f;border:1.5px solid var(--accent-vermilion);box-shadow:0 10px 26px #0000002e,0 0 10px #b3242833;font-weight:600}[data-theme=light] [data-tooltip]:after{border-color:var(--accent-vermilion) transparent transparent transparent}[data-tooltip-pos=bottom]:before{bottom:auto;top:calc(100% + 9px);transform:translate(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 4px);border-width:0 5px 5px 5px;border-color:transparent transparent rgba(255,117,143,.6) transparent;transform:translate(-50%) translateY(-4px)}[data-theme=light] [data-tooltip-pos=bottom]:after{border-color:transparent transparent var(--accent-vermilion) transparent}[data-tooltip-pos=bottom]:hover:before,[data-tooltip-pos=bottom]:hover:after{transform:translate(-50%) translateY(0)}.premium-feature-dock{background:linear-gradient(135deg,#191b2c99,#23192880);border:1px solid rgba(255,117,143,.25);border-radius:var(--radius-lg);padding:1.15rem 1.35rem;margin-bottom:2.25rem;position:relative;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}[data-theme=light] .premium-feature-dock{background:linear-gradient(135deg,#ffffffd9,#fdf6eecc);border:1px solid rgba(179,36,40,.2);box-shadow:0 8px 30px #00000014,inset 0 1px #ffffffe6}.premium-dock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.premium-dock-badge{font-size:.74rem;font-weight:700;color:var(--accent-sakura);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.35rem}[data-theme=light] .premium-dock-badge{color:var(--accent-vermilion)}.premium-dock-hint{font-size:.78rem;color:var(--text-muted)}.premium-dock-track{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.premium-dock-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .85rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.premium-dock-item:hover{background:var(--bg-card-hover);border-color:var(--accent-sakura);transform:translateY(-2px);box-shadow:0 6px 18px #ff758f33}[data-theme=light] .premium-dock-item:hover{border-color:var(--accent-vermilion);box-shadow:0 6px 16px #b3242826}.dock-icon{font-size:1.4rem;width:38px;height:38px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.premium-dock-item:hover .dock-icon{transform:scale(1.12)}.dock-text{display:flex;flex-direction:column;overflow:hidden}.dock-title{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-sub{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hanko-stamp{width:48px;height:48px;border:2.5px solid var(--accent-hanko);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-hanko);font-family:var(--font-kanji);font-weight:900;font-size:1.18rem;position:relative;background:radial-gradient(circle at 35% 35%,#dc26261f,#b414140d);box-shadow:inset 0 0 6px #dc262640,0 2px 8px #dc262633,0 0 1px #d4a35966;-webkit-user-select:none;user-select:none;transform:rotate(-3deg);letter-spacing:-2px;flex-shrink:0;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease}.hanko-stamp:hover{transform:rotate(0) scale(1.08);box-shadow:inset 0 0 8px #dc262666,0 4px 16px #dc262659}.hanko-stamp:active{transform:rotate(-1deg) scale(.94);box-shadow:inset 0 0 12px #dc262699}.hanko-stamp.round{border-radius:50%}.badge-pill{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full);text-transform:capitalize;display:inline-flex;align-items:center;gap:.35rem}.badge-gender-female{background:#ff758f26;color:var(--accent-sakura-light);border:1px solid rgba(255,117,143,.3)}.badge-gender-male{background:#4361ee26;color:#7289da;border:1px solid rgba(67,97,238,.3)}.badge-gender-unisex{background:#2ec4b626;color:#5ce1e6;border:1px solid rgba(46,196,182,.3)}.badge-theme{background:#e0a96d26;color:var(--accent-gold);border:1px solid var(--border-gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;transform:scale(.95) translateY(20px);transition:transform var(--transition-normal);padding:2rem}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--accent-vermilion);color:#fff}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--accent-sakura);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.6rem;font-size:.92rem;animation:slideInRight .3s ease forwards;pointer-events:auto}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.site-footer{margin-top:auto;padding:3rem 0 2rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.quick-pill{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap}.quick-pill:hover{background:var(--bg-card-hover);border-color:var(--accent-sakura);color:var(--text-primary);transform:translateY(-1px)}.quick-pill.active{background:#ff758f33;border-color:var(--accent-sakura);color:var(--accent-sakura-light);font-weight:600}.footer-quote{font-family:var(--font-kanji);font-size:1.1rem;color:var(--text-secondary);font-style:italic;max-width:600px}.footer-quote span{display:block;font-size:.85rem;color:var(--accent-gold);margin-top:.35rem}.footer-copy{font-size:.85rem;color:var(--text-muted)}.footer-legal-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.85rem;margin:.35rem 0}.footer-legal-link{background:none;border:none;color:var(--text-secondary);font-size:.88rem;font-family:inherit;cursor:pointer;padding:.25rem .4rem;transition:all var(--transition-fast);text-decoration:underline;text-decoration-color:#ffffff26;text-underline-offset:4px}.footer-legal-link:hover{color:var(--accent-sakura-light);text-decoration-color:var(--accent-sakura);transform:translateY(-1px)}.footer-sep{color:var(--border-subtle);font-size:.75rem}#legal-modal .modal-content{max-width:860px;width:95vw;max-height:88vh;padding:2rem 2.25rem;overflow-y:auto;scrollbar-width:thin}.legal-tabs{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.legal-tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.88rem;font-weight:500;padding:.55rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem}.legal-tab-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-sakura)}.legal-tab-btn.active{background:#e6394626;border-color:var(--accent-vermilion);color:var(--accent-sakura-light);font-weight:600}.legal-section-content{line-height:1.7;color:var(--text-secondary);font-size:.95rem}.legal-section-content h3{color:var(--text-primary);font-size:1.35rem;margin:1.25rem 0 .5rem}.legal-section-content h4{color:var(--accent-gold);font-size:1.05rem;margin:1rem 0 .35rem}.legal-section-content p{margin-bottom:.85rem}.legal-section-content ul{margin-left:1.25rem;margin-bottom:1rem}.legal-section-content li{margin-bottom:.4rem}.legal-badge-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid var(--border-subtle);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary)}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.contact-form-grid .full-col{grid-column:1 / -1}.contact-input-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.contact-input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.92rem}.contact-input:focus{outline:none;border-color:var(--accent-vermilion);box-shadow:0 0 10px #e6394640}#fortune-modal .modal-content,#calligraphy-modal .modal-content{max-width:1020px;width:95vw;max-height:88vh;padding:1.5rem 1.85rem;overflow-y:auto;scrollbar-width:thin}@media(min-width:992px){#fortune-modal .modal-content,#calligraphy-modal .modal-content{overflow-y:hidden}}.fortune-landscape-dashboard{display:grid;grid-template-columns:330px 1fr;gap:1.5rem;align-items:stretch}.fortune-dashboard-left{display:flex;flex-direction:column;justify-content:space-between;background:#12142073;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.15rem 1rem}[data-theme=light] .fortune-dashboard-left{background:#ffffffa6}.fortune-dash-header{text-align:center}.fortune-dash-icon{font-size:2rem;display:block;margin-bottom:.2rem}.fortune-kanji-strokes-inline{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.3rem .7rem;background:#00000040;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:1.1rem;font-family:var(--font-kanji);width:fit-content;margin:0 auto .75rem}.fortune-shield-box{background:radial-gradient(circle,#ffb70329,#00000059);border:1.5px solid var(--accent-gold);border-radius:var(--radius-md);padding:.85rem .95rem;text-align:center;box-shadow:0 0 20px #ffb70333;margin-bottom:.75rem}[data-theme=light] .fortune-shield-box{background:radial-gradient(circle,#ffb7031f,#ffffffe6)}.shield-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);margin-bottom:.15rem;font-weight:700}.shield-tier{font-family:var(--font-kanji);font-size:2.2rem;font-weight:900;color:#ffb703;line-height:1.1;text-shadow:0 0 12px rgba(255,183,3,.5)}.shield-label{font-size:1rem;font-weight:700;color:var(--text-primary)}.shield-strokes{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.shield-desc{font-size:.75rem;color:var(--text-muted);margin-top:.3rem;line-height:1.35}.fortune-dash-actions{display:flex;flex-direction:column;gap:.45rem}.fortune-dashboard-right{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between}.fortune-pillars-quad{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.pillar-quad-card{padding:.8rem .95rem;display:flex;flex-direction:column;background:#12142066}.pillar-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.pillar-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.pillar-strokes{font-size:1.25rem;font-weight:800;color:var(--text-primary);line-height:1.2}.strokes-unit{font-size:.72rem;font-weight:500;color:var(--text-muted)}.pillar-formula{display:inline-block;font-size:.68rem;padding:.1rem .4rem;border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-muted);width:fit-content;margin-top:.15rem}.pillar-desc{font-size:.76rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.35}.pillar-soukaku-card{padding:.8rem 1.1rem;border-color:#ffb70366;background:#ffb7030d}.calligraphy-modal-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:center}.calligraphy-modal-left{display:flex;align-items:center;justify-content:center;height:100%}.calligraphy-modal-left .calligraphy-canvas-container{display:flex;align-items:center;justify-content:center;width:100%}#calligraphy-canvas{max-height:70vh;width:auto;max-width:100%;border-radius:6px;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14}.calligraphy-modal-right{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.calligraphy-settings-panel{background:#12142066;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.15rem;display:flex;flex-direction:column;gap:.85rem}[data-theme=light] .calligraphy-settings-panel{background:#fff9}.calligraphy-select{width:100%;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.86rem;font-weight:500;outline:none;cursor:pointer;margin-top:.35rem}.calligraphy-feature-badges{display:flex;flex-wrap:wrap;gap:.4rem}.feature-tag{font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius-full);background:#ffb7031a;color:var(--accent-gold);border:1px solid rgba(255,183,3,.25)}.calligraphy-modal-actions{display:flex;flex-direction:column;gap:.6rem}.calligraphy-act-btn{width:100%;justify-content:center;padding:.75rem 1.25rem}.calligraphy-format-switch{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.25rem;width:100%}.calligraphy-mode-pill{padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.calligraphy-mode-pill:hover{color:var(--text-primary);border-color:#ffb70366}.calligraphy-mode-pill.active{color:#111;background:linear-gradient(135deg,#ffb703,#d48b00);border-color:#ffb703;box-shadow:0 0 12px #ffb70366}.surnames-directory-view{max-width:1200px;margin:0 auto}.surnames-search-panel{padding:1.25rem 1.5rem;margin-bottom:1.5rem}.surname-filters-track{display:flex;align-items:center;gap:.6rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.25rem}.surname-filter-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.surname-filter-pill:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-sakura)}.surname-filter-pill.active{background:#ff758f2e;border-color:var(--accent-sakura);color:#fff;box-shadow:0 0 10px var(--accent-sakura-glow)}[data-theme=light] .surname-filter-pill.active{color:var(--accent-vermilion)}.surnames-results-header{margin-bottom:1.25rem}.surnames-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.35rem;margin-bottom:3.5rem}.surname-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.35rem;position:relative;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.surname-card:hover{transform:translateY(-3px);border-color:#ff758f66;box-shadow:0 10px 24px #00000040}.surname-card.is-clan-card{border-color:#ffb70359}.surname-card.is-clan-card:hover{border-color:var(--accent-gold);box-shadow:0 10px 28px #ffb7032e}.surname-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.surname-rank-badge{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.surname-rank-badge.clan-badge{background:#ffb7031f;color:var(--accent-gold);border-color:#ffb7034d}.surname-strokes-badge{font-size:.74rem;font-weight:600;color:var(--accent-sakura);padding:.2rem .5rem;border-radius:var(--radius-sm);background:#ff758f1a}[data-theme=light] .surname-strokes-badge{color:var(--accent-vermilion)}.surname-card-body{flex:1;display:flex;flex-direction:column;gap:.55rem}.surname-kanji-row{display:flex;align-items:baseline;gap:.85rem}.surname-kanji{font-family:var(--font-kanji);font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1}.surname-reading-block{display:flex;flex-direction:column}.surname-hiragana{font-size:.84rem;color:var(--text-secondary)}.surname-romaji{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.surname-crest-tag{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--accent-gold);background:#ffb70314;border:1px solid rgba(255,183,3,.2);padding:.25rem .55rem;border-radius:var(--radius-sm)}.surname-meaning{font-size:.86rem;color:var(--text-primary);line-height:1.45;margin:0}.surname-origin{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0}.surname-card-action{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.pair-surname-btn{width:100%;justify-content:center;font-size:.82rem;padding:.5rem .85rem}.western-compendium-section{position:relative}.western-filter-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.western-gender-pills{display:flex;gap:.45rem;background:var(--bg-surface);padding:.3rem .4rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.western-pill{padding:.45rem 1.05rem;border-radius:var(--radius-full);font-size:.84rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.western-pill:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .western-pill:hover{background:#0000000d}.western-pill.active{color:#fff;background:var(--accent-gradient-primary);box-shadow:0 2px 10px #ff4b6e4d}.western-search-wrapper{display:flex;align-items:center;gap:.6rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.45rem 1.15rem;min-width:290px;transition:border-color .2s ease,box-shadow .2s ease}.western-search-wrapper:focus-within{border-color:var(--accent-sakura);box-shadow:0 0 0 3px #ff758f26}.western-search-wrapper .search-icon{font-size:.95rem;color:var(--text-muted)}.western-search-wrapper input{border:none;background:transparent;color:var(--text-primary);font-size:.88rem;outline:none;width:100%}.western-az-strip{display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding:.4rem .2rem .85rem;margin-bottom:1.25rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.western-az-strip::-webkit-scrollbar{display:none}.az-chip{min-width:32px;height:32px;padding:0 .55rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.az-chip:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:#ffb70314}.az-chip.active{color:#111;background:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 10px #ffb70366}.western-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.western-count-text{font-size:.88rem;color:var(--text-muted);font-weight:600}.western-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem}.western-card{display:flex;flex-direction:column;padding:1.35rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.western-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:#ffb70359}.western-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.western-letter-badge{font-size:.72rem;font-weight:800;padding:.2rem .55rem;border-radius:var(--radius-sm);background:#ffffff14;color:var(--text-muted);border:1px solid var(--border-subtle)}[data-theme=light] .western-letter-badge{background:#0000000d}.western-card-hero{margin-bottom:.85rem}.western-english-name{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.western-katakana-tag{font-size:.9rem;font-weight:700;color:var(--accent-gold);margin-top:.2rem;font-family:var(--font-kanji)}.western-etymology{font-size:.78rem;color:var(--text-muted);font-style:italic;margin-top:.25rem;line-height:1.4}.western-variant-selector{display:flex;gap:.35rem;margin-bottom:.85rem;flex-wrap:wrap}.western-var-chip{font-size:.74rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}[data-theme=light] .western-var-chip{background:#0000000a}.western-var-chip:hover{color:var(--text-primary);border-color:#ffffff40}.western-var-chip.active{background:#ffb70326;color:var(--accent-gold);border-color:var(--accent-gold)}.western-kanji-display{text-align:center;padding:.85rem .5rem;margin-bottom:.85rem;background:#0000002e;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-family:var(--font-kanji);font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1.25}[data-theme=light] .western-kanji-display{background:#00000008}.western-kanji-display ruby rt{font-size:.78rem;color:var(--accent-sakura);letter-spacing:.06em;font-weight:600}.western-meaning-box{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.85rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}[data-theme=light] .western-meaning-box{background:#00000005}.western-meaning-tag{font-size:.76rem;font-weight:700;color:var(--accent-gold)}.western-meaning-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.45;margin:0}.western-strokes-badge{font-size:.75rem;color:var(--text-muted)}.western-breakdown-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.western-breakdown-row .char-pill{font-size:.72rem;padding:.2rem .48rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary)}[data-theme=light] .western-breakdown-row .char-pill{background:#00000008}.gogyo-harmony-card{border-radius:var(--radius-md);box-shadow:0 4px 15px #0003;transition:all .2s ease}[data-theme=light] .gogyo-harmony-card{box-shadow:0 4px 15px #0000000d}@keyframes goldPulseGlow{0%{box-shadow:0 0 #e0a96db3;border-color:#e0a96de6}50%{box-shadow:0 0 25px 8px #e0a96d73;border-color:var(--accent-gold)}to{box-shadow:0 0 #e0a96d00}}.highlight-pulse{animation:goldPulseGlow 1.8s ease-in-out 3;border-color:var(--accent-gold)!important}.stroke-modal-content{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 25px 60px -15px #000000a6;padding:1.75rem;max-width:620px;width:95%;margin:auto}.stroke-char-pill{padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text-secondary);cursor:pointer;font-family:var(--font-kanji);font-size:1.15rem;font-weight:700;transition:all .2s ease}.stroke-char-pill:hover,.stroke-char-pill.active{background:var(--accent-sakura);color:#fff;border-color:var(--accent-sakura);transform:translateY(-2px);box-shadow:0 4px 12px #ff758f59}.stroke-speed-chip{padding:.25rem .6rem;font-size:.78rem;font-weight:700;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.stroke-speed-chip:hover,.stroke-speed-chip.active{background:#ff758f33;color:var(--accent-sakura);border-color:var(--accent-sakura)}[data-theme=light] .stroke-char-pill{background:#0000000d}[data-theme=light] .stroke-speed-chip{background:#0000000a}.fortune-mode-pill{padding:.5rem 1.25rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fortune-mode-pill:hover,.fortune-mode-pill.active{background:linear-gradient(135deg,#ff758f40,#ffb70333);color:var(--text-primary);border-color:var(--accent-gold);box-shadow:0 4px 15px #ffb70333}[data-theme=light] .fortune-mode-pill{background:#0000000a}[data-theme=light] .fortune-mode-pill.active{background:linear-gradient(135deg,#ff758f33,#ffb70326)}@media print{body{background:#fff!important;color:#000!important}.site-header,.site-footer,.mobile-bottom-nav,.nav-tabs-wrapper,.floating-theme-bar,#sakura-canvas,.btn-icon,.modal-close-btn{display:none!important}}.guide-master-wrapper{max-width:980px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:2.25rem}.guide-chapter-nav{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:.85rem 1.25rem;background:#0e1019bf;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:1rem;z-index:10;box-shadow:0 4px 20px #00000059}.guide-nav-pill{font-size:.8rem;font-weight:700;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);padding:.35rem .85rem;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.guide-nav-pill:hover{background:var(--bg-card-hover);color:var(--accent-gold);border-color:var(--accent-gold);transform:translateY(-1px)}.guide-chapter-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-top:3px solid var(--accent-gold);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:0 4px 24px #00000040;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}[data-theme=light] .guide-chapter-card{background:#fff;border-color:#00000014;border-top:3px solid var(--accent-vermilion);box-shadow:0 4px 18px #0000000a}.guide-chapter-header{display:flex;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.25rem}.guide-chapter-num{font-size:1.1rem;font-weight:800;color:var(--accent-gold);background:#d4af371f;border:1px solid rgba(212,175,55,.3);width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;font-family:var(--font-japanese)}[data-theme=light] .guide-chapter-num{background:#e056241a;color:var(--accent-vermilion);border-color:#e0562440}.guide-chapter-title-group h3{font-size:1.45rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.guide-chapter-subtitle{font-size:.86rem;color:var(--text-muted);margin-top:.25rem;display:block}.guide-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:inset 0 2px 6px #0003}.guide-concept-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.guide-concept-table th{background:#0000004d;color:var(--accent-gold);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle)}[data-theme=light] .guide-concept-table th{background:#f1f3f5;color:var(--accent-vermilion)}.guide-concept-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary)}[data-theme=light] .guide-concept-table td{border-bottom-color:#0000000d}.guide-concept-table tr:hover td{background:#ffffff06;color:var(--text-primary)}.guide-kanji-cell{font-family:var(--font-japanese);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.guide-lexicon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.guide-lexicon-card{background:#00000038;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.35rem;display:flex;flex-direction:column;gap:.65rem;transition:all var(--transition-fast)}.guide-lexicon-card:hover{border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}[data-theme=light] .guide-lexicon-card{background:#f8f9fa;border-color:#00000014}.guide-lexicon-q{font-size:1.05rem;font-weight:700;color:var(--accent-gold);margin:0;display:flex;align-items:center;gap:.4rem}[data-theme=light] .guide-lexicon-q{color:var(--accent-vermilion)}.guide-lexicon-ans{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.guide-timeline{display:flex;flex-direction:column;gap:1.25rem;position:relative;padding-left:1.5rem;border-left:2px solid rgba(212,175,55,.3);margin-left:.5rem}.guide-timeline-step{position:relative}.guide-timeline-step:before{content:"";position:absolute;left:-1.95rem;top:.25rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 10px #d4af3799}.guide-timeline-era{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold);display:block}[data-theme=light] .guide-timeline-era{color:var(--accent-vermilion)}.guide-timeline-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:.15rem 0 .4rem}.guide-timeline-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.guide-suffix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.guide-suffix-card{background:#ffffff06;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}[data-theme=light] .guide-suffix-card{background:#f8f9fa}.guide-suffix-tag{font-size:1.15rem;font-weight:700;color:var(--accent-sakura-light);font-family:var(--font-japanese);display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}[data-theme=light] .guide-suffix-tag{color:var(--accent-vermilion)}.hero-section{text-align:center;padding:2rem 1rem 3rem;max-width:800px;margin:0 auto}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:#ff758f1a;border:1px solid var(--border-card);padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.85rem;color:var(--accent-sakura);font-weight:600;margin-bottom:1.25rem}.hero-title{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff 40%,var(--accent-sakura-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero-title{background:linear-gradient(135deg,#1c1d24 40%,var(--accent-vermilion) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.6}.generator-control-box{padding:2.25rem;margin-bottom:3.5rem;border:1px solid var(--border-card);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000040;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative}.meaning-search-card{background:#12142073;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:2rem;transition:all var(--transition-normal);position:relative}[data-theme=light] .meaning-search-card{background:#ffffffb3;border-color:#c8b4a04d}.meaning-search-card:focus-within{border-color:var(--accent-sakura);box-shadow:0 0 20px #ff758f26}.meaning-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.search-hint{font-size:.8rem;color:var(--text-muted)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon-inside{position:absolute;left:1.25rem;font-size:1.15rem;color:var(--accent-gold);pointer-events:none;z-index:2;filter:drop-shadow(0 0 4px rgba(255,183,3,.4))}.meaning-input-field{width:100%;font-size:.98rem;padding:.9rem 2.8rem .9rem 3.35rem!important;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);transition:all var(--transition-fast);box-shadow:inset 0 2px 6px #00000040}.meaning-input-field:focus{outline:none;border-color:var(--accent-gold);background:var(--bg-card);box-shadow:0 0 16px #ffb70340,inset 0 2px 4px #0003}.btn-clear-search{position:absolute;right:.85rem;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.35rem .6rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.btn-clear-search:hover{color:var(--text-primary);background:#ffffff1a}.quick-concepts-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;margin-top:1.15rem;text-align:center}.quick-concepts-header{display:inline-flex;align-items:center;gap:.45rem}.quick-concepts-badge{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:4px;background:#ff758f24;color:var(--accent-sakura);font-size:.85rem;line-height:1;font-weight:700;border:1px solid rgba(255,117,143,.35);font-family:var(--font-japanese);box-shadow:0 0 8px #ff758f26}[data-theme=light] .quick-concepts-badge{background:#e056241a;color:var(--accent-vermilion);border-color:#e0562447;box-shadow:none}.quick-concepts-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.quick-concepts-ribbon{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;max-width:900px}.quick-pill{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.quick-pill:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-gold);transform:translateY(-1px)}.quick-pill.active{background:linear-gradient(135deg,#e6394640,#ffb70333);border-color:var(--accent-gold);color:#fff;font-weight:700;box-shadow:0 0 12px #ffb7034d}.preset-ribbon-container{display:flex;align-items:center;justify-content:center;gap:.95rem;margin-bottom:1.75rem;padding:.75rem 1.4rem;background:#ffffff06;border:1px solid rgba(212,175,55,.24);border-radius:var(--radius-full);flex-wrap:wrap;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal)}.preset-ribbon-container:hover{border-color:#d4af3773;box-shadow:0 6px 30px #d4af371f}[data-theme=light] .preset-ribbon-container{background:#e0562409;border-color:#e0562440;box-shadow:0 4px 18px #0000000a}.preset-ribbon-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold);white-space:nowrap;flex-shrink:0}[data-theme=light] .preset-ribbon-label{color:var(--accent-vermilion)}.preset-sparkle{font-size:.95rem;animation:pulseGlow 2.5s infinite ease-in-out}.preset-ribbon-track{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.preset-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast);box-shadow:0 2px 6px #00000026}.preset-chip:hover{background:var(--bg-card-hover);border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 14px #ffb70338}.preset-chip.active{background:linear-gradient(135deg,#e6394640,#ffb70333);border-color:var(--accent-gold);color:#fff;box-shadow:0 0 14px #ffb70359}[data-theme=light] .preset-chip.active{color:var(--accent-vermilion);border-color:var(--accent-vermilion)}.atelier-control-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;align-items:stretch}.atelier-pillar{background:var(--bg-card);border:1px solid var(--border-subtle);border-top:3px solid var(--accent-gold);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 20px #0003;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden;justify-content:space-between}.atelier-pillar:hover{border-color:#ffb70373;box-shadow:0 8px 30px #00000059}[data-theme=light] .atelier-pillar{background:#fff;border-color:#00000014;border-top:3px solid var(--accent-vermilion);box-shadow:0 4px 18px #0000000d}.atelier-pillar-header{border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.atelier-sub-card{background:#0e1019a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.65rem;transition:all var(--transition-fast);box-shadow:0 2px 8px #00000026}.atelier-sub-card:hover{border-color:#ffffff29;background:#121420cc}.atelier-sub-card.is-active-recipe{border-color:#d4af3773;box-shadow:0 0 16px #d4af371a;background:#161622d9}[data-theme=light] .atelier-sub-card{background:#f8f9fa;border-color:#00000014;box-shadow:0 2px 6px #00000008}[data-theme=light] .atelier-sub-card.is-active-recipe{border-color:#e0562473;box-shadow:0 0 14px #e056241a;background:#fff}.subcard-header{display:flex;align-items:center;gap:.5rem}.subcard-badge{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:4px;background:#d4af3726;color:var(--accent-gold);font-size:.76rem;font-weight:700;border:1px solid rgba(212,175,55,.3);font-family:var(--font-japanese);flex-shrink:0}[data-theme=light] .subcard-badge{background:#e056241f;color:var(--accent-vermilion);border-color:#e0562440}.subcard-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .subgroup-label{color:var(--accent-vermilion)}.filter-chip-group{display:flex;flex-wrap:wrap;gap:.42rem}.filter-chip{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.81rem;font-weight:600;padding:.38rem .78rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.filter-chip:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-gold);transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#e6394638,#ffb7032e);border-color:var(--accent-gold);color:#fff;font-weight:700;box-shadow:0 0 12px #ffb7034d}[data-theme=light] .filter-chip{background:#0000000a;border-color:#0000001a;color:var(--text-secondary)}[data-theme=light] .filter-chip:hover{background:#00000014;color:var(--text-primary);border-color:var(--accent-vermilion)}[data-theme=light] .filter-chip.active{background:linear-gradient(135deg,#e6394626,#ffb7031f);border-color:var(--accent-vermilion);color:var(--accent-vermilion);font-weight:700;box-shadow:0 2px 8px #e6394633}.atelier-toggles-card{display:flex;flex-direction:column;gap:.65rem;background:#0000002e;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem}[data-theme=light] .atelier-toggles-card{background:#00000008;border-color:#00000014}.atelier-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.atelier-toggle-row .toggle-info{display:flex;flex-direction:column;gap:.15rem}.atelier-toggle-row .toggle-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.atelier-toggle-row .toggle-hint{font-size:.72rem;color:var(--text-muted)}.toggle-group-stacked{display:flex;flex-direction:column;gap:.65rem;padding-top:.2rem}.toggle-switch-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.88rem;color:var(--text-secondary)}.toggle-switch-wrapper:hover{color:var(--text-primary)}.toggle-checkbox{position:relative;width:42px;height:22px;-webkit-appearance:none;background:var(--bg-tertiary);outline:none;border-radius:12px;border:1px solid var(--border-subtle);transition:background var(--transition-fast);cursor:pointer;flex-shrink:0}.toggle-checkbox:checked{background:var(--accent-sakura)}.toggle-checkbox:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:2px;left:2px;background:#fff;transition:transform var(--transition-fast)}.toggle-checkbox:checked:before{transform:translate(20px)}.action-bar-deck{display:flex;flex-direction:column;gap:1.25rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.filter-summary-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.4rem .25rem}.active-filter-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-sakura);box-shadow:0 0 8px var(--accent-sakura-glow);display:inline-block}.btn-reset-filters{background:none;border:1px solid transparent;color:var(--text-muted);font-size:.82rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.25rem .65rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.btn-reset-filters:hover{color:var(--accent-sakura);border-color:#ff758f4d;background:#ff758f14}.action-buttons-group{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap}.action-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.generate-btn-lg{font-size:1.15rem;padding:1.05rem 3.4rem;background:linear-gradient(135deg,#e63946,#ff5c72,#e63946);background-size:200% auto;border:1px solid rgba(255,215,0,.45);box-shadow:0 4px 22px #e6394673,0 0 16px #ffb70340;transition:all var(--transition-fast);position:relative;overflow:hidden}.generate-btn-lg:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(25deg);animation:btnShimmerSweep 3.5s infinite cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes btnShimmerSweep{0%{left:-60%}35%{left:140%}to{left:140%}}.generate-btn-lg:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #e6394699,0 0 26px #ffb70366;border-color:#ffd700d9}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.layout-switcher-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.results-count-title{font-size:1.25rem;display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--text-primary)}.layout-switcher-group{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-full);padding:.25rem;gap:.2rem}.layout-switch-btn{padding:.4rem .85rem;font-size:.82rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.layout-switch-btn:hover{color:var(--text-primary)}.layout-switch-btn.active{background:linear-gradient(135deg,var(--accent-sakura),var(--accent-vermilion));color:#fff;font-weight:600;box-shadow:0 2px 8px var(--accent-sakura-glow)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;margin-bottom:4rem;transition:all var(--transition-normal)}.results-grid.mode-showcase{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.results-grid.mode-showcase .name-card{text-align:center;padding:2.2rem 1.5rem}.results-grid.mode-showcase .name-kanji-display{font-size:3.5rem;margin:1.2rem 0}.results-grid.mode-showcase .name-kanji-breakdown{display:none}.results-grid.mode-compact{display:flex;flex-direction:column;gap:.75rem}.results-grid.mode-compact .name-card{padding:.9rem 1.5rem;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}.results-grid.mode-compact .name-card:before,.results-grid.mode-compact .name-card:after{display:none}.results-grid.mode-compact .name-card-top,.results-grid.mode-compact .name-meaning-box .name-kanji-breakdown{display:none}.results-grid.mode-compact .name-card-main{padding:0;border:none;margin:0;text-align:left;display:flex;align-items:center;gap:1.25rem}.results-grid.mode-compact .name-kanji-display{font-size:1.9rem;margin:0}.results-grid.mode-compact .name-meaning-box{margin:0;padding:0;border:none;flex:1}.results-grid.mode-compact .name-meaning-text{margin:0;font-size:.88rem}.results-grid.mode-compact .name-card-actions{margin:0;padding:0;border:none}.name-card{padding:1.85rem;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--border-card);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%,rgba(255,183,3,.05),transparent 45%),radial-gradient(circle at 0% 100%,rgba(255,117,143,.05),transparent 45%),var(--bg-card);box-shadow:0 8px 24px #0003;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.name-card:before{content:"";position:absolute;top:10px;left:10px;width:14px;height:14px;border-top:2px solid var(--border-gold);border-left:2px solid var(--border-gold);pointer-events:none;opacity:.6}.name-card:after{content:"";position:absolute;bottom:10px;right:10px;width:14px;height:14px;border-bottom:2px solid var(--border-gold);border-right:2px solid var(--border-gold);pointer-events:none;opacity:.6}.name-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #00000059,0 0 25px #ff758f40;border-color:#ff758f80}.name-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.name-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.name-card-main{text-align:center;padding:1rem 0;border-bottom:1px dashed var(--border-subtle);margin-bottom:1.25rem}.name-kanji-display{font-family:var(--font-kanji);font-size:2.9rem;line-height:1.2;letter-spacing:.08em;color:var(--text-primary);margin-bottom:.4rem;display:flex;justify-content:center;align-items:baseline;gap:.6rem;text-shadow:0 0 25px rgba(255,117,143,.35)}ruby{ruby-position:over}rt{font-size:.95rem;font-family:var(--font-sans);color:var(--accent-sakura);font-weight:500;letter-spacing:.02em}.name-romaji-display{font-size:1.25rem;font-weight:700;color:var(--accent-gold);letter-spacing:.04em;margin-bottom:.2rem}.name-kana-display{font-size:.95rem;color:var(--text-muted);letter-spacing:.05em}.name-meaning-box{margin-bottom:1.25rem;flex-grow:1}.name-meaning-text{font-size:.95rem;color:var(--text-secondary);line-height:1.55;margin-bottom:.6rem}.name-kanji-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;background:#00000026;border-radius:var(--radius-md);padding:.75rem;border:1px solid var(--border-subtle)}[data-theme=light] .name-kanji-breakdown{background:#00000008}.kanji-char-item{display:flex;align-items:center;gap:.5rem}.kanji-char-badge{width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-card);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-kanji);font-size:1.15rem;color:var(--accent-sakura-light);flex-shrink:0}.kanji-char-details{display:flex;flex-direction:column;overflow:hidden}.kanji-char-meaning{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kanji-char-strokes{font-size:.7rem;color:var(--text-muted)}.name-card-actions{display:flex;justify-content:center;align-items:center;padding-top:.85rem;border-top:1px solid var(--border-subtle);margin-top:auto;width:100%}.card-action-grid,.card-action-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;justify-items:center;align-items:center;max-width:250px;width:100%;margin:0 auto}.card-action-grid .btn-icon,.card-action-group .btn-icon{width:42px;height:42px;min-width:42px;border-radius:50%;font-size:1.15rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer}.card-action-grid .btn-icon:hover,.card-action-group .btn-icon:hover{background:var(--bg-card-hover);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #ffb70340}.transliteration-container{max-width:860px;margin:0 auto 4rem;padding:2.5rem}.trans-input-box{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.trans-input{flex:1;min-width:260px;background:var(--bg-secondary);border:2px solid var(--border-card);border-radius:var(--radius-full);padding:.9rem 1.5rem;color:var(--text-primary);font-size:1.1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.trans-input:focus{border-color:var(--accent-sakura);box-shadow:0 0 15px var(--accent-sakura-glow)}.trans-presets{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.preset-chip{background:var(--bg-tertiary);border:1px solid var(--border-subtle);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.preset-chip:hover{border-color:var(--accent-sakura);color:var(--accent-sakura-light)}.trans-result-board{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-card)}.trans-katakana-banner{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#ff758f14,#4361ee14);border-radius:var(--radius-md);margin-bottom:2rem}.katakana-banner-text{font-family:var(--font-kanji);font-size:3rem;color:var(--accent-sakura);letter-spacing:.1em}.katakana-banner-sub{font-size:1rem;color:var(--text-secondary);margin-top:.35rem}.calligraphy-canvas-container{display:flex;justify-content:center;margin:1.5rem 0}#calligraphy-canvas{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.calligraphy-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.quiz-box{max-width:720px;margin:0 auto 4rem;padding:2.5rem}.quiz-progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:2rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-sakura),var(--accent-gold));transition:width .4s ease}.quiz-question-title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.quiz-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.quiz-option-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:1rem}.quiz-option-card:hover{border-color:var(--accent-sakura);background:var(--bg-card-hover);transform:translateY(-2px)}.quiz-option-icon{font-size:2rem}.quiz-option-info h4{font-size:1.05rem;margin-bottom:.2rem}.quiz-option-info p{font-size:.85rem}.fortune-studio-container{max-width:900px;margin:0 auto 4rem;padding:2.5rem}.fortune-search-box{display:flex;gap:.75rem;margin-bottom:1.75rem;flex-wrap:wrap}.fortune-search-input{flex:1;min-width:180px;background:var(--bg-secondary);border:2px solid var(--border-card);border-radius:var(--radius-full);padding:.85rem 1.4rem;color:var(--text-primary);font-size:1.05rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fortune-search-input:focus{border-color:var(--accent-sakura);box-shadow:0 0 15px var(--accent-sakura-glow)}.fortune-presets{display:flex;align-items:center;gap:.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.fortune-preset-chip{background:var(--bg-tertiary);border:1px solid var(--border-subtle);padding:.4rem .9rem;border-radius:var(--radius-full);font-size:.86rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.fortune-preset-chip:hover{border-color:var(--accent-sakura);color:var(--accent-sakura-light)}.fortune-preset-chip.active{background:#ff758f2e;border-color:var(--accent-sakura);color:#fff;font-weight:600;box-shadow:0 0 10px var(--accent-sakura-glow)}.fortune-hero-card{background:radial-gradient(circle at 50% 30%,#ffb70324,#0d0e17a6);border:1.5px solid var(--accent-gold);border-radius:var(--radius-lg);padding:2.2rem 1.5rem;text-align:center;margin-bottom:2.5rem;box-shadow:0 0 35px #ffb70338;position:relative;overflow:hidden}[data-theme=light] .fortune-hero-card{background:radial-gradient(circle at 50% 30%,#ffb70333,#ffffffd9)}.fortune-five-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2.5rem}.fortune-pillar-card{padding:1.4rem;display:flex;flex-direction:column;position:relative;border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.fortune-pillar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.fortune-pillar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.fortune-formula-tag{font-size:.78rem;color:var(--text-muted);font-family:monospace;margin-top:.25rem}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--accent-sakura-glow)}50%{box-shadow:0 0 30px #ff758f73}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-float{animation:floatGentle 4s ease-in-out infinite}.anim-pulse{animation:pulseGlow 2.5s infinite}.card-enter{animation:cardFadeIn .4s cubic-bezier(.16,1,.3,1) backwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.audio-playing{color:var(--accent-sakura)!important;animation:audioPulse .8s ease-in-out infinite alternate}@keyframes audioPulse{0%{transform:scale(1)}to{transform:scale(1.22)}}.hanko-stamp-animated{animation:stampDown .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes stampDown{0%{transform:scale(2) rotate(-15deg);opacity:0}70%{transform:scale(.95) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(-3deg);opacity:1}}.mobile-bottom-nav{display:none}@media(max-width:768px){html,body{overflow-x:hidden;width:100%}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-wrapper{padding:0 1rem;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.tab-nav-wrapper{display:none!important;margin-bottom:0!important}.tab-navigation{display:none!important}.site-header{padding:.85rem 0;margin-bottom:1rem;border-bottom-color:var(--border-subtle)}.brand-logo-icon{width:38px;height:38px;font-size:1.3rem}.brand-title-en{font-size:1.15rem;letter-spacing:-.01em}.brand-title-jp{font-size:.72rem}.header-actions{gap:.4rem}.header-actions .btn-icon{width:40px;height:40px;font-size:1.05rem}.hero-section{padding:1rem .25rem 1.75rem}.hero-tag{font-size:.78rem;padding:.3rem .85rem;margin-bottom:.85rem;white-space:normal;text-align:center}.hero-title{font-size:clamp(1.75rem,6.8vw,2.3rem)!important;line-height:1.22;margin-bottom:.75rem;letter-spacing:-.02em}.hero-subtitle{font-size:.92rem;line-height:1.55;padding:0 .5rem}.premium-feature-dock{padding:.85rem .75rem;margin-bottom:1.25rem;border-radius:var(--radius-md)}.premium-dock-header{margin-bottom:.6rem}.premium-dock-track{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.35rem;scrollbar-width:none;width:100%}.premium-dock-track::-webkit-scrollbar{display:none}.premium-dock-item{flex:0 0 auto;min-width:145px;padding:.6rem .75rem}.dock-icon{width:32px;height:32px;font-size:1.15rem}.dock-title{font-size:.8rem}.dock-sub{font-size:.68rem}.generator-control-box{padding:1.25rem .85rem;border-radius:var(--radius-md);margin-bottom:1.75rem}.meaning-search-card{padding:1rem .85rem;margin-bottom:1.25rem;border-radius:var(--radius-md)}.meaning-search-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.6rem}.search-hint{font-size:.74rem}.meaning-input-field{font-size:.9rem;padding:.75rem 2.2rem .75rem 3.15rem}.quick-concepts-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.85rem;text-align:center}.quick-concepts-label{font-size:.75rem}.quick-concepts-ribbon{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:.45rem;gap:.4rem;scrollbar-width:none}.quick-concepts-ribbon::-webkit-scrollbar{display:none}.quick-pill{padding:.35rem .75rem;font-size:.76rem;border-radius:var(--radius-full);flex-shrink:0}.preset-ribbon-container{margin-bottom:.9rem;padding:.4rem .6rem}.preset-chip{padding:.35rem .75rem;font-size:.78rem}.atelier-control-deck{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.atelier-pillar{padding:1.15rem 1rem;gap:1rem}.filter-chip{padding:.35rem .72rem;font-size:.78rem}.popover-trigger-btn{width:100%;justify-content:space-between;padding:.52rem .75rem;font-size:.79rem;min-height:40px}.popover-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 35px)}.popover-menu{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;min-width:100%;max-height:65vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;padding:1rem 1.15rem 1.5rem;box-shadow:0 -12px 48px #000000b3;transform:translateY(100%);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;z-index:1000}.popover-menu.open{transform:translateY(0)}.popover-options-list{max-height:48vh;padding-bottom:.5rem}.popover-option{padding:.65rem .75rem;font-size:.88rem;min-height:44px}.popover-toggle-item{padding:.75rem .85rem;min-height:48px}.filter-sublabel{font-size:.75rem;margin-bottom:.35rem}.chip-group{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip{padding:.42rem .78rem;font-size:.78rem;min-height:38px;border-radius:var(--radius-full)}.toggle-switch-wrapper{font-size:.86rem}.action-bar-deck{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem;padding-top:1.25rem}.filter-summary-row{flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:.8rem}.active-filter-indicator{font-size:.8rem}.btn-reset-filters{padding:.25rem .55rem;font-size:.78rem}.action-buttons-group{display:flex;flex-direction:column;gap:.65rem;width:100%}.action-buttons-group .btn-primary,.action-buttons-group .btn-secondary,.action-bar .btn-primary,.action-bar .btn-secondary{width:100%;justify-content:center;padding:.9rem;font-size:.98rem;min-height:48px;border-radius:var(--radius-full)}.layout-switcher-bar{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.results-count-title{font-size:1.12rem;justify-content:center;text-align:center}.layout-switcher-group{display:flex;width:100%;background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-full);padding:.25rem;gap:.25rem}.layout-switch-btn{flex:1;display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:.5rem .25rem;font-size:.78rem;white-space:nowrap}.results-grid{grid-template-columns:1fr!important;gap:1.25rem;margin-bottom:2.5rem}.name-card{padding:1.35rem 1.15rem;border-radius:var(--radius-md)}.name-card-top{margin-bottom:.65rem}.hanko-stamp{width:42px;height:42px;font-size:1rem}.name-kanji-display{font-size:clamp(2.4rem,10vw,2.9rem);text-shadow:0 0 20px rgba(255,117,143,.3)}.name-romaji-display{font-size:1.25rem;margin-top:.2rem}.name-meaning-box{margin:.75rem 0 0;padding:.75rem;border-radius:var(--radius-sm)}.name-meaning-text{font-size:.9rem;line-height:1.5}.name-cultural-note{font-size:.78rem;margin-top:.4rem}.name-kanji-breakdown{gap:.4rem}.kanji-char-item{padding:.4rem .6rem}.kanji-char-badge{font-size:1.2rem}.kanji-char-meta span{font-size:.72rem}.name-card-actions{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);gap:.35rem}.card-action-group,.card-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;max-width:220px;width:100%;margin:0 auto;justify-items:center;align-items:center}.name-card-actions .btn-icon{width:38px;height:38px;min-width:38px;padding:0;font-size:.95rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.results-grid.mode-showcase .name-card{padding:1.75rem 1.15rem;text-align:center}.results-grid.mode-showcase .name-kanji-display{font-size:3.2rem;margin:.85rem 0}.results-grid.mode-compact .name-card{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem 1.15rem}.results-grid.mode-compact .name-card-main{display:flex;justify-content:space-between;align-items:baseline;width:100%}.results-grid.mode-compact .name-meaning-box{width:100%;text-align:left}.results-grid.mode-compact .name-card-actions{width:100%;justify-content:space-between;margin-top:.4rem;padding-top:.65rem}.fortune-studio-container{padding:1.25rem 1rem!important;margin-bottom:2rem!important;border-radius:var(--radius-md)}.fortune-mode-toggle{display:flex!important;gap:.45rem!important;width:100%!important;max-width:420px!important;margin:0 auto .75rem!important;justify-content:center!important}.fortune-mode-pill{flex:1!important;padding:.45rem .5rem!important;font-size:.78rem!important;white-space:nowrap!important;text-align:center!important}.fortune-presets{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.45rem;gap:.4rem;width:100%;-webkit-overflow-scrolling:touch}.fortune-presets::-webkit-scrollbar{height:3px}.fortune-presets::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:3px}.fortune-preset-chip{white-space:nowrap;flex-shrink:0;font-size:.8rem;padding:.35rem .75rem}.fortune-search-box{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.fortune-search-input{width:100%;font-size:1rem;padding:.75rem 1.15rem}.fortune-search-box .btn-primary{width:100%;justify-content:center;padding:.85rem}.fortune-hero-card{padding:1.5rem 1rem;margin-bottom:1.5rem;border-radius:var(--radius-md)}.fortune-five-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}.fortune-pillar-card{padding:1.1rem;border-radius:var(--radius-sm)}.transliteration-container{padding:1.25rem 1rem!important;margin-bottom:2rem!important;border-radius:var(--radius-md)}.trans-input-box{flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.trans-input{width:100%;font-size:1rem;padding:.75rem 1.15rem}.trans-presets{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.45rem;gap:.4rem;width:100%;-webkit-overflow-scrolling:touch}.trans-presets .preset-chip{white-space:nowrap;flex-shrink:0;font-size:.8rem}.trans-katakana-banner{padding:1.15rem .75rem;margin-bottom:1.25rem}.katakana-banner-text{font-size:clamp(2.2rem,8vw,2.8rem)}.trans-result-board{padding:1.25rem 1rem}.western-filter-controls{flex-direction:column;align-items:stretch;gap:.75rem}.western-gender-pills{width:100%;display:flex;justify-content:space-between;gap:.35rem}.western-pill{flex:1;justify-content:center;padding:.45rem .35rem;font-size:.74rem;white-space:nowrap;text-align:center}.western-search-wrapper{width:100%;min-width:100%}.western-az-strip{padding-bottom:.5rem;gap:.3rem}.az-chip{min-width:30px;height:30px;font-size:.76rem}.western-cards-grid{grid-template-columns:1fr!important;gap:1rem}.western-card{padding:1.15rem 1rem}.calligraphy-format-switch{flex-direction:column;gap:.45rem}.calligraphy-mode-pill{width:100%;justify-content:center;padding:.55rem .85rem}.quiz-box{padding:1.35rem 1rem!important;margin-bottom:2rem!important;border-radius:var(--radius-md)}.quiz-question-title{font-size:1.25rem;margin-bottom:1rem}.quiz-options-grid{grid-template-columns:1fr;gap:.75rem}.quiz-option-card{padding:1rem}.guide-container{padding:1.35rem 1rem!important;margin-bottom:2rem!important;border-radius:var(--radius-md)}.guide-container>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:1.75rem!important}.surnames-search-panel{padding:1rem .85rem!important;margin-bottom:1.25rem!important}.surnames-search-panel .search-input-wrapper{margin-bottom:.75rem!important;width:100%!important}#surname-search-input{width:100%!important;min-width:0!important;font-size:.92rem!important;padding:.75rem 1rem .75rem 2.4rem!important;box-sizing:border-box!important}.surname-filters-track{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:.45rem!important;gap:.45rem!important;scrollbar-width:none!important}.surname-filters-track::-webkit-scrollbar{display:none!important}.surname-filter-pill{white-space:nowrap!important;flex-shrink:0!important;font-size:.78rem!important;padding:.38rem .75rem!important}.surnames-cards-grid{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:2.5rem!important;width:100%!important}.surname-card{padding:1.15rem 1rem!important;box-sizing:border-box!important}.surname-card .pair-surname-btn{width:100%!important;justify-content:center!important;padding:.65rem 1rem!important}.modal-overlay{align-items:flex-end;padding:0;z-index:1050;overflow-x:hidden}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:1.35rem 1.1rem calc(1.5rem + env(safe-area-inset-bottom));transform:translateY(100%);width:100%!important;max-width:100vw!important;box-sizing:border-box!important;margin:0!important}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-content:before{content:"";display:block;width:44px;height:5px;background:#ffffff47;border-radius:3px;margin:-.35rem auto 1.1rem}[data-theme=light] .modal-content:before{background:#00000040}.modal-close-btn{top:.85rem;right:.85rem;width:38px;height:38px;font-size:1.4rem;z-index:10}#calligraphy-modal .modal-content{max-width:100vw!important;width:100%!important;overflow-x:hidden!important;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom))!important}.calligraphy-modal-layout{display:flex!important;flex-direction:column!important;gap:1.25rem!important;width:100%!important;max-width:100%!important;align-items:center!important;overflow-x:hidden!important}.calligraphy-modal-left,.calligraphy-modal-right{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.calligraphy-modal-left .calligraphy-canvas-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}#calligraphy-canvas{width:100%!important;max-width:270px!important;height:auto!important;max-height:48vh!important;margin:0 auto!important;display:block!important;object-fit:contain!important}.calligraphy-modal-right{display:flex!important;flex-direction:column!important;gap:1rem!important;text-align:center!important}.calligraphy-modal-right #calligraphy-modal-title{font-size:1.35rem!important;text-align:center!important;margin-bottom:.35rem!important}.calligraphy-modal-right p{text-align:center!important;font-size:.86rem!important;line-height:1.45!important;margin-bottom:.85rem!important}.calligraphy-format-toggle{display:flex!important;gap:.45rem!important;width:100%!important;justify-content:center!important}.calligraphy-mode-pill{flex:1!important;justify-content:center!important;font-size:.76rem!important;padding:.5rem .35rem!important;white-space:nowrap!important;text-align:center!important;letter-spacing:-.01em}.calligraphy-settings-panel{padding:.85rem 1rem!important;width:100%!important;box-sizing:border-box!important;text-align:left!important}.calligraphy-feature-badges{justify-content:center!important}.calligraphy-modal-actions{display:flex!important;flex-direction:column!important;gap:.55rem!important;width:100%!important}.calligraphy-act-btn{width:100%!important;justify-content:center!important;padding:.75rem 1rem!important;font-size:.86rem!important;white-space:normal!important;text-align:center!important}#fortune-modal .modal-content{max-width:100vw!important;width:100%!important;overflow-x:hidden!important;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom))!important}.fortune-landscape-dashboard{display:flex!important;flex-direction:column!important;gap:1.15rem!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.fortune-dashboard-left,.fortune-dashboard-right{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.fortune-pillars-quad{grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important}.pillar-quad-card{padding:.65rem .75rem!important}.gogyo-harmony-card{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.stroke-modal-content{max-width:100vw!important;width:100%!important;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}#stroke-canvas{max-width:100%!important;height:auto!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0d0e17f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-card);z-index:1000;padding:.3rem .15rem calc(.3rem + env(safe-area-inset-bottom)) .15rem;justify-content:space-around;align-items:center;box-shadow:0 -4px 25px #00000080}[data-theme=light] .mobile-bottom-nav{background:#f8f6f0f5;box-shadow:0 -4px 20px #00000014}.mobile-nav-item{flex:1;min-width:0;padding:.25rem .1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-size:.64rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer}.mobile-nav-item .mobile-nav-icon{font-size:1.15rem;line-height:1}.mobile-nav-item.active{color:var(--accent-sakura);font-weight:700}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.12)}}@media(max-width:400px){.hero-title{font-size:1.65rem!important}.name-kanji-display{font-size:2.3rem!important}.mobile-nav-item span:not(.mobile-nav-icon){font-size:.58rem}.name-card-actions .btn-icon{width:35px;height:35px;min-width:35px;font-size:.88rem}}@media(min-width:769px)and (max-width:1100px){.nav-tab-btn{padding:.32rem .55rem;font-size:.76rem;gap:.25rem}}