:root{--ink:#1a1410;--ink-soft:#3d342a;--ink-light:#6b5d4e;--vermilion:#b54939;--vermilion-dark:#8b3428;--vermilion-light:#d67560;--gold:#b8935a;--paper:#f5efe0;--paper-warm:#faf4e4;--paper-deep:#e8dfc8;--shadow-paper:#3d342a1a;--shadow-lg:0 12px 48px #1a141026;--font-body:var(--font-zen-old), "Hiragino Mincho ProN", "游明朝", "Yu Mincho", serif;--font-heading:var(--font-shippori), "Hiragino Mincho ProN", "游明朝", "Yu Mincho", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:.03em;background-image:repeating-linear-gradient(90deg,#0000 0 2px,#b8935a04 2px 3px),repeating-linear-gradient(0deg,#0000 0 2px,#b8935a03 2px 3px),radial-gradient(at 20% 10%,#b5493908,#0000 50%),radial-gradient(at 80% 90%,#b8935a0a,#0000 50%);background-attachment:fixed;min-height:100vh;font-weight:400;line-height:1.9}.wrap{max-width:680px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.8s ease-out fadeIn}.site-brand{text-align:center;padding:32px 0 16px}.site-brand-text{letter-spacing:.4em;color:var(--vermilion);padding:0 20px;font-size:13px;font-weight:600;display:inline-block}.site-brand-text:before,.site-brand-text:after{content:"❋";opacity:.6;color:var(--gold);margin:0 14px}.hero{text-align:center;padding:32px 0 60px}.hero-illustration{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 32px;display:flex;position:relative}.hero-illustration:before{content:"";border:1px solid var(--vermilion);opacity:.3;border-radius:50%;position:absolute;inset:0}.hero-illustration:after{content:"";border:1px dashed var(--gold);opacity:.4;border-radius:50%;animation:4s ease-in-out infinite slowPulse;position:absolute;inset:-12px}.hero-kanji{font-family:var(--font-heading);color:var(--vermilion);text-shadow:2px 2px #b549391a;font-size:72px;font-weight:700}h1.hero-title{font-family:var(--font-heading);letter-spacing:.08em;color:var(--ink);margin-bottom:24px;font-size:30px;font-weight:600;line-height:1.6}h1.hero-title .em{color:var(--vermilion);font-weight:700}.hero-sub{color:var(--ink-soft);letter-spacing:.05em;margin-bottom:48px;font-size:15px;line-height:2.1}.btn{background:linear-gradient(180deg, var(--vermilion) 0%, var(--vermilion-dark) 100%);color:var(--paper-warm);font-size:16px;font-family:var(--font-heading);letter-spacing:.2em;cursor:pointer;border:none;border-radius:2px;padding:18px 52px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 4px 16px #8b34284d}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b342866}.btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5)}.btn-sm{padding:12px 32px;font-size:14px}.btn-outline{background:var(--paper-warm);color:var(--vermilion);border:1px solid var(--vermilion);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--vermilion);color:var(--paper-warm)}.small-note{color:var(--ink-light);letter-spacing:.15em;margin-top:20px;font-size:12px}.about{text-align:center;border-top:1px solid #b5493926;padding:48px 24px}.about h2{color:var(--ink);letter-spacing:.08em;margin-bottom:28px;font-size:20px;font-weight:500;line-height:2}.about h2 .em{color:var(--vermilion)}.about p{color:var(--ink-soft);letter-spacing:.05em;max-width:500px;margin:0 auto 16px;font-size:14px;line-height:2.2}.input-section{text-align:center;padding:32px 0}.progress{color:var(--vermilion);letter-spacing:.5em;margin-bottom:20px;font-size:13px;font-weight:600}.question{letter-spacing:.05em;margin-bottom:40px;font-size:22px;font-weight:500;line-height:1.8}.options{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}@media (max-width:480px){.options{grid-template-columns:1fr}}.option{background:var(--paper-warm);cursor:pointer;font-family:var(--font-body);box-shadow:0 2px 8px var(--shadow-paper);text-align:center;color:var(--ink);letter-spacing:.05em;border:1px solid #b5493933;border-radius:2px;padding:20px;font-size:15px;transition:all .2s}.option:hover{border-color:var(--vermilion);transform:translateY(-1px);box-shadow:0 4px 12px #8b342826}.option.selected{border-color:var(--vermilion);background:linear-gradient(135deg,#b5493914,#b8935a14);border-width:2px;padding:19px}.option-icon{margin-bottom:6px;font-size:24px;display:block}.options-compact{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.options-compact .option{padding:14px 8px;font-size:13px}@media (max-width:480px){.options-compact{grid-template-columns:repeat(2,1fr)}}.nav-buttons{justify-content:center;gap:12px;margin-top:40px;display:flex}.back-btn{color:var(--ink-light);border:1px solid var(--ink-light);font-family:var(--font-body);cursor:pointer;letter-spacing:.15em;background:0 0;border-radius:2px;padding:12px 24px;font-size:14px}.back-btn:hover{color:var(--vermilion);border-color:var(--vermilion)}.loading{text-align:center;padding:80px 0}.loading-kanji{font-family:var(--font-heading);color:var(--vermilion);opacity:.3;margin-bottom:32px;font-size:72px;font-weight:700;animation:2s ease-in-out infinite slowPulse}.loading-spinner{border:2px solid #b5493926;border-top-color:var(--vermilion);border-radius:50%;width:64px;height:64px;margin:0 auto 28px;animation:1.5s linear infinite spin}.loading-text{color:var(--ink-soft);letter-spacing:.1em;min-height:28px;font-size:15px}.result-wrap{padding:12px 0 48px}.result-header{text-align:center;margin-bottom:20px}.result-date{color:var(--ink-light);letter-spacing:.3em;font-size:13px}.result-title{letter-spacing:.2em;color:var(--vermilion);margin-top:8px;font-size:17px;font-weight:500}.omikuji-card{background:var(--paper-warm);box-shadow:var(--shadow-lg), inset 0 0 30px #b8935a14;background-image:repeating-linear-gradient(90deg,#0000 0 3px,#b8935a08 3px 4px),radial-gradient(at 30% 20%,#b549390a,#0000 60%),radial-gradient(at 70% 80%,#b8935a0d,#0000 60%);border:1px solid #b5493933;border-radius:2px;margin-bottom:24px;padding:36px 28px;position:relative}.omikuji-card:before{content:"";pointer-events:none;border:1px solid #b5493940;border-radius:1px;position:absolute;inset:10px}.omikuji-header{text-align:center;border-bottom:2px double #b549394d;margin-bottom:20px;padding-bottom:18px}.omikuji-number{color:var(--ink-soft);letter-spacing:.3em;margin-bottom:12px;font-size:14px;display:inline-block}.omikuji-number .num{color:var(--vermilion);margin:0 4px;font-size:20px;font-weight:700}.luck-rank{font-family:var(--font-heading);color:var(--vermilion);letter-spacing:.4em;text-shadow:1px 1px #b5493933,-1px -1px #b549391a;margin:12px 0 16px;padding-left:.4em;font-size:56px;font-weight:700;line-height:1.2}.kami-block{background:#faf4e480;border:1px solid #b549394d;border-radius:2px;padding:12px 32px;display:inline-block}.kami-label{color:var(--ink-light);letter-spacing:.4em;margin-bottom:4px;font-size:11px}.kami-name{font-family:var(--font-heading);color:var(--ink);letter-spacing:.15em;font-size:19px;font-weight:600;line-height:1.4}.kami-role{color:var(--ink-light);letter-spacing:.15em;margin-top:4px;font-size:12px}.waka-block{text-align:center;margin:24px 0;padding:20px 12px;position:relative}.waka-label{color:var(--vermilion);letter-spacing:.5em;margin-bottom:20px;padding-left:.5em;font-size:11px;font-weight:600}.waka-label:before,.waka-label:after{content:"─";color:var(--gold);opacity:.6;margin:0 12px}.waka-text{font-family:var(--font-heading);color:var(--ink);letter-spacing:.15em;text-shadow:.5px .5px #1a14100d;margin-bottom:14px;font-size:22px;font-weight:500;line-height:2.2}.waka-reading{color:var(--ink-light);letter-spacing:.2em;font-size:13px;line-height:1.8}.waka-modern{color:var(--ink-soft);letter-spacing:.04em;text-align:left;background:#faf4e499;border-left:2px solid #b549394d;border-radius:2px;margin-top:20px;padding:14px 20px;font-size:14px;line-height:1.9}.modern-label{color:var(--vermilion);letter-spacing:.3em;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.kun-block{border-left:3px solid var(--vermilion);background:#f5efe080;border-radius:0 2px 2px 0;margin:24px 0;padding:22px 20px}.kun-label{color:var(--vermilion);letter-spacing:.5em;margin-bottom:14px;padding-left:.5em;font-size:11px;font-weight:600}.kun-text{color:var(--ink);letter-spacing:.06em;text-align:justify;white-space:pre-wrap;font-size:15px;line-height:2.1}.kun-modern-block{border-top:1px dashed #b5493933;margin-top:20px;padding-top:18px}.kun-modern{color:var(--ink-soft);letter-spacing:.04em;text-align:justify;font-size:14px;line-height:1.9}.fortune-block{margin:32px 0}.fortune-block-label{color:var(--vermilion);letter-spacing:.5em;text-align:center;margin-bottom:16px;padding-left:.5em;font-size:11px;font-weight:600}.fortune-grid{background:#e8dfc84d;border-radius:2px;grid-template-columns:auto 1fr;gap:10px 20px;padding:20px 16px;display:grid}.fortune-item-label{color:var(--vermilion-dark);letter-spacing:.2em;white-space:nowrap;padding-top:2px;font-size:13px;font-weight:600}.fortune-item-value{border-bottom:1px dotted #b5493933;padding-bottom:10px}.fortune-item-value:last-of-type{border-bottom:none;padding-bottom:0}.fortune-classical{color:var(--ink);letter-spacing:.04em;margin-bottom:3px;font-size:14px;line-height:1.7}.fortune-modern{color:var(--ink-light);letter-spacing:.02em;padding-left:.5em;font-size:12px;line-height:1.7;position:relative}.fortune-modern:before{content:"→ ";color:var(--vermilion);opacity:.6;margin-right:2px}.news-whisper{text-align:center;color:var(--ink-light);letter-spacing:.1em;border-top:1px dashed #b5493940;margin-top:36px;padding-top:24px;font-size:12px;line-height:1.9}.news-whisper .label{color:var(--vermilion);letter-spacing:.3em;margin-bottom:6px;font-weight:600;display:block}.news-link{color:var(--vermilion-dark);border-bottom:1px dotted var(--vermilion-dark);padding-bottom:1px;text-decoration:none;transition:all .2s}.news-link:hover{color:var(--vermilion);border-bottom-color:var(--vermilion)}.news-source{color:var(--ink-light);letter-spacing:.15em;opacity:.8;margin-top:8px;font-size:11px}.share-block{text-align:center;border-top:1px solid #b5493926;margin-top:24px;padding:28px 0}.share-label{color:var(--ink-light);letter-spacing:.4em;margin-bottom:18px;font-size:11px}.save-image-btn{min-width:260px;margin-bottom:10px}.save-image-note{color:var(--ink-light);letter-spacing:.1em;margin-bottom:22px;font-size:11px}.share-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-btn{background:var(--paper-warm);cursor:pointer;font-family:var(--font-body);color:var(--ink);letter-spacing:.1em;border:1px solid #b5493940;border-radius:2px;padding:10px 20px;font-size:13px;transition:all .2s}.share-btn:hover{background:var(--vermilion);color:var(--paper-warm);border-color:var(--vermilion)}.again-block{text-align:center;padding:40px 0}.again-block h3{color:var(--ink);letter-spacing:.1em;margin-bottom:14px;font-size:18px;font-weight:500}.again-block p{color:var(--ink-soft);letter-spacing:.05em;margin-bottom:24px;font-size:14px;line-height:2}.footer-about{color:var(--ink-soft);text-align:center;letter-spacing:.05em;background:#faf4e480;border:1px solid #b549391a;border-radius:2px;margin-top:32px;padding:28px 20px;font-size:13px;line-height:2}.footer-about a{color:var(--vermilion);border-bottom:1px dotted var(--vermilion);text-decoration:none}.footer-about a:hover{color:var(--vermilion-dark)}footer.page-footer{color:var(--ink-light);text-align:center;letter-spacing:.1em;border-top:1px solid #b5493926;margin-top:40px;padding:40px 0 32px;font-size:12px;line-height:1.9}.legal{opacity:.7;letter-spacing:.05em;margin-top:16px;font-size:11px}.error-box{border-left:3px solid var(--vermilion);color:var(--vermilion-dark);text-align:center;letter-spacing:.05em;background:#b5493914;border-radius:2px;margin:20px 0;padding:20px;font-size:14px;line-height:1.8}@media (max-width:480px){h1.hero-title{font-size:24px}.luck-rank{font-size:44px}.hero-kanji{font-size:60px}.hero-illustration{width:120px;height:120px}.omikuji-card{padding:36px 22px}.waka-text{font-size:19px;line-height:2.1}.kun-text{font-size:14px}.fortune-grid{gap:8px 14px;padding:16px 12px}.fortune-item-label{font-size:12px}.fortune-item-value{font-size:13px}}.fortune-collapse,.footer-about-collapse{border-top:1px dashed #b5493933;margin:16px 0 0;padding-top:18px}.fortune-collapse-summary,.footer-about-summary{cursor:pointer;text-align:center;color:var(--vermilion-dark);letter-spacing:.15em;-webkit-user-select:none;user-select:none;background:#faf4e499;border:1px solid #b5493940;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;list-style:none;transition:all .2s;display:flex}.fortune-collapse-summary:hover,.footer-about-summary:hover{background:var(--vermilion);color:var(--paper-warm)}.fortune-collapse-summary::-webkit-details-marker{display:none}.footer-about-summary::-webkit-details-marker{display:none}.fortune-collapse-label{letter-spacing:.2em}.fortune-collapse-arrow{opacity:.7;font-size:12px;transition:transform .25s;display:inline-block}.fortune-collapse[open] .fortune-collapse-arrow{transform:rotate(180deg)}.fortune-collapse[open] .fortune-block{margin-top:20px}.footer-about-collapse[open] .footer-about{margin-top:12px}.footer-about-collapse .footer-about{margin-top:0}a:focus-visible,button:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.share-screen-overlay{z-index:9999;background:#1a1410d9;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out overlayFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.share-screen-frame{width:100%;max-width:420px;margin:auto;position:relative}.share-screen-close{background:var(--paper-warm);width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:2;font-size:22px;font-weight:400;line-height:1;font-family:var(--font-body);border:1px solid #b5493959;border-radius:50%;justify-content:center;align-items:center;padding-bottom:2px;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 8px #0000004d}.share-screen-close:hover{background:var(--vermilion);color:var(--paper-warm)}.share-screen-hint{text-align:center;color:var(--paper-warm);letter-spacing:.1em;opacity:.9;margin-top:16px;font-size:13px;line-height:1.7}.share-card{background:var(--paper-warm);font-family:var(--font-body);color:var(--ink);background-image:repeating-linear-gradient(90deg,#0000 0 3px,#b8935a0a 3px 4px),radial-gradient(at 25% 15%,#b549390d,#0000 55%),radial-gradient(at 75% 85%,#b8935a12,#0000 55%);border-radius:4px;padding:20px 18px;position:relative;box-shadow:0 12px 48px #0006}.share-card-brand{text-align:center;padding-bottom:12px}.share-card-brand-text{font-family:var(--font-heading);letter-spacing:.45em;color:var(--vermilion);padding-left:.45em;font-size:13px;font-weight:600}.share-card-date{letter-spacing:.25em;color:var(--ink-light);margin-top:6px;font-size:11px}.share-card-body{border:2px solid var(--vermilion);border-radius:3px;padding:8px}.share-card-inner{border:1px solid #b5493973;border-radius:2px;flex-direction:column;gap:14px;padding:18px 16px;display:flex}.share-card-number{text-align:center;color:var(--ink-soft);letter-spacing:.25em;padding-left:.25em;font-size:13px}.share-card-num-digit{font-family:var(--font-heading);color:var(--vermilion);margin:0 5px;font-size:18px;font-weight:700}.share-card-rank{font-family:var(--font-heading);color:var(--vermilion);text-align:center;letter-spacing:.3em;text-shadow:2px 2px #b5493926,-1px -1px #b549391a;padding:4px 0 4px .3em;font-size:68px;font-weight:700;line-height:1}.share-card-kami{text-align:center;background:#faf4e480;border:1px solid #b5493959;border-radius:2px;padding:10px 12px}.share-card-kami-label{color:var(--ink-light);letter-spacing:.4em;margin-bottom:3px;padding-left:.4em;font-size:10px}.share-card-kami-name{font-family:var(--font-heading);color:var(--ink);letter-spacing:.12em;margin-bottom:2px;font-size:18px;font-weight:600;line-height:1.3}.share-card-kami-role{color:var(--ink-light);letter-spacing:.1em;font-size:11px}.share-card-divider{border-top:2px double #b5493966;height:0;margin:2px 8px}.share-card-section-label{color:var(--vermilion);letter-spacing:.45em;text-align:center;margin-bottom:8px;padding-left:.45em;font-size:10px;font-weight:600}.share-card-modern-label{color:var(--vermilion);letter-spacing:.3em;text-align:center;margin-bottom:4px;padding-left:.3em;font-size:9px;font-weight:600}.share-card-waka{text-align:center}.share-card-waka-text{font-family:var(--font-heading);color:var(--ink);letter-spacing:.13em;text-shadow:.5px .5px #1a14100f;word-break:keep-all;overflow-wrap:break-word;padding:2px 0;font-size:20px;font-weight:500;line-height:1.9}.share-card-waka-reading{color:var(--ink-light);letter-spacing:.15em;margin-top:6px;font-size:11px;line-height:1.6}.share-card-waka-modern{border-left:2px solid var(--vermilion);color:var(--ink-soft);letter-spacing:.03em;text-align:left;background:#faf4e4b3;border-radius:0 2px 2px 0;padding:10px 12px;font-size:12px;line-height:1.7}.share-card-kun-modern{text-align:center}.share-card-kun-text{color:var(--ink);letter-spacing:.04em;text-align:justify;padding:0 4px;font-size:12px;line-height:1.75}.share-card-footer{text-align:center;margin-top:8px;padding-top:14px}.share-card-news{color:var(--ink-light);letter-spacing:.08em;margin-bottom:10px;font-size:10px;line-height:1.6}.share-card-news-label{color:var(--vermilion);letter-spacing:.25em;margin-right:8px;padding-left:.25em;font-weight:600}.share-card-url{font-family:var(--font-heading);color:var(--vermilion);letter-spacing:.2em;margin-bottom:3px;padding-left:.2em;font-size:14px;font-weight:600}.share-card-by{color:var(--ink-light);letter-spacing:.12em;font-size:10px}@media (max-width:380px){.share-card{padding:14px 12px}.share-card-inner{gap:10px;padding:14px 12px}.share-card-rank{font-size:56px}.share-card-waka-text{font-size:17px;line-height:1.8}.share-card-kami-name{font-size:16px}}