.omikuji-main{max-width:720px;margin:0 auto;padding:0 1rem 3rem}.omikuji-card{padding:1.2rem}.omikuji-note{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.omikuji-status{min-height:1.4em;color:var(--text-secondary);font-size:.9rem}.omikuji-status.is-error{color:#a0321e}.omikuji-actions{text-align:center;margin:1rem 0}.omikuji-btn{max-width:320px}.omikuji-draft{text-align:center;color:#a0321e;border:1px dashed #a0321e;border-radius:6px;padding:.4rem;font-size:.85rem}.omikuji-canvas-holder{justify-content:center;display:flex}.omikuji-canvas{aspect-ratio:2/3;background:#fffdf9;width:100%;max-width:540px;height:auto;box-shadow:0 2px 12px #0000001f}.omikuji-text{margin-top:1.2rem;font-size:.95rem;line-height:1.8}.omikuji-text-rank{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.omikuji-text-summary{font-family:var(--font-display)}.omikuji-text dl{grid-template-columns:5em 1fr;gap:.2rem .8rem;display:grid}.omikuji-text dt{color:var(--gold-deep);font-weight:600}.omikuji-text dd{margin:0}.omikuji-text-note{color:var(--text-dim);font-size:.8rem}.omikuji-preview{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem;display:grid}.omikuji-preview figure{text-align:center;margin:0}.omikuji-preview figcaption{color:var(--text-secondary);word-break:break-all;margin:.4rem 0;font-size:.8rem}.omikuji-card [hidden]{display:none!important}.omikuji-period-btn{border:1px solid var(--gold-mid);background:var(--bg-card);font-family:var(--font-body);color:var(--gold-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;padding:.5rem 1rem;font-size:.82rem;transition:all .2s}.omikuji-period-btn:hover{border-color:var(--gold-deep);color:var(--text-primary)}.omikuji-period-btn.active{background:var(--gold-deep);color:#fff;border-color:var(--gold-deep)}