.home{height:100vh;min-height:0;overflow:hidden;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top) + 132px) 20px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(ellipse at bottom,color-mix(in srgb,var(--gold) 10%,transparent),transparent 60%)}.home-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;text-align:center}.hero{position:relative;width:100%;height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.hero:before{content:"";position:absolute;width:340px;height:340px;top:calc(50% + 15px);left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 0%,color-mix(in srgb,var(--accent) 18%,transparent) 35%,transparent 70%);filter:blur(20px);pointer-events:none;z-index:0;animation:hero-aura-pulse 6s ease-in-out infinite}@keyframes hero-aura-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}}.hero-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold),0 0 14px color-mix(in srgb,var(--gold) 60%,transparent);opacity:0;pointer-events:none;z-index:1;animation:hero-sparkle-twinkle 4s ease-in-out infinite}@keyframes hero-sparkle-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.hero-fan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.hero-fan-card{position:absolute;width:66px;height:106px;border-radius:6px;transform-origin:50% calc(100% + 170px);background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft));border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 14px #0006;opacity:0;animation:hero-fan-in .9s cubic-bezier(.22,1,.36,1) forwards,hero-fan-float 6s ease-in-out infinite}.hero-fan-card.no-anim{opacity:.55;animation:hero-fan-float 6s ease-in-out infinite}@keyframes hero-fan-in{0%{opacity:0;transform:rotate(0) translateY(-40px)}to{opacity:.55}}@keyframes hero-fan-float{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-icon-wrap{position:relative;z-index:3;width:168px;height:168px;margin-top:14px;border-radius:30px;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 60px color-mix(in srgb,var(--accent) 40%,transparent);animation:icon-glow 4s ease-in-out infinite,hero-icon-float 5s ease-in-out infinite}@keyframes hero-icon-float{0%,to{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(8px) rotate(1deg)}}.hero-icon{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;border-radius:inherit;outline:none!important;border:0;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:transform .2s,filter .2s}.hero-icon:focus,.hero-icon:focus-visible,.hero-icon:active{outline:none!important;box-shadow:none!important}.hero-icon-wrap:focus-within{outline:none!important}.hero-icon:hover{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 50%,transparent))}.hero-icon:active{filter:brightness(.92)}.hero-icon-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent);mix-blend-mode:color;opacity:.55;pointer-events:none}[data-theme=tarolab] .hero-icon-wrap:after{opacity:0}@keyframes icon-glow{0%,to{box-shadow:0 12px 40px #00000080,0 0 60px color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 12px 40px #00000080,0 0 90px color-mix(in srgb,var(--gold) 50%,transparent)}}.home-tagline{color:var(--text-muted);font-size:14px;margin-bottom:12px;letter-spacing:.03em}.home-tagline.shifted-down{margin-top:28px;margin-bottom:26px}.daily-card-section{width:100%;max-width:320px;margin-bottom:20px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.daily-card-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left}.daily-card-title{font-size:12px;font-weight:600;color:var(--gold);white-space:nowrap}.daily-card-name{flex:1;font-size:14px;font-weight:500}.daily-card-arrow{font-size:10px;color:var(--text-muted)}.daily-card-body{padding:0 14px 14px;display:flex;gap:12px;align-items:flex-start}.daily-card-img{width:72px;height:auto;border-radius:6px;border:1px solid var(--border);flex-shrink:0;box-shadow:var(--shadow)}.daily-card-text{flex:1;min-width:0}.daily-card-summary{font-size:13px;line-height:1.6;margin-bottom:8px}.daily-card-positive{font-size:12px;line-height:1.6;color:var(--text-muted)}.daily-card-positive strong{color:var(--accent);display:block;margin-bottom:2px}.daily-card-positive p{margin:0}.daily-card-kw{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.daily-kw{padding:2px 8px;border-radius:10px;font-size:11px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent)}.home-actions{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.home-actions.entering .home-btn{opacity:0;transform:translateY(16px);animation:home-btn-enter .48s cubic-bezier(.22,1,.36,1) forwards}.home-actions.entering .home-btn:nth-child(1){animation-delay:80ms}.home-actions.entering .home-btn:nth-child(2){animation-delay:.17s}.home-actions.entering .home-btn:nth-child(3){animation-delay:.26s}.home-actions.entering .home-btn:nth-child(4){animation-delay:.35s}.home-actions.entering .home-btn:nth-child(5){animation-delay:.44s}@keyframes home-btn-enter{to{opacity:1;transform:translateY(0)}}.home-btn{width:100%;max-width:280px;justify-content:center;gap:8px;padding:12px 20px;font-size:15px}.home-btn svg{flex-shrink:0}.home-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent);font-weight:600}.home-btn-admin{margin-top:12px;border-style:dashed!important;opacity:.7;font-size:13px}.home-btn-admin:hover{opacity:1}@media (max-width: 480px){.hero{height:220px;margin-bottom:22px}.hero-icon-wrap{width:136px;height:136px;margin-top:10px;border-radius:26px}.hero:before{width:280px;height:280px}.hero-fan-card{width:54px;height:86px;transform-origin:50% calc(100% + 130px)}.home-tagline{margin-bottom:12px}.home-tagline.shifted-down{margin-top:24px;margin-bottom:22px}.home-lunar{margin-bottom:10px;padding:4px 12px;font-size:11.5px}}@media (min-width: 768px){.hero{margin-bottom:4px}.home-tagline{margin-bottom:16px}.daily-card-section{margin-bottom:12px}.hero-icon-wrap{width:143px;height:143px;border-radius:26px}}.home-lunar{display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;padding:5px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));color:color-mix(in srgb,var(--gold) 70%,var(--text));font-size:12px;letter-spacing:.04em;align-self:center}.home-lunar .lunar-glyph{flex-shrink:0;display:block;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 35%,transparent))}.home-lunar.is-today{border-color:color-mix(in srgb,var(--gold) 60%,var(--border));color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface));box-shadow:0 0 14px color-mix(in srgb,var(--gold) 22%,transparent)}.home-lunar.is-today .lunar-glyph{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 70%,transparent))}.home-widget-row{display:flex;justify-content:center;align-items:stretch;gap:8px;width:100%;margin:0 auto 14px;padding:0 8px;box-sizing:border-box}.home-widget-row.is-split{position:relative;width:226px;max-width:226px;height:30px;padding:0;gap:0;display:block}.home-widget-row.is-split .home-widget{position:absolute;top:0;bottom:0}.home-widget-row.is-split .home-widget-lunar{left:0}.home-widget-row.is-split .home-widget-meditation{right:0}.home-widget-row.is-split .home-widget.is-compact{width:38px;max-width:38px}.home-widget-row.is-split .home-widget.is-expanded{width:180px;max-width:180px}.home-widget{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));color:color-mix(in srgb,var(--gold) 70%,var(--text));font-size:12px;letter-spacing:.04em;font-family:inherit;cursor:pointer;transition:width .45s cubic-bezier(.65,0,.35,1),flex-basis .45s cubic-bezier(.65,0,.35,1),max-width .45s cubic-bezier(.65,0,.35,1),padding .35s cubic-bezier(.65,0,.35,1),background .25s ease,border-color .25s ease;overflow:hidden;white-space:nowrap;min-height:28px;box-sizing:border-box}.home-widget:hover{border-color:color-mix(in srgb,var(--gold) 60%,var(--border))}.home-widget .widget-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 35%,transparent))}.home-widget.is-expanded{flex:0 1 auto;max-width:100%;padding-left:14px;padding-right:14px}.widget-text{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;width:130px}.home-widget.is-expanded .widget-text{opacity:1;max-width:130px;margin-left:0;transition:opacity .3s ease .1s,max-width .45s cubic-bezier(.65,0,.35,1) .05s}.home-widget.is-compact{flex:0 0 38px;max-width:38px;padding-left:10px;padding-right:10px}.home-widget.is-compact .widget-text{opacity:0;max-width:0;margin-left:0;pointer-events:none;transition:opacity .18s ease,max-width .45s cubic-bezier(.65,0,.35,1)}.home-widget.is-compact:hover{background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.widget-text-marquee{position:relative}.widget-marquee-track{display:flex;width:100%;align-items:center;justify-content:center;white-space:nowrap}.widget-marquee-track.is-animated{justify-content:flex-start;width:auto;animation:widgetMarquee var(--marquee-duration, 14s) linear infinite;will-change:transform}.widget-marquee-copy{display:inline-flex;align-items:center;flex-shrink:0}.widget-marquee-track.is-animated .widget-marquee-copy{padding-right:28px}.widget-marquee-item{display:inline-flex;align-items:center;gap:4px;margin:0 .4em;vertical-align:middle}.widget-marquee-item svg{flex-shrink:0;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--gold) 35%,transparent))}.widget-marquee-sep{margin:0 .2em;color:color-mix(in srgb,var(--gold) 50%,var(--text-muted));vertical-align:middle}@keyframes widgetMarquee{0%{transform:translate(0)}to{transform:translate(var(--marquee-shift, -200px))}}.home-widget.is-compact .widget-marquee-track.is-animated{animation-play-state:paused}.locale-gate{overflow:hidden;overscroll-behavior:none;touch-action:pan-x}.locale-gate[data-phase=exiting]{pointer-events:none}.locale-stack{display:flex;flex-direction:column;align-items:center;width:100%;gap:14px;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.locale-stack[data-step-vis=out]{opacity:0;transform:translateY(8px);pointer-events:none}.locale-headline{text-align:center;color:var(--text-muted);font-size:13px;line-height:1.7;letter-spacing:.02em;margin:4px 0 14px}.locale-actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.locale-btn{position:relative;width:100%;max-width:280px;padding:14px 20px;font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .08s ease,border-color .2s,background .2s,box-shadow .2s}.locale-btn:hover{border-color:var(--accent)}.locale-btn:active{transform:scale(.98)}.locale-btn.recommended{background:linear-gradient(135deg,var(--accent),var(--accent-soft));border-color:transparent;color:var(--text);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.locale-btn .locale-rec-badge{position:absolute;top:8px;right:12px;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;background:#00000059;color:var(--gold);letter-spacing:.05em}.locale-name-hint{text-align:center;color:var(--text-muted);font-size:12px;line-height:1.55;margin:-6px 0 6px;max-width:320px;white-space:pre-line}.locale-name-input{width:100%;max-width:280px;padding:12px 14px;font-size:15px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);text-align:center;font-family:inherit}.locale-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.locale-btn-skip{background:transparent!important;color:var(--text-muted)!important;font-weight:500!important}.locale-btn-skip:hover{color:var(--text)!important}.hero-card-wrap{position:relative;z-index:3;width:132px;height:215px;margin-top:28px;border-radius:12px;background-color:var(--bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080,0 0 60px color-mix(in srgb,var(--accent) 40%,transparent);animation:icon-glow 4s ease-in-out infinite,hero-icon-float 5s ease-in-out infinite;overflow:hidden}.hero-card-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.locale-headline.locale-mystic{font-size:17px;font-weight:600;color:var(--text);line-height:1.55;letter-spacing:.03em;max-width:420px}.locale-onboarding-section{width:100%;max-width:360px;margin:4px 0}.locale-onboarding-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;text-align:center}.locale-onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.locale-theme-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,transform .08s ease}.locale-theme-btn:active{transform:scale(.97)}.locale-theme-btn.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 0 16px color-mix(in srgb,var(--gold) 25%,transparent)}.locale-theme-swatches{display:flex;gap:3px}.locale-theme-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.locale-theme-name{font-size:11px;color:var(--text);font-weight:500;text-align:center;line-height:1.2}.locale-cardback-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,transform .08s ease}.locale-cardback-btn:active{transform:scale(.97)}.locale-cardback-btn.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 0 16px color-mix(in srgb,var(--gold) 25%,transparent)}.locale-cardback-img{width:38px;height:60px;border-radius:4px;background-color:var(--bg);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1)}.locale-final-body{font-size:14px;line-height:1.7;color:var(--text);text-align:center;max-width:420px;margin:-2px 0 8px;white-space:pre-line}.locale-gate[data-step=theme]{padding-top:clamp(20px,3vh,50px);padding-bottom:clamp(20px,3vh,50px);align-items:stretch}.locale-gate[data-step=theme] .home-inner{flex:1 1 auto;justify-content:space-around}.locale-gate[data-step=theme] .hero{height:200px;margin-bottom:4px}.locale-gate[data-step=theme] .hero-card-wrap{width:108px;height:176px;margin-top:12px;top:22px}.locale-gate[data-step=theme] .locale-stack{gap:8px}.locale-gate[data-step=theme] .locale-headline.locale-mystic{font-size:15px;line-height:1.4;margin:0}.locale-gate[data-step=theme] .locale-name-hint{font-size:11.5px;line-height:1.4;margin:-2px 0 2px}.locale-gate[data-step=theme] .locale-onboarding-section{margin:0}.locale-gate[data-step=theme] .locale-onboarding-label{margin-bottom:6px}.locale-gate[data-step=theme] .locale-cardback-img{width:32px;height:52px}.locale-gate[data-step=theme] .locale-btn{padding:11px 20px}.locale-name-input.warn{border-color:var(--danger, #c94a5a);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger, #c94a5a) 25%,transparent)}.locale-name-warning{margin:-8px 0 12px;font-size:13px;color:var(--danger, #c94a5a);text-align:center}.locale-mode-grid{display:flex;flex-direction:column;gap:12px;margin:12px 0 18px;width:100%;max-width:360px}.locale-mode-btn{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.locale-mode-btn:hover{border-color:color-mix(in srgb,var(--gold) 35%,var(--border))}.locale-mode-btn.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 22%,transparent)}.locale-mode-name{font-size:15px;font-weight:700;color:var(--gold);letter-spacing:.02em;margin-bottom:2px}.locale-mode-tagline{font-size:13px;line-height:1.5;color:var(--text);letter-spacing:.01em}.locale-mode-desc{font-size:12px;line-height:1.5;color:var(--text-muted);letter-spacing:.01em}.notice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:noticeOverlayFade .2s ease-out}@keyframes noticeOverlayFade{0%{opacity:0}to{opacity:1}}.notice-modal{position:relative;width:100%;max-width:420px;padding:28px 24px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 6%,var(--surface)) 0%,var(--surface) 60%);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));border-radius:18px;box-shadow:0 20px 50px #0000008c,0 0 30px color-mix(in srgb,var(--gold) 18%,transparent);text-align:center;animation:noticeModalRise .32s cubic-bezier(.34,1.2,.64,1);margin-top:env(safe-area-inset-top,0);margin-bottom:env(safe-area-inset-bottom,0)}@keyframes noticeModalRise{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.notice-modal-overlay.is-high .notice-modal{border-color:color-mix(in srgb,var(--gold) 60%,var(--border));box-shadow:0 20px 50px #0000008c,0 0 40px color-mix(in srgb,var(--gold) 30%,transparent)}.notice-modal-title{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--gold);letter-spacing:.02em;line-height:1.4;text-shadow:0 0 10px color-mix(in srgb,var(--gold) 30%,transparent)}.notice-modal-body{margin:0 0 22px;font-size:13.5px;color:var(--text);line-height:1.65;white-space:pre-wrap;text-align:left;max-height:50vh;overflow-y:auto;padding:0 4px}.notice-modal-actions{display:flex;gap:8px;justify-content:center}.notice-modal-actions.has-action .notice-modal-btn{flex:1}.notice-modal-btn{padding:10px 22px;border:1px solid var(--border);border-radius:999px;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;min-width:110px}.notice-modal-btn-action{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 38%,var(--surface)),color-mix(in srgb,var(--gold) 24%,var(--surface)));border-color:color-mix(in srgb,var(--gold) 60%,var(--border));color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 18%,transparent)}.notice-modal-btn-action:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 55%,var(--surface)),color-mix(in srgb,var(--gold) 36%,var(--surface)));border-color:var(--gold);transform:translateY(-1px);box-shadow:0 0 22px color-mix(in srgb,var(--gold) 30%,transparent)}.notice-modal-btn-action:active{transform:translateY(0)}.notice-modal-btn-confirm{background:var(--bg);color:var(--text)}.notice-modal-btn-confirm:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.notice-modal-btn-confirm:active{transform:translateY(0)}.notice-modal-actions:not(.has-action) .notice-modal-btn-confirm{min-width:140px}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:ui-dialog-fade-in .2s ease-out}@keyframes ui-dialog-fade-in{0%{opacity:0}to{opacity:1}}.ui-dialog{background:var(--surface, #1a1a2e);border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:14px;padding:24px;max-width:380px;width:100%;box-shadow:0 12px 40px #00000080,0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent),0 0 60px color-mix(in srgb,var(--accent) 14%,transparent);animation:ui-dialog-pop .25s ease-out}@keyframes ui-dialog-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-dialog-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--gold);text-align:center;letter-spacing:.04em}.ui-dialog-message{text-align:center;font-size:14px;line-height:1.65;color:var(--text, #fff);white-space:pre-wrap;margin-bottom:22px;text-shadow:0 0 16px color-mix(in srgb,var(--accent) 22%,transparent)}.ui-dialog-buttons{display:flex;gap:10px;justify-content:center}.ui-dialog-buttons .tool-btn,.mystic-confirm-buttons .tool-btn{min-width:104px;min-height:38px;padding:8px 18px;font-size:14px;justify-content:center}.ui-dialog-buttons .tool-btn.primary,.mystic-confirm-buttons .tool-btn.primary{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.ui-dialog-buttons .tool-btn.primary:hover,.mystic-confirm-buttons .tool-btn.primary:hover{background:color-mix(in srgb,var(--gold) 22%,transparent)}.ui-dialog-buttons .tool-btn.danger,.mystic-confirm-buttons .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 60%,var(--border));background:color-mix(in srgb,var(--danger, #c94a5a) 12%,transparent)}.ui-dialog-buttons .tool-btn.danger:hover,.mystic-confirm-buttons .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 22%,transparent)}.ui-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:ui-dialog-fade-in .25s ease-out}.ui-success-message{background:var(--surface, #1a1a2e);border:1px solid var(--accent, #b892ff);border-radius:14px;padding:28px 36px;text-align:center;box-shadow:0 12px 40px #00000080,0 0 60px color-mix(in srgb,var(--accent) 30%,transparent);animation:ui-success-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes ui-success-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ui-success-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--accent, #b892ff);color:var(--bg, #0e0e1c);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.ui-success-message p{margin:0;font-size:15px;font-weight:500;color:var(--text, #fff)}.mystic-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:ui-dialog-fade-in .2s ease-out}.mystic-confirm-dialog{background:var(--surface, #1a1a2e);border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:14px;padding:24px;max-width:380px;width:100%;box-shadow:0 12px 40px #00000080;animation:ui-dialog-pop .25s ease-out;overflow:hidden}.mystic-confirm-stage{position:relative;width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin:4px 0 16px}.mystic-confirm-card{position:relative;width:100px;height:160px;border-radius:8px;background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft));border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px #ffffff14,0 12px 30px #0000008c,0 0 60px color-mix(in srgb,var(--accent) 45%,transparent),0 0 100px color-mix(in srgb,var(--gold) 25%,transparent);animation:mystic-confirm-card-float 5s ease-in-out infinite,mystic-confirm-card-glow 4s ease-in-out infinite}.mystic-confirm-aura{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 0%,color-mix(in srgb,var(--accent) 18%,transparent) 35%,transparent 70%);filter:blur(18px);pointer-events:none;animation:mystic-confirm-aura-pulse 6s ease-in-out infinite}.mystic-confirm-sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px var(--gold),0 0 12px color-mix(in srgb,var(--gold) 60%,transparent);opacity:0;animation:mystic-confirm-sparkle-twinkle 4s ease-in-out infinite}@keyframes mystic-confirm-card-float{0%,to{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(6px) rotate(1deg)}}@keyframes mystic-confirm-card-glow{0%,to{box-shadow:0 0 0 1px #ffffff14,0 12px 30px #0000008c,0 0 60px color-mix(in srgb,var(--accent) 45%,transparent),0 0 100px color-mix(in srgb,var(--gold) 25%,transparent)}50%{box-shadow:0 0 0 1px #ffffff24,0 12px 30px #0000008c,0 0 90px color-mix(in srgb,var(--accent) 60%,transparent),0 0 140px color-mix(in srgb,var(--gold) 40%,transparent)}}@keyframes mystic-confirm-aura-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes mystic-confirm-sparkle-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.mystic-confirm-text{margin:0 0 20px;text-align:center;font-size:15px;line-height:1.6;letter-spacing:.03em;color:var(--text, #fff);text-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent);white-space:pre-wrap}.mystic-confirm-buttons{display:flex;gap:10px;justify-content:center}@media (max-width: 480px){.mystic-confirm-stage{height:190px}.mystic-confirm-card{width:90px;height:144px}.mystic-confirm-aura{width:220px;height:220px}}.notice-dialog{max-width:380px;text-align:center;padding-top:28px}.notice-dialog-glyph{display:flex;justify-content:center;margin-bottom:14px}.notice-dialog-glyph-orb{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;animation:notice-orb-float 3.6s ease-in-out infinite}.notice-dialog-glyph-orb img{width:100%;height:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 55%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 30%,transparent));animation:notice-orb-img-glow 3.6s ease-in-out infinite}@keyframes notice-orb-img-glow{0%,to{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 55%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 30%,transparent))}50%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 75%,transparent)) drop-shadow(0 0 26px color-mix(in srgb,var(--gold) 45%,transparent))}}@keyframes notice-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes notice-orb-glow{0%,to{text-shadow:0 0 10px color-mix(in srgb,var(--gold) 75%,transparent),0 0 22px color-mix(in srgb,var(--gold) 50%,transparent),0 0 36px color-mix(in srgb,var(--gold) 28%,transparent)}50%{text-shadow:0 0 14px color-mix(in srgb,var(--gold) 95%,transparent),0 0 28px color-mix(in srgb,var(--gold) 65%,transparent),0 0 48px color-mix(in srgb,var(--gold) 40%,transparent)}}.notice-dialog-title{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--gold);letter-spacing:.02em;line-height:1.4;text-shadow:0 0 14px color-mix(in srgb,var(--gold) 35%,transparent)}.notice-dialog-ornament{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 4px}.notice-dialog-ornament-line{flex:1;height:1px}.notice-dialog-ornament-line:first-child{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 55%,transparent))}.notice-dialog-ornament-line:last-child{background:linear-gradient(to left,transparent,color-mix(in srgb,var(--gold) 55%,transparent))}.notice-dialog-ornament-star{color:var(--gold);font-size:12px;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 70%,transparent)}.notice-dialog-body{margin:0 0 16px;padding:14px 16px;font-size:13.5px;line-height:1.7;color:var(--text);text-align:left;background:color-mix(in srgb,var(--gold) 4%,transparent);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border));border-radius:10px;word-break:keep-all;letter-spacing:.01em}.notice-dialog-body-title{text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.08em;color:color-mix(in srgb,var(--danger, #e07a7a) 80%,var(--text));margin:2px 0 12px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--danger, #e07a7a) 22%,transparent)}.notice-em-warn{font-style:normal;color:var(--danger, #e07a7a);font-weight:600}.notice-dialog-para{position:relative;padding-left:16px;margin-bottom:10px}.notice-dialog-para:last-child{margin-bottom:0}.notice-dialog-para:before{content:"◆";position:absolute;left:0;top:4px;font-size:9px;color:color-mix(in srgb,var(--gold) 70%,transparent);text-shadow:0 0 6px color-mix(in srgb,var(--gold) 35%,transparent)}.notice-dialog-dont-show{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 12px;font-size:12px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;transition:color .2s,background .2s}.notice-dialog-dont-show:hover{color:var(--text);background:color-mix(in srgb,var(--gold) 6%,transparent)}.notice-dialog-dont-show input[type=checkbox]{accent-color:var(--gold);width:14px;height:14px;cursor:pointer}.notice-dialog-buttons{display:flex;justify-content:center;gap:10px}.notice-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notice-dialog-footer .notice-dialog-dont-show{margin:0;flex:0 1 auto}.notice-dialog-footer .notice-dialog-buttons{margin:0;flex:0 0 auto}.question-page{height:100vh;min-height:0;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),radial-gradient(ellipse at bottom,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%)}.question-tools{display:flex;gap:8px;align-self:flex-start;margin-bottom:8px;flex-wrap:wrap}.question-inner{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;flex:1}.question-stage{position:relative;width:100%;height:320px;display:flex;align-items:center;justify-content:center;margin:90px 0 12px}.question-card{position:relative;width:140px;height:224px;border-radius:10px;background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft));border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px #ffffff14,0 20px 50px #0000008c,0 0 80px color-mix(in srgb,var(--accent) 45%,transparent),0 0 140px color-mix(in srgb,var(--gold) 25%,transparent);animation:question-card-float 5s ease-in-out infinite,question-card-glow 4s ease-in-out infinite}.question-aura{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 0%,color-mix(in srgb,var(--accent) 18%,transparent) 35%,transparent 70%);filter:blur(20px);pointer-events:none;animation:question-aura-pulse 6s ease-in-out infinite}.question-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold),0 0 14px color-mix(in srgb,var(--gold) 60%,transparent);opacity:0;animation:question-sparkle-twinkle 4s ease-in-out infinite}@keyframes question-card-float{0%,to{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(8px) rotate(1deg)}}@keyframes question-card-glow{0%,to{box-shadow:0 0 0 1px #ffffff14,0 20px 50px #0000008c,0 0 80px color-mix(in srgb,var(--accent) 45%,transparent),0 0 140px color-mix(in srgb,var(--gold) 25%,transparent)}50%{box-shadow:0 0 0 1px #ffffff24,0 20px 50px #0000008c,0 0 120px color-mix(in srgb,var(--accent) 60%,transparent),0 0 200px color-mix(in srgb,var(--gold) 40%,transparent)}}@keyframes question-aura-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes question-sparkle-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.question-title{font-size:20px;font-weight:600;letter-spacing:.08em;color:var(--text);text-align:center;margin:0 0 10px;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent),0 0 40px color-mix(in srgb,var(--gold) 20%,transparent);animation:question-title-breathe 5s ease-in-out infinite}@keyframes question-title-breathe{0%,to{opacity:.88}50%{opacity:1}}.question-whisper{color:var(--text-muted);font-size:13px;line-height:1.7;letter-spacing:.04em;text-align:center;margin:0 0 20px;font-style:italic;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 25%,transparent)}.whisper-line{display:block}.whisper-line:before,.whisper-line:after{content:"✦";color:var(--gold);opacity:.7;margin:0 8px;font-style:normal;font-size:11px;display:inline-block;vertical-align:middle}.question-form{width:100%;display:flex;flex-direction:column;gap:12px}.question-input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);resize:vertical;font-family:inherit;font-size:14px;line-height:1.6;box-shadow:inset 0 2px 6px #0003,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);transition:box-shadow .3s ease,border-color .3s ease}.question-input:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 2px 6px #0003,0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)}.question-input::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent);font-style:italic}.question-actions{display:flex;gap:10px;margin-top:4px}.question-actions .btn{flex:1;justify-content:center;padding:13px 18px}.question-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent);font-weight:600}@media (max-width: 480px){.question-stage{height:280px;margin:70px 0 8px}.question-card{width:120px;height:192px}.question-aura{width:300px;height:300px}}@media (min-width: 768px){.question-stage{height:360px}.question-card{width:160px;height:256px}.question-aura{width:420px;height:420px}}.ai-loading-dialog{text-align:center}.ai-loading-stage{position:relative;width:100%;height:180px;display:flex;align-items:center;justify-content:center;margin:4px 0 16px;pointer-events:none}.ai-loading-aura{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 42%,transparent) 0%,color-mix(in srgb,var(--gold) 22%,transparent) 35%,transparent 70%);filter:blur(10px);animation:aiLoadingAuraPulse 3.5s ease-in-out infinite}@keyframes aiLoadingAuraPulse{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}.ai-loading-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--gold);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 65%,transparent));animation:aiLoadingFloat 4.5s ease-in-out infinite}.ai-loading-icon svg{width:72px;height:72px;animation:aiLoadingRotate 22s linear infinite;transform-origin:center}@keyframes aiLoadingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes aiLoadingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-loading-sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px color-mix(in srgb,var(--gold) 80%,transparent);opacity:0;animation:aiLoadingSparkle 3s ease-in-out infinite}@keyframes aiLoadingSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.2)}}.ai-loading-message{font-size:14px;color:var(--gold);font-weight:600;letter-spacing:.02em;margin-top:8px;text-shadow:0 0 10px color-mix(in srgb,var(--gold) 40%,transparent);animation:aiLoadingPulse 2s ease-in-out infinite}@keyframes aiLoadingPulse{0%,to{opacity:.85}50%{opacity:1}}.ai-limit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#141228eb,#000000f5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:ai-limit-overlay-in .5s ease-out}.ai-limit-dialog{position:relative;text-align:center;padding:56px 32px 32px;max-width:360px;width:calc(100% - 32px);background:linear-gradient(180deg,color-mix(in srgb,var(--gold, #d4a857) 4%,var(--bg, #0a0814)) 0%,var(--bg, #0a0814) 100%);border:1px solid color-mix(in srgb,var(--gold, #d4a857) 22%,transparent);border-radius:18px;box-shadow:0 0 30px color-mix(in srgb,var(--gold, #d4a857) 12%,transparent),0 8px 40px #00000080;overflow:hidden;animation:ai-limit-dialog-in .6s cubic-bezier(.16,1,.3,1)}.ai-limit-moon{display:inline-flex;justify-content:center;align-items:center;margin:0 auto 20px;color:var(--gold, #d4a857);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold, #d4a857) 55%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--gold, #d4a857) 28%,transparent));animation:ai-limit-moon-float 5s ease-in-out infinite}@keyframes ai-limit-moon-float{0%,to{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-10px) rotate(-10deg)}}.ai-limit-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ai-limit-star{position:absolute;color:var(--gold, #d4a857);font-size:12px;opacity:0;animation:ai-limit-star-twinkle 4s ease-in-out infinite}.ai-limit-star-1{top:12%;left:18%;font-size:14px;animation-delay:0s;animation-duration:3.5s}.ai-limit-star-2{top:22%;right:14%;font-size:11px;animation-delay:.7s;animation-duration:4.2s}.ai-limit-star-3{top:8%;right:28%;font-size:9px;animation-delay:1.3s;animation-duration:3.8s}.ai-limit-star-4{top:16%;left:38%;font-size:14px;animation-delay:2.1s;animation-duration:4.5s;color:color-mix(in srgb,var(--gold, #d4a857) 60%,white)}.ai-limit-star-5{top:30%;left:12%;font-size:10px;animation-delay:1.7s;animation-duration:3.6s}.ai-limit-star-6{top:6%;left:60%;font-size:14px;animation-delay:.4s;animation-duration:4s;color:color-mix(in srgb,var(--gold, #d4a857) 70%,white)}@keyframes ai-limit-star-twinkle{0%,to{opacity:.15;transform:scale(.85)}50%{opacity:.85;transform:scale(1.1)}}.ai-limit-title{position:relative;font-size:19px;font-weight:700;color:var(--gold, #d4a857);letter-spacing:.5px;margin:0 0 14px;text-shadow:0 0 18px color-mix(in srgb,var(--gold, #d4a857) 35%,transparent)}.ai-limit-body{position:relative;font-size:14px;line-height:1.85;color:color-mix(in srgb,var(--text) 90%,var(--gold, #d4a857));white-space:pre-line;margin:0 0 28px;letter-spacing:.2px}.ai-limit-close-btn{position:relative;padding:10px 28px;background:color-mix(in srgb,var(--gold, #d4a857) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold, #d4a857) 38%,var(--border));border-radius:var(--radius-sm, 8px);color:var(--gold, #d4a857);font-size:14px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:background .15s,border-color .15s}.ai-limit-close-btn:hover{background:color-mix(in srgb,var(--gold, #d4a857) 18%,transparent);border-color:color-mix(in srgb,var(--gold, #d4a857) 55%,var(--border))}@keyframes ai-limit-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ai-limit-dialog-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;animation:cardZoomFadeIn .12s ease-out;-webkit-tap-highlight-color:transparent}.card-zoom-img-wrap{pointer-events:auto}@keyframes cardZoomFadeIn{0%{opacity:0}to{opacity:1}}.card-zoom-img-wrap{position:relative;max-width:min(78vw,540px);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:10px}.card-zoom-img{display:block;width:100%;height:auto;max-height:84vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 64px #0009;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card-zoom-img-wrap.reversed .card-zoom-img{transform:rotate(180deg)}.card-zoom-label{color:#ffffffeb;font-size:14px;font-weight:500;letter-spacing:.04em;text-align:center;padding:4px 12px;background:#0006;border-radius:14px}.card-border-overlay-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.spread-layout{position:relative;width:100%;height:100%;--card-w: 64px;--card-h: 104px}.spread-layout[class*=spread-user-]{min-height:400px;max-width:400px;margin:0 auto}.spread-layout.user-ratio-horizontal{min-height:340px;max-width:520px;margin:0 auto}.spread-layout.user-ratio-square{min-height:420px;max-width:420px;margin:0 auto}.spread-layout.user-ratio-vertical{min-height:560px;max-width:380px;margin:0 auto}.spread-layout.spread-one{min-height:200px;max-width:220px;margin:0 auto}.spread-layout.spread-two{min-height:220px;max-width:320px;margin:0 auto}.spread-layout.spread-three{min-height:240px;max-width:520px;margin:0 auto}.spread-layout.spread-four_elements{min-height:360px;max-width:340px;margin:0 auto}.spread-layout.spread-five_cross{min-height:380px;max-width:380px;margin:0 auto}.spread-layout.spread-horseshoe{min-height:320px;max-width:500px;margin:0 auto}.spread-layout.spread-relationship{min-height:320px;max-width:520px;margin:0 auto}.spread-layout.spread-seven_horseshoe{min-height:340px;max-width:560px;margin:0 auto}.spread-layout.spread-star{min-height:420px;max-width:400px;margin:0 auto}.spread-layout.spread-chakra{min-height:580px;max-width:200px;margin:0 auto}.spread-layout.spread-celtic{min-height:560px;min-width:480px;max-width:480px;margin-top:0;margin-bottom:0;margin-left:calc((100% - 480px)/2);margin-right:calc((100% - 480px)/2);padding:0;box-sizing:border-box}.spread-layout.spread-tree_of_life{min-height:600px;max-width:380px;margin:0 auto}.spread-layout.spread-zodiac{min-height:500px;max-width:480px;margin:0 auto}.spread-layout.spread-year_ahead{min-height:520px;max-width:500px;margin:0 auto}.spread-layout.spread-yes_no{min-height:220px;max-width:440px;margin:0 auto}.spread-layout.spread-pentagram{min-height:400px;max-width:380px;margin:0 auto}.spread-layout.spread-love_cross{min-height:380px;max-width:380px;margin:0 auto}.spread-layout.spread-career_path{min-height:220px;max-width:520px;margin:0 auto}.spread-layout.spread-decision{min-height:380px;max-width:400px;margin:0 auto}.spread-layout.spread-pyramid{min-height:380px;max-width:460px;margin:0 auto}.spread-layout.spread-shadow_work{min-height:380px;max-width:380px;margin:0 auto}.spread-layout.spread-butterfly{min-height:400px;max-width:460px;margin:0 auto}.spread-layout.spread-mandala{min-height:420px;max-width:420px;margin:0 auto}.spread-layout.spread-birthday{min-height:420px;max-width:400px;margin:0 auto}.spread-layout.spread-full_moon{min-height:400px;max-width:420px;margin:0 auto}.spread-layout.spread-weekly{min-height:220px;max-width:620px;margin:0 auto}.spread-layout.spread-bridge{min-height:340px;max-width:580px;margin:0 auto}.spread-layout.spread-mirror{min-height:320px;max-width:460px;margin:0 auto}.spread-layout.spread-maslow{min-height:460px;max-width:200px;margin:0 auto}.spread-layout.spread-v_choice{min-height:440px;max-width:460px;margin:0 auto}.spread-layout.spread-problem_solving{min-height:440px;max-width:400px;margin:0 auto}.spread-layout.spread-moon_phases{min-height:440px;max-width:420px;margin:0 auto}.spread-layout.spread-finance{min-height:380px;max-width:380px;margin:0 auto}.spread-layout.spread-new_year{min-height:420px;max-width:580px;margin:0 auto}.spread-layout.spread-lenormand_3{min-height:240px;max-width:520px;margin:0 auto}.spread-layout.spread-lenormand_5{min-height:240px;max-width:620px;margin:0 auto}.spread-layout.spread-lenormand_box{min-height:420px;max-width:420px;margin:0 auto}.spread-layout.spread-lenormand_star{min-height:420px;max-width:400px;margin:0 auto}.spread-layout.spread-grand_tableau{min-height:600px;max-width:720px;margin:0 auto}.spread-layout.spread-grand_tableau{--card-w: 32px;--card-h: 52px}.spread-layout.spread-camoin_cross{min-height:360px;max-width:420px;margin:0 auto}.spread-layout.spread-marseille_star{min-height:420px;max-width:400px;margin:0 auto}.spread-layout.spread-past_life{min-height:240px;max-width:620px;margin:0 auto}.spread-layout.spread-wheel_of_year{min-height:460px;max-width:460px;margin:0 auto}.spread-layout.spread-hexagram{min-height:420px;max-width:400px;margin:0 auto}.spread-layout.spread-twin_flame{min-height:420px;max-width:460px;margin:0 auto}.spread-layout.spread-triple_goddess{min-height:240px;max-width:520px;margin:0 auto}.spread-grand_tableau .slot-label-layer{font-size:8px}.spread-grand_tableau .slot-num-badge{width:10px;height:10px;font-size:7px}.slot-outline,.slot-card,.slot-label-layer{position:absolute}.slot-outline{width:var(--card-w);height:var(--card-h);border:2px dashed color-mix(in srgb,var(--gold) 65%,transparent);border-radius:6px;pointer-events:none;z-index:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent),inset 0 0 14px color-mix(in srgb,var(--gold) 8%,transparent)}.slot-card{width:var(--card-w);height:var(--card-h);border:1px solid var(--border);border-radius:6px;background:transparent;padding:0;overflow:hidden;cursor:pointer;transition:filter .2s;z-index:10}.slot-card.filled:not([aria-disabled=true]):hover{filter:brightness(1.15)}.slot-card[aria-disabled=true]{cursor:default}.card-back{width:100%;height:100%;background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft))}.card-face{width:100%;height:100%;background:var(--surface);position:relative;display:flex;align-items:center;justify-content:center}.card-face img{width:100%;height:100%;object-fit:cover;display:block}.slot-card.reversed .card-face img{transform:rotate(180deg)}.slot-card-inner{width:100%;height:100%}.slot-card-inner.flipping{animation:card-flip .38s ease-in-out}@keyframes card-flip{0%{transform:scaleX(1)}42%{transform:scaleX(0)}58%{transform:scaleX(0)}to{transform:scaleX(1)}}.slot-card.placing{animation:card-place .4s cubic-bezier(.22,1,.36,1)}@keyframes card-place{0%{opacity:0;transform:translate(-50%,calc(-50% - 140px)) scale(.5)}to{opacity:1}}.no-anim-flip .slot-card-inner.flipping,.no-anim-placement .slot-card.placing{animation:none}.card-name{position:absolute;bottom:0;left:0;right:0;font-size:10px;font-weight:600;color:#fff;background:#0000008c;padding:2px 0;line-height:1.2;text-align:center}.slot-label-layer{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;color:var(--text);white-space:nowrap;pointer-events:none;z-index:30}.slot-label-layer.below-card{transform:translate(-50%,calc(var(--card-h) / 2 + 6px))}.slot-num-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;width:14px;height:14px;font-size:9px;line-height:1;font-weight:600;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 40%,transparent);position:relative;z-index:1}.slot-label-layer .slot-text{position:relative;z-index:0}.spread-celtic{--card-w: 52px;--card-h: 84px}.spread-tree_of_life{--card-w: 46px;--card-h: 74px}.spread-zodiac,.spread-year_ahead{--card-w: 42px;--card-h: 68px}.spread-chakra{--card-w: 52px;--card-h: 84px}.spread-star,.spread-seven_horseshoe,.spread-horseshoe{--card-w: 54px;--card-h: 88px}.spread-relationship,.spread-four_elements,.spread-five_cross{--card-w: 56px;--card-h: 90px}.spread-celtic .slot-label-layer{font-size:9px}.spread-celtic .slot-num-badge{width:12px;height:12px;font-size:8px}.spread-zodiac .slot-label-layer,.spread-year_ahead .slot-label-layer{font-size:9px}.spread-search-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.spread-search-input-wrap{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.spread-search-input{width:100%;padding:9px 36px 9px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit}.spread-search-input:focus{outline:none;border-color:var(--accent)}.spread-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:50%}.spread-search-clear:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 15%,transparent)}.spread-filter-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.spread-filter-toggle button{padding:7px 14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12.5px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.spread-filter-toggle button.icon-only{padding:7px 10px}.spread-filter-toggle button.icon-only svg{width:16px;height:16px}.spread-filter-toggle button.active{background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);font-weight:600}.spread-item.user-spread{border:1px dashed color-mix(in srgb,var(--gold) 70%,var(--border));background:color-mix(in srgb,var(--surface) 92%,var(--gold) 3%);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 15%,transparent) inset}.spread-user-badge{display:inline-block;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 50%,var(--border));border-radius:4px;letter-spacing:.04em;vertical-align:middle}.spread-deck-badge{display:inline-block;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600;border-radius:4px;letter-spacing:.04em;vertical-align:middle}.spread-deck-badge.marseille{color:#c89b5e;background:color-mix(in srgb,#c89b5e 14%,transparent);border:1px solid color-mix(in srgb,#c89b5e 55%,var(--border))}.spread-deck-badge.lenormand{color:#6fa8a8;background:color-mix(in srgb,#6fa8a8 14%,transparent);border:1px solid color-mix(in srgb,#6fa8a8 55%,var(--border))}.spread-no-match{padding:30px 20px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface);border:1px dashed var(--border);border-radius:8px}.spread-select-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.group-title{font-size:13px;font-weight:600;color:var(--text-muted);margin:16px 0 8px;letter-spacing:.04em}.spread-list{display:grid;gap:8px}.spread-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.spread-item:not(.edit):hover{border-color:var(--accent)}.spread-item.edit{cursor:default}.star-btn{font-size:22px;line-height:1;color:var(--text-muted);background:none;padding:4px 6px;border-radius:6px;flex-shrink:0}.star-btn.on{color:var(--gold);text-shadow:0 0 8px color-mix(in srgb,var(--gold) 60%,transparent)}.star-btn:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.spread-meta{flex:1;min-width:0}.spread-name{font-weight:600;font-size:15px;display:flex;align-items:baseline;gap:8px}.spread-count{font-size:12px;color:var(--text-muted);font-weight:400}.spread-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.reorder-btn{width:32px;height:24px;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));background:linear-gradient(180deg,var(--surface),var(--bg));color:color-mix(in srgb,var(--gold) 70%,var(--text));border-radius:6px;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,box-shadow .15s}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.reorder-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 25%,transparent)}.ai-rec-list{margin-bottom:14px}.spread-item.ai-rec-item{cursor:pointer}.spread-item.ai-rec-item.loading{opacity:.7;cursor:wait}.ai-rec-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold, #d4a857);flex-shrink:0}.ai-rec-error{margin:-6px 0 14px;padding:8px 12px;font-size:13px;color:var(--danger, #e87878);background:color-mix(in srgb,var(--danger, #e87878) 8%,transparent);border-radius:var(--radius-sm, 8px);text-align:center;white-space:pre-line}.ai-rec-dialog{text-align:left;max-width:480px;width:calc(100% - 32px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}.ai-rec-dialog-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--gold, #d4a857);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:10px}.ai-rec-dialog-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gold, #d4a857);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold, #d4a857) 50%,transparent))}.ai-rec-dialog-preview{position:relative;width:100%;margin:4px 0 14px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);display:flex;justify-content:center;overflow:hidden}.ai-rec-dialog-preview .spread-layout{zoom:.7}.ai-rec-dialog-spread{font-size:16px;font-weight:600;color:var(--accent, #b892ff);margin-bottom:4px;text-align:center;letter-spacing:.3px}.ai-rec-dialog-spread-desc{font-size:12.5px;line-height:1.5;color:var(--text-muted);text-align:center;margin:0 4px 6px}.ai-rec-dialog-count{font-size:13px;color:var(--text-muted);margin-bottom:14px;text-align:center}.ai-rec-dialog-positions{margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);padding:10px 12px;background:color-mix(in srgb,var(--gold) 3%,transparent)}.ai-rec-dialog-positions-title{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 60%,var(--text-muted));font-weight:600;margin-bottom:8px}.ai-rec-dialog-positions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ai-rec-dialog-position-row{display:flex;gap:8px;align-items:flex-start}.ai-rec-dialog-position-index{flex-shrink:0;width:16px;color:color-mix(in srgb,var(--gold) 55%,var(--text-muted));font-size:12px;font-weight:600;padding-top:1px}.ai-rec-dialog-position-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ai-rec-dialog-position-label{font-size:13.5px;font-weight:600;color:var(--text)}.ai-rec-dialog-position-desc{font-size:12px;line-height:1.5;color:var(--text-muted)}.ai-rec-dialog-reason{font-size:14px;line-height:1.65;white-space:pre-wrap;color:var(--text);background:color-mix(in srgb,var(--accent, #b892ff) 4%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);padding:12px 14px;margin-bottom:12px;max-height:145px;overflow-y:auto}.ai-rec-dialog-help-btn{position:absolute;top:10px;right:12px;width:26px;height:26px;padding:0;border:1px solid color-mix(in srgb,var(--gold, #d4a857) 35%,var(--border));background:color-mix(in srgb,var(--gold, #d4a857) 6%,var(--surface));color:color-mix(in srgb,var(--gold, #d4a857) 80%,var(--text));border-radius:50%;font-size:14px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s}.ai-rec-dialog-help-btn:hover{border-color:var(--gold, #d4a857);color:var(--gold, #d4a857);background:color-mix(in srgb,var(--gold, #d4a857) 14%,var(--surface))}.ai-rec-dialog-help-popover{position:absolute;top:42px;right:12px;max-width:260px;padding:10px 12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold, #d4a857) 35%,var(--border));border-radius:var(--radius-sm, 8px);box-shadow:0 8px 22px color-mix(in srgb,#000 35%,transparent);font-size:12px;line-height:1.55;color:var(--text);z-index:2;cursor:pointer;animation:aiRecHelpPop .18s ease-out}@keyframes aiRecHelpPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-rec-dialog{position:relative}.ai-confirm-dialog{text-align:left;max-width:460px;width:calc(100% - 32px)}.ai-confirm-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--gold, #d4a857);letter-spacing:.06em;font-weight:600;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--gold) 16%,transparent)}.ai-confirm-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gold, #d4a857);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold, #d4a857) 50%,transparent))}.ai-confirm-question-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.ai-confirm-question-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.ai-confirm-question-actions{display:flex;gap:6px}.ai-confirm-edit-btn{font-size:12px;min-height:26px;padding:4px 10px}.ai-confirm-question-text{display:block;width:100%;box-sizing:border-box;padding:10px 12px 10px 14px;margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--text);background:color-mix(in srgb,var(--gold) 3%,var(--bg));border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-left:2px solid color-mix(in srgb,var(--gold) 38%,var(--border));border-radius:var(--radius-sm, 8px);white-space:pre-wrap;height:160px;overflow-y:auto}.ai-confirm-question-text em{color:var(--text-muted);font-style:italic}.ai-confirm-question-input{display:block;width:100%;box-sizing:border-box;padding:10px 12px 10px 14px;margin:0 0 14px;font-family:inherit;font-size:14px;line-height:1.55;color:var(--text);background:color-mix(in srgb,var(--gold) 3%,var(--bg));border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-left:2px solid color-mix(in srgb,var(--gold) 38%,var(--border));border-radius:var(--radius-sm, 8px);resize:none;height:160px;overflow-y:auto;transition:border-color .15s}.ai-confirm-question-input:focus{outline:none;border-color:var(--accent, #b892ff);border-left-color:color-mix(in srgb,var(--gold) 60%,var(--accent))}.ai-confirm-helper{font-size:13px;line-height:1.55;color:var(--text);margin-bottom:12px;padding-left:2px}.ai-beta-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:3px 6px;font-size:9.5px;font-weight:700;letter-spacing:.6px;line-height:1;color:color-mix(in srgb,var(--gold, #d4a857) 80%,white);background:color-mix(in srgb,var(--gold, #d4a857) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold, #d4a857) 40%,transparent);border-radius:4px;text-transform:uppercase;vertical-align:middle;transform:translateY(-3px)}.ai-confirm-usage{margin:6px 0 8px;padding:6px 10px;text-align:center;font-size:12px;letter-spacing:.3px;color:color-mix(in srgb,var(--gold, #d4a857) 75%,var(--text-muted));background:color-mix(in srgb,var(--gold, #d4a857) 5%,transparent);border:1px solid color-mix(in srgb,var(--gold, #d4a857) 18%,var(--border));border-radius:var(--radius-sm, 8px)}.ai-confirm-warning{font-size:11.5px;line-height:1.5;color:var(--text-muted);margin:-4px 0 14px;padding:0 4px;text-align:center}.ai-confirm-warning-no-meaning{border-top:none;margin-top:-4px;margin-bottom:14px;padding:10px 12px;border-radius:8px;background:#d4af6414;border:1px solid rgba(212,175,100,.22);color:var(--text)}.ai-confirm-warning-no-meaning .ai-confirm-warning-title{font-size:12px;font-weight:600;color:var(--accent, #d4af64);margin-bottom:4px;letter-spacing:.02em}.ai-confirm-warning-no-meaning .ai-confirm-warning-body{font-size:11.5px;line-height:1.6;color:var(--text-muted)}.ai-confirm-dialog .mystic-confirm-buttons{flex-direction:row}.spread-beginner-hint{margin:0 0 12px;font-size:12px;line-height:1.55;color:var(--text-muted);text-align:center;letter-spacing:.01em}.spread-item-wrap{display:flex;flex-direction:column;gap:0}.spread-preview-toggle{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--gold);cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;transition:background .15s,border-color .15s}.spread-preview-toggle:hover{background:color-mix(in srgb,var(--gold) 10%,transparent);border-color:color-mix(in srgb,var(--gold) 50%,var(--border))}.spread-preview-panel{margin-top:8px;margin-bottom:12px;padding:16px;background:color-mix(in srgb,var(--gold) 4%,var(--bg));border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border));border-radius:var(--radius);animation:spread-preview-in .2s ease-out}@keyframes spread-preview-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.preset-spread-preview-dialog{max-width:min(640px,94vw);width:100%;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;padding:24px 24px 20px;box-shadow:0 12px 40px #0000008c,0 0 0 1px color-mix(in srgb,var(--gold) 25%,transparent),0 0 60px color-mix(in srgb,var(--gold) 15%,transparent)}.preset-spread-preview-sub{text-align:center;font-size:12.5px;color:var(--text-muted);letter-spacing:.04em;margin:-6px 0 12px}.preset-spread-preview-divider{height:1px;margin:0 0 16px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--gold) 60%,transparent) 50%,transparent 100%)}.preset-spread-preview{width:100%;margin:0 auto;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--gold) 8%,transparent) 0%,transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));border-radius:12px;padding:28px 16px;overflow:visible;box-shadow:inset 0 0 24px color-mix(in srgb,var(--gold) 8%,transparent);display:flex;justify-content:center}.preset-spread-preview .spread-layout{zoom:.65}.preset-spread-preview-actions{display:flex;justify-content:center;margin-top:24px}.preset-spread-preview-actions .tool-btn{min-width:120px;justify-content:center}.preset-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.preset-card.custom{border:1px dashed color-mix(in srgb,var(--gold) 70%,var(--border));background:color-mix(in srgb,var(--surface) 92%,var(--gold) 3%);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 15%,transparent) inset}.preset-head{display:flex;align-items:center;gap:8px;padding:12px 14px}.preset-pick{flex:1;text-align:left;background:none;border:none;color:var(--text);padding:0;cursor:pointer}.preset-name-row{display:flex;align-items:center;gap:6px;font-weight:600;font-size:16px;margin-bottom:4px}.preset-user-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--gold);flex-shrink:0}.preset-labels{color:var(--text-muted);font-size:12px}.preset-icon-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--gold);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.preset-icon-btn.danger{color:color-mix(in srgb,#ff6b6b 70%,var(--gold))}.preset-details{border-top:1px solid var(--border);padding:12px 14px;background:var(--bg)}.preset-helptext{font-size:13px;color:var(--text);margin-bottom:12px;padding:8px 10px;background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--gold)}.preset-position-list{display:grid;gap:8px}.preset-position-row{display:flex;gap:8px;align-items:flex-start;font-size:13px}.preset-position-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.preset-position-label{font-weight:600;color:var(--gold)}.preset-position-desc{color:var(--text-muted);margin-left:6px}.preset-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--gold) 60%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--gold);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.preset-add-btn:hover{background:color-mix(in srgb,var(--surface) 80%,var(--gold) 8%);border-color:var(--gold)}.preset-editor{border:1px solid var(--gold);border-radius:var(--radius);background:var(--surface);padding:14px;margin-bottom:12px;box-shadow:0 0 24px color-mix(in srgb,var(--gold) 15%,transparent)}.preset-editor-title{font-size:15px;font-weight:600;color:var(--gold);margin:0 0 12px;display:flex;align-items:center;gap:6px}.preset-editor-field{margin-bottom:12px}.preset-editor-field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.preset-editor-input,.preset-editor-select,.preset-editor-textarea{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box}.preset-editor-input:focus,.preset-editor-select:focus,.preset-editor-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.preset-editor-textarea{resize:vertical;min-height:44px;line-height:1.5}.preset-editor-positions{display:grid;gap:10px;margin:6px 0 14px;max-height:50vh;overflow-y:auto;padding:2px}.preset-editor-pos{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;background:var(--bg)}.preset-editor-pos-head{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gold);font-weight:600;margin-bottom:6px}.preset-editor-pos-num{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px}.preset-editor-actions{display:flex;gap:8px;justify-content:flex-end}.preset-editor-actions .btn{padding:10px 16px}.fan-setup-page{min-height:100%;padding:20px 20px 100px;max-width:560px;margin:0 auto;box-sizing:border-box}.fan-setup-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.fan-setup-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 18px;line-height:1.6}.fan-setup-loading{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.fan-setup-section{margin-bottom:18px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-sizing:border-box}.fan-setup-row{padding:0}.fan-setup-row+.fan-setup-row{margin-top:14px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--gold) 30%,var(--border))}.fan-row-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.fan-row-label{font-size:14px;font-weight:600;color:var(--gold);letter-spacing:.04em}.fan-row-remove-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}@media (hover: hover){.fan-row-remove-btn:hover{color:var(--danger, #c94a5a)}}.fan-row-fields{display:flex;flex-direction:column;gap:10px}.fan-row-field{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text);min-width:0}.fan-row-field>span{width:50px;flex-shrink:0;color:var(--text-muted)}.fan-row-select{flex:1;min-width:0;padding:9px 28px 9px 11px;font-size:13px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.fan-row-select:focus{outline:none;border-color:var(--gold)}.fan-row-warn{margin-top:8px;padding:6px 10px;background:color-mix(in srgb,var(--danger, #c94a5a) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger, #c94a5a) 35%,var(--border));border-radius:6px;font-size:12px;color:var(--danger, #c94a5a)}.fan-add-btn{width:100%;margin-top:14px;justify-content:center;background:var(--bg);border-color:color-mix(in srgb,var(--gold) 45%,var(--border));color:var(--gold)}.fan-setup-actions{display:flex;justify-content:center;margin-top:24px}.fan-setup-actions .btn{min-width:200px}.meditation-page{padding:20px;max-width:720px;margin:0 auto}.med-title{margin:0 0 16px;display:flex;align-items:center;gap:10px}.med-title-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 40%,transparent))}.med-cat-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);margin-right:4px;vertical-align:middle;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 30%,transparent))}.med-cat-label{display:inline-flex;align-items:center;gap:4px}.med-preview-hint{margin:8px 0 0;font-size:11.5px;color:var(--text-muted);font-style:italic}.med-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.med-live-controls{width:100%;max-width:560px;margin:0 auto 20px;padding:0 20px;box-sizing:border-box}.med-live-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.med-live-row-label{flex-shrink:0;width:24px;font-size:14px;text-align:center;color:var(--gold)}.med-live-chips{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;-webkit-overflow-scrolling:touch}.med-live-chips::-webkit-scrollbar{height:4px}.med-live-chips::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gold) 30%,transparent);border-radius:2px}.med-live-chip{flex-shrink:0;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit;white-space:nowrap}.med-live-chip:hover{border-color:var(--accent)}.med-live-chip.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.med-done-banner{margin:-8px 0 14px;padding:10px 14px;background:color-mix(in srgb,var(--gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));border-radius:var(--radius-sm, 8px);color:var(--gold);font-size:13px;font-weight:600;text-align:center}.med-section{margin-bottom:20px}.med-premium-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9700;background:#0000009e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:medPremiumFade .2s ease-out}@keyframes medPremiumFade{0%{opacity:0}to{opacity:1}}.med-premium-modal{width:100%;max-width:380px;padding:28px 24px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 8%,var(--surface)) 0%,var(--surface) 60%);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--border));border-radius:18px;text-align:center;box-shadow:0 20px 50px #0000008c,0 0 30px color-mix(in srgb,var(--gold) 20%,transparent);animation:medPremiumRise .32s cubic-bezier(.34,1.2,.64,1)}@keyframes medPremiumRise{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.med-premium-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 12px;background:color-mix(in srgb,var(--gold) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 50%,var(--border));border-radius:50%;color:var(--gold);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 50%,transparent))}.med-premium-icon svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 60%,transparent))}.med-premium-title{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--gold);letter-spacing:.02em}.med-premium-body{margin:0 0 20px;font-size:13.5px;color:var(--text);line-height:1.6;text-align:left}.med-premium-actions{display:flex;gap:8px;justify-content:center}.med-premium-btn-buy,.med-premium-btn-close{flex:1;padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:600}.med-premium-btn-buy{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 38%,var(--surface)),color-mix(in srgb,var(--gold) 24%,var(--surface)));border:1px solid color-mix(in srgb,var(--gold) 60%,var(--border));color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 18%,transparent)}.med-premium-btn-buy:hover{border-color:var(--gold);transform:translateY(-1px)}.med-purchase-row{display:flex;justify-content:center;margin:18px 0 8px}.med-purchase-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:color-mix(in srgb,var(--gold) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 50%,var(--border));border-radius:999px;color:var(--gold);font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;box-shadow:0 0 14px color-mix(in srgb,var(--gold) 14%,transparent)}.med-purchase-btn:hover{background:color-mix(in srgb,var(--gold) 24%,var(--surface));border-color:var(--gold);transform:translateY(-1px);box-shadow:0 0 22px color-mix(in srgb,var(--gold) 26%,transparent)}.med-purchase-btn svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 50%,transparent))}.med-widget-toggle-row{margin-top:12px;margin-bottom:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 8px)}.med-options-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:28px}.med-option-row{display:flex;align-items:center;gap:10px;width:100%;padding:14px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;font-family:inherit;color:var(--text);transition:background .12s;min-height:48px}.med-option-row:last-child{border-bottom:none}.med-option-row:active,.med-option-row:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}.med-option-icon{flex-shrink:0;width:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px}.med-option-label{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.med-option-value{flex:1;text-align:right;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.med-option-arrow{flex-shrink:0;font-size:16px;color:var(--text-muted)}.med-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9000;display:flex;align-items:flex-end;justify-content:center;animation:medSheetFade .18s ease-out}@keyframes medSheetFade{0%{opacity:0}to{opacity:1}}.med-sheet{width:100%;max-width:720px;max-height:80vh;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0006;animation:medSheetSlide .25s cubic-bezier(.34,1.2,.64,1);padding-bottom:env(safe-area-inset-bottom,0)}@keyframes medSheetSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.med-sheet-handle{width:40px;height:4px;background:color-mix(in srgb,var(--text-muted) 50%,transparent);border-radius:2px;margin:8px auto 0}.med-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 10px;border-bottom:1px solid var(--border)}.med-sheet-title{margin:0;font-size:16px;font-weight:700;color:var(--gold)}.med-sheet-close{width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.med-sheet-close:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text)}.med-sheet-body{flex:1;overflow-y:auto;padding:8px 12px 16px;-webkit-overflow-scrolling:touch}.med-sheet-cat{margin-bottom:8px}.med-sheet-cat-label{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;padding:10px 6px 4px}.med-sheet-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;font-family:inherit;color:var(--text);transition:background .12s;min-height:48px}.med-sheet-item:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}.med-sheet-item.active{background:color-mix(in srgb,var(--gold) 12%,transparent)}.med-sheet-radio{flex-shrink:0;width:18px;height:18px;border:2px solid var(--border);border-radius:50%;position:relative;transition:border-color .15s,background .15s}.med-sheet-item.active .med-sheet-radio{border-color:var(--gold)}.med-sheet-item.active .med-sheet-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--gold);border-radius:50%;box-shadow:0 0 6px color-mix(in srgb,var(--gold) 60%,transparent)}.med-sheet-item-body{flex:1;min-width:0}.med-sheet-item-name{font-size:14px;font-weight:600;color:var(--text)}.med-sheet-item.active .med-sheet-item-name{color:var(--gold)}.med-sheet-item-desc{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.4}.med-sheet-item-meta{flex-shrink:0;font-size:11px;color:var(--text-muted);font-family:monospace}.med-sheet-preview-tag{flex-shrink:0;font-size:11px;color:var(--text-muted);padding:2px 6px;background:color-mix(in srgb,var(--gold) 10%,transparent);border-radius:3px}.med-sheet-hint{margin:12px 8px 0;font-size:11.5px;color:var(--text-muted);font-style:italic;text-align:center}.med-sheet-duration{padding:18px 8px 8px}.med-fav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.med-fav-head .med-section-title{display:inline-flex;align-items:center;gap:6px}.med-fav-actions{display:flex;gap:6px}.med-fav-mini-btn{font-size:12px;padding:4px 10px;min-height:26px;display:inline-flex;align-items:center;gap:4px}.med-fav-mini-btn svg{flex-shrink:0}.med-fav-empty{font-size:12px;color:var(--text-muted);font-style:italic;margin:0;padding:14px 16px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm, 8px);text-align:center}.med-fav-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.med-fav-card{width:100%;min-width:0;text-align:left;padding:12px 14px;background:color-mix(in srgb,var(--gold) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));border-radius:var(--radius-sm, 8px);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;font-family:inherit;color:var(--text)}.med-fav-card:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface));transform:translateY(-1px)}.med-fav-card-name{font-size:13.5px;font-weight:700;color:var(--gold);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.med-fav-card-meta{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.med-fav-dialog-title{display:flex;align-items:center;gap:8px;line-height:1.2}.med-fav-dialog-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 40%,transparent))}.med-fav-name-input{width:100%;box-sizing:border-box;padding:9px 12px;font-family:inherit;font-size:14px;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm, 8px);transition:border-color .15s}.med-fav-name-input:focus{outline:none;border-color:var(--accent, #b892ff)}.med-fav-manage-dialog{max-width:480px;width:calc(100% - 32px)}.med-fav-manage-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.med-fav-manage-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 8px)}.med-fav-manage-info{flex:1;min-width:0}.med-fav-manage-name{font-size:14px;font-weight:600;color:var(--text)}.med-fav-manage-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.med-fav-manage-actions{display:flex;gap:4px;flex-shrink:0}.med-fav-manage-actions button{padding:4px 10px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);cursor:pointer;font-family:inherit;min-height:26px}.med-fav-manage-actions button:hover{border-color:var(--accent)}.med-fav-manage-actions button:disabled{opacity:.4;cursor:not-allowed}.med-fav-manage-actions .med-fav-manage-del{color:var(--danger, #e87878);border-color:color-mix(in srgb,var(--danger, #e87878) 35%,var(--border))}.med-fav-manage-edit{flex:1;display:flex;gap:8px;align-items:center}.med-section-title{font-size:14px;font-weight:700;color:var(--gold);margin:0 0 8px;letter-spacing:.04em}.med-cat-block{margin-bottom:12px}.med-cat-label{font-size:12px;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em}.med-pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.med-pattern-card{text-align:left;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit;color:var(--text)}.med-pattern-card:hover{border-color:var(--accent)}.med-pattern-card.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--surface))}.med-pattern-card-name{font-size:14px;font-weight:600;margin-bottom:2px}.med-pattern-card-desc{font-size:11.5px;color:var(--text-muted);line-height:1.45;margin-bottom:4px}.med-pattern-card-cycle{font-size:11px;color:var(--text-muted);font-family:monospace}.med-chip-row{display:flex;flex-wrap:wrap;gap:6px}.med-chip{padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit}.med-chip:hover{border-color:var(--accent)}.med-chip.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.med-duration-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.med-duration-display{font-size:32px;font-weight:300;color:var(--gold);letter-spacing:.02em;font-family:monospace;display:inline-flex;align-items:baseline;gap:4px;text-shadow:0 0 12px color-mix(in srgb,var(--gold) 30%,transparent)}.med-duration-unit{font-size:16px;font-weight:400;color:var(--text-muted);margin-left:2px}.med-slider-wrap{display:flex;align-items:center;gap:12px;padding:4px}.med-slider-end{font-size:11px;color:var(--text-muted);font-family:monospace;flex-shrink:0;min-width:18px;text-align:center}.med-slider-wrap.disabled{opacity:.4;pointer-events:none}.med-slider{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;background:linear-gradient(to right,var(--gold) 0 var(--med-fill, 50%),var(--border) var(--med-fill, 50%) 100%);border-radius:3px;outline:none;cursor:pointer}.med-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent),0 2px 6px color-mix(in srgb,#000 25%,transparent);cursor:grab;transition:transform .1s,box-shadow .15s}.med-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 0 16px color-mix(in srgb,var(--gold) 80%,transparent),0 2px 8px color-mix(in srgb,#000 35%,transparent)}.med-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent),0 2px 6px color-mix(in srgb,#000 25%,transparent);cursor:grab}.med-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.med-slider:disabled::-moz-range-thumb{cursor:not-allowed}.med-start-row{margin-top:24px;display:flex;justify-content:center}.med-start-btn{min-width:200px;gap:8px}.med-start-btn svg{flex-shrink:0}.med-footnote{margin-top:16px;font-size:11.5px;color:var(--text-muted);font-style:italic;text-align:center}.meditation-active{display:flex;flex-direction:column;align-items:center;min-height:100%;overscroll-behavior:none;touch-action:pan-x;position:relative}.med-bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.med-bg-star{position:absolute;background:var(--gold);border-radius:50%;box-shadow:0 0 4px color-mix(in srgb,var(--gold) 70%,transparent);animation-name:medBgStarTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:opacity,transform}@keyframes medBgStarTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(.55)}}.meditation-active .med-active-stage,.meditation-active .med-active-info,.meditation-active .med-live-pills,.meditation-active .med-active-controls{position:relative;z-index:1}.med-active-stage{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:320px}.med-aura{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 50%,transparent) 0%,color-mix(in srgb,var(--gold) 22%,transparent) 45%,transparent 75%);filter:blur(3px);transition:transform .5s ease-out;pointer-events:none}.med-jarvis-orb{position:relative;perspective:600px;color:var(--gold)}.med-jarvis-sphere{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:medJarvisRotate 12s linear infinite}.med-jarvis-dot{position:absolute;top:50%;left:50%;border-radius:50%;background:var(--gold);box-shadow:0 0 6px color-mix(in srgb,var(--gold) 80%,transparent),0 0 12px color-mix(in srgb,var(--gold) 40%,transparent);margin:-1.5px 0 0 -1.5px;pointer-events:none}@keyframes medJarvisRotate{0%{transform:rotateY(0) rotateX(8deg)}to{transform:rotateY(360deg) rotateX(8deg)}}.med-mandala{color:var(--gold)}.med-mandala .m-layer{transform-origin:50px 50px}.med-mandala .m-layer-1{animation:medSpinSlow 70s linear infinite}.med-mandala .m-layer-2{animation:medSpinSlow 50s linear infinite reverse}.med-mandala .m-layer-3{animation:medSpinSlow 90s linear infinite}.med-mandala.static .m-layer{animation:none}@keyframes medSpinSlow{to{transform:rotate(360deg)}}.med-moon{color:var(--gold)}.med-moon .moon-shadow{animation:moonPhase 60s linear infinite}@keyframes moonPhase{0%{transform:translate(80px);opacity:0}15%{transform:translate(56px);opacity:.32}30%{transform:translate(32px);opacity:.62}50%{transform:translate(0);opacity:.92}70%{transform:translate(-32px);opacity:.62}85%{transform:translate(-56px);opacity:.32}to{transform:translate(-80px);opacity:0}}.med-moon .moon-glow-outer{animation:moonGlowPulse 60s linear infinite;transform-origin:50px 50px}@keyframes moonGlowPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.18;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.med-moon .moon-star{opacity:.85;animation:moonStarTwinkle 3.4s ease-in-out infinite;filter:drop-shadow(0 0 2px currentColor)}@keyframes moonStarTwinkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}.med-moon.static .moon-shadow{animation:none;transform:translate(80px);opacity:0}.med-moon.static .moon-glow-outer{animation:none;opacity:1}.med-moon.static .moon-star{animation:none;opacity:.7}.med-ripple{position:relative;color:var(--gold);display:inline-block}.med-ripple .r-wave{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid currentColor;border-radius:50%;opacity:0;animation:medRipple 4s ease-out infinite}.med-ripple .r-wave-1{animation-delay:0s}.med-ripple .r-wave-2{animation-delay:1.3s}.med-ripple .r-wave-3{animation-delay:2.6s}.med-ripple .r-center{position:absolute;top:50%;left:50%;width:14%;height:14%;background:currentColor;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px currentColor}@keyframes medRipple{0%{transform:scale(.18);opacity:.85}to{transform:scale(1);opacity:0}}.med-ripple.static .r-wave{animation:none;opacity:.5}.med-ripple.static .r-wave-1{transform:scale(.4)}.med-ripple.static .r-wave-2{transform:scale(.7);opacity:.3}.med-ripple.static .r-wave-3{transform:scale(1);opacity:.15}.med-mala{color:var(--gold)}.med-mala .mala-ring{transform-origin:50px 50px;animation:medSpinSlow 30s linear infinite}.med-mala.static .mala-ring{animation:none}.med-crystal{color:var(--gold)}.med-crystal .crystal-body{transform-origin:50px 50px;animation:medCrystalSpin 14s linear infinite}.med-crystal.static .crystal-body{animation:none}@keyframes medCrystalSpin{0%{transform:rotate(0) scaleX(1)}50%{transform:rotate(180deg) scaleX(.7)}to{transform:rotate(360deg) scaleX(1)}}.med-flame{color:var(--gold)}.med-flame .flame-shape{transform-origin:50px 92px;animation:medFlicker 2.6s ease-in-out infinite alternate}.med-flame.static .flame-shape{animation:none}@keyframes medFlicker{0%{transform:scale(1)}30%{transform:scale(.96,1.04)}60%{transform:scale(1.03,.97)}to{transform:scale(.98,1.02)}}.med-floating-mandala,.med-floating-ripple,.med-floating-mala,.med-floating-crystal,.med-floating-flame{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 60%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--gold) 30%,transparent))}.med-floating-moon{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 60%,transparent)) drop-shadow(0 0 30px color-mix(in srgb,var(--gold) 30%,transparent));animation:medFloat 6s ease-in-out infinite,moonAuraPulse 60s linear infinite}@keyframes moonAuraPulse{0%,to{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 60%,transparent)) drop-shadow(0 0 30px color-mix(in srgb,var(--gold) 30%,transparent))}50%{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 8%,transparent))}}.med-floating-flame{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 70%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--gold) 35%,transparent))}.med-sheet-visual{display:flex;flex-direction:column;gap:4px}.med-sheet-visual-preview{flex-shrink:0;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold)}.med-floating-icon{position:relative;z-index:1;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;animation:medFloat 6s ease-in-out infinite}.med-floating-lotus{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 70%,transparent)) drop-shadow(0 0 22px color-mix(in srgb,var(--gold) 35%,transparent));animation:medFloat 6s ease-in-out infinite,medSpin 60s linear infinite}.med-floating-jarvis{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 50%,transparent)) drop-shadow(0 0 30px color-mix(in srgb,var(--gold) 25%,transparent))}@keyframes medFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes medSpin{0%{rotate:0deg}to{rotate:360deg}}.med-phase-label{position:absolute;bottom:-28px;font-size:18px;font-weight:600;color:var(--gold);letter-spacing:.08em;text-shadow:0 0 12px color-mix(in srgb,var(--gold) 50%,transparent);white-space:nowrap;display:inline-flex;align-items:baseline;gap:10px}.med-phase-countdown{font-size:14px;font-weight:400;font-family:monospace;letter-spacing:.04em;color:color-mix(in srgb,var(--gold) 80%,var(--text));opacity:.85}.med-active-info{text-align:center;margin:24px 0 16px}.med-pattern-name{font-size:13px;color:var(--text-muted);margin-bottom:4px}.med-timer{font-size:32px;font-weight:300;color:var(--text);font-family:monospace;letter-spacing:.04em}.med-live-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;padding:0 16px}.med-live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--gold) 25%,var(--border));border-radius:999px;color:var(--gold);font-family:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;box-shadow:0 0 8px color-mix(in srgb,var(--gold) 8%,transparent)}.med-live-pill:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.med-live-pill svg{flex-shrink:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 35%,transparent))}.med-live-pill-value{font-weight:600;letter-spacing:.02em;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.med-live-pill-arrow{font-size:10px;color:color-mix(in srgb,var(--gold) 70%,var(--text))}.med-active-controls{display:flex;gap:16px;margin-bottom:32px;justify-content:center}.med-ctrl-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:84px;height:84px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));border-radius:50%;color:var(--gold);cursor:pointer;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;font-family:inherit;font-size:11px;letter-spacing:.04em;box-shadow:0 0 14px color-mix(in srgb,var(--gold) 12%,transparent),inset 0 0 16px color-mix(in srgb,var(--gold) 4%,transparent)}.med-ctrl-btn span{font-weight:500;color:color-mix(in srgb,var(--gold) 90%,var(--text))}.med-ctrl-btn svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 35%,transparent))}.med-ctrl-btn:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface));transform:translateY(-1px);box-shadow:0 0 22px color-mix(in srgb,var(--gold) 22%,transparent),inset 0 0 16px color-mix(in srgb,var(--gold) 6%,transparent)}.med-ctrl-btn:active{transform:translateY(0)}.med-ctrl-stop{color:color-mix(in srgb,var(--text-muted) 80%,var(--gold) 20%);border-color:var(--border)}.med-ctrl-stop span{color:var(--text-muted)}.med-ctrl-stop svg{filter:none}.med-ctrl-stop:hover{border-color:color-mix(in srgb,var(--danger, #e87878) 40%,var(--border));color:var(--danger, #e87878);background:color-mix(in srgb,var(--danger, #e87878) 6%,var(--surface))}.med-ctrl-stop:hover span{color:var(--danger, #e87878)}.med-ctrl-lock.is-locked{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface));color:var(--gold);box-shadow:0 0 22px color-mix(in srgb,var(--gold) 28%,transparent),inset 0 0 16px color-mix(in srgb,var(--gold) 10%,transparent)}.med-ctrl-lock.is-locked svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 60%,transparent))}.med-ctrl-screenoff{color:color-mix(in srgb,var(--text-muted) 50%,var(--gold) 50%);border-color:color-mix(in srgb,var(--gold) 18%,var(--border))}.med-ctrl-screenoff:hover{color:var(--gold);border-color:var(--gold)}.med-ctrl-btn:disabled,.med-live-pill:disabled{opacity:.32;cursor:not-allowed;pointer-events:none;filter:grayscale(.4)}.med-screen-off-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;z-index:9500;background:#000;border:none;cursor:pointer;animation:medScreenOffFadeIn .5s ease-out}@keyframes medScreenOffFadeIn{0%{opacity:0}to{opacity:1}}.ritual-page{display:flex;flex-direction:column;align-items:stretch;min-height:100%;padding-bottom:40px}.ritual-tools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ritual-stage{position:relative;width:100%;height:260px;display:flex;align-items:center;justify-content:center;margin-top:50px;margin-bottom:18px}.ritual-floating-card{position:relative;width:110px;height:176px;border-radius:10px;background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft));border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px #ffffff14,0 18px 40px #0000008c;animation:ritual-card-float 5s ease-in-out infinite;z-index:2}.ritual-floating-moon{position:relative;z-index:2;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;animation:ritual-moon-float 6s ease-in-out infinite;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 55%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--gold) 25%,transparent))}@keyframes ritual-moon-float{0%,to{transform:translateY(-3px)}50%{transform:translateY(7px)}}.ritual-aura{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 38%,transparent) 0%,color-mix(in srgb,var(--accent) 20%,transparent) 40%,transparent 75%);filter:blur(20px);pointer-events:none;transform:scale(1);opacity:.6;transition:transform .08s linear,opacity .08s linear}.ritual-aura-inner{position:absolute;width:160px;height:220px;border-radius:12px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold) 75%,transparent) 0%,color-mix(in srgb,var(--gold) 35%,transparent) 35%,color-mix(in srgb,var(--accent) 18%,transparent) 60%,transparent 70%);filter:blur(10px);will-change:filter,transform,opacity;pointer-events:none;transform:scale(1);opacity:.85;transition:transform .08s linear,opacity .08s linear;z-index:1}.ritual-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold),0 0 14px color-mix(in srgb,var(--gold) 60%,transparent);opacity:0;animation:ritual-sparkle-twinkle 4s ease-in-out infinite;z-index:1}@keyframes ritual-card-float{0%,to{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(8px) rotate(1deg)}}@keyframes ritual-sparkle-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.ritual-title{text-align:center;margin:0 0 12px;font-size:20px;font-weight:600;letter-spacing:.06em;color:var(--text);text-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent),0 0 40px color-mix(in srgb,var(--gold) 20%,transparent);min-height:30px;opacity:1;transition:opacity .28s ease}.ritual-title.is-fading{opacity:0}.ritual-whisper{color:var(--text-muted);font-size:13px;line-height:1.7;letter-spacing:.04em;text-align:center;margin:0 0 18px;font-style:italic;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 25%,transparent);min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 18px;opacity:1;transition:opacity .28s ease}.ritual-whisper.is-fading{opacity:0}.ritual-secs{text-align:center;font-size:17px;font-weight:300;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 14px color-mix(in srgb,var(--gold) 40%,transparent);margin-top:14px;margin-bottom:32px;min-height:24px}.ritual-secs[aria-hidden=true]{visibility:hidden}.ritual-actions{display:flex;gap:14px;align-items:center;justify-content:center;padding:0 16px;flex-wrap:wrap}.ritual-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0;min-width:130px;max-width:220px;min-height:50px;font-size:14px;letter-spacing:.04em}.ritual-btn svg{flex-shrink:0}.numerology-page{padding-bottom:40px}.num-intro{color:var(--text-muted);font-size:14px;line-height:1.7;margin-bottom:20px}.guide-mystic-stage{position:relative;height:140px;margin:8px auto 24px;display:flex;align-items:center;justify-content:center;pointer-events:none}.guide-mystic-aura{position:absolute;top:50%;left:50%;width:130px;height:130px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 38%,transparent) 0%,color-mix(in srgb,var(--gold) 18%,transparent) 35%,transparent 70%);filter:blur(8px);animation:guideAuraPulse 4.5s ease-in-out infinite}@keyframes guideAuraPulse{0%,to{transform:translate(-50%,-50%) scale(.95);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.guide-mystic-icon{position:relative;z-index:2;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--gold);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 60%,transparent));animation:guideIconFloat 4.5s ease-in-out infinite}.guide-mystic-icon svg{width:56px;height:56px}@keyframes guideIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.guide-mystic-sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px color-mix(in srgb,var(--gold) 80%,transparent);opacity:0;animation:guideSparkle 3s ease-in-out infinite}@keyframes guideSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.2)}}.guide-card-fan-stage{position:relative;height:200px;margin:8px auto 32px;display:flex;align-items:center;justify-content:center;pointer-events:none}.guide-card-fan-aura{position:absolute;top:50%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 38%,transparent) 0%,color-mix(in srgb,var(--gold) 18%,transparent) 35%,transparent 70%);filter:blur(10px);animation:guideAuraPulse 4.5s ease-in-out infinite}.guide-card-fan-cards{position:relative;z-index:2;width:220px;height:180px;display:flex;align-items:center;justify-content:center;animation:guideIconFloat 4.5s ease-in-out infinite}.guide-card-fan-card{position:absolute;width:90px;height:144px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));box-shadow:0 4px 14px #00000080,0 0 16px color-mix(in srgb,var(--gold) 22%,transparent);transform-origin:50% 100%}.guide-card-fan-card-0{left:30px}.guide-card-fan-card-1{left:65px;z-index:2}.guide-card-fan-card-2{left:100px}.num-sections{display:flex;flex-direction:column;gap:10px}.num-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.num-section[open]{border-color:var(--gold)}.num-section-title{padding:14px 16px;font-weight:600;font-size:15px;cursor:pointer;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between}.num-section-title:after{content:"▼";font-size:10px;color:var(--text-muted);transition:transform .2s}.num-section[open] .num-section-title:after{transform:rotate(180deg)}.num-section-title::-webkit-details-marker{display:none}.num-section-body{padding:0 16px 16px;font-size:13px;line-height:1.8;color:var(--text);white-space:pre-line}.num-section-body strong{color:var(--gold);font-weight:700;text-shadow:0 0 6px color-mix(in srgb,var(--gold) 30%,transparent)}.num-section-body em{color:var(--accent, var(--gold));font-style:normal;font-weight:600}.lunar-guide-phase-fig{position:relative;display:flex;justify-content:center;align-items:center;margin:14px 0 24px;color:var(--gold);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 50%,transparent));isolation:isolate}.lunar-guide-phase-fig:before{content:"";position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 38%,transparent) 0%,color-mix(in srgb,var(--gold) 18%,transparent) 35%,transparent 70%);filter:blur(10px);pointer-events:none;animation:lunarPhaseAuraPulse 4.5s ease-in-out infinite;z-index:-1}@keyframes lunarPhaseAuraPulse{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.lunar-guide-phase-fig svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 60%,transparent))}.lunar-guide-cycle-fig{max-width:280px;margin:8px auto 20px;color:var(--gold);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 25%,transparent))}@media (max-width: 480px){.lunar-guide-cycle-fig{max-width:240px}}.lunar-page{display:flex;flex-direction:column}.lunar-tools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.lunar-title{text-align:left;margin-bottom:18px}.lunar-current{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:22px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));border-radius:var(--radius);box-shadow:0 0 18px color-mix(in srgb,var(--gold) 14%,transparent)}.lunar-current-glyph{color:var(--gold);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 70%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 45%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--gold) 22%,transparent));animation:lunarGlowPulse 4s ease-in-out infinite;flex-shrink:0}@keyframes lunarGlowPulse{0%,to{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 70%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 45%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--gold) 22%,transparent))}50%{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 85%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 55%,transparent)) drop-shadow(0 0 32px color-mix(in srgb,var(--gold) 30%,transparent))}}.lunar-current-text{display:flex;flex-direction:column;gap:2px}.lunar-current-label{font-size:12px;color:var(--text-muted);letter-spacing:.04em}.lunar-current-phase{font-size:18px;font-weight:600;color:var(--gold);letter-spacing:.02em}.lunar-current-times{margin-left:auto;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12.5px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em}.lunar-time-row{display:inline-flex;align-items:center;gap:6px}.lunar-time-icon{color:var(--gold);opacity:.9;flex-shrink:0}.lunar-time-dir{margin-left:2px;color:var(--text-muted);font-size:11.5px;letter-spacing:.06em}.lunar-time-note{font-size:11.5px;font-style:italic;color:var(--text-muted)}.lunar-sort{display:inline-flex;align-self:flex-end;margin:0 0 14px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.lunar-sort-btn{padding:5px 12px;border:none;background:transparent;border-radius:999px;color:var(--text-muted);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:color .15s,background .15s;font-family:inherit}.lunar-sort-btn.active{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.lunar-phase-list{display:flex;flex-direction:column;gap:14px}.lunar-phase-card{position:relative;padding:16px 18px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}.lunar-phase-help-btn{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit;line-height:1;transition:color .2s,border-color .2s,background .2s}.lunar-phase-help-btn:hover{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,var(--border));background:color-mix(in srgb,var(--gold) 8%,transparent)}.phase-popup-title-main,.phase-popup-title-sub{display:block}.phase-popup-title-main{font-size:18px;letter-spacing:.06em}.phase-popup-title-sub{margin-top:4px;font-size:13px;font-weight:400;color:color-mix(in srgb,var(--gold) 75%,var(--text-muted));letter-spacing:.04em}.lunar-phase-help-body{text-align:left}.lunar-phase-help-glyph{position:relative;display:flex;align-items:center;justify-content:center;margin:18px 0 26px;color:var(--gold)}.lunar-phase-help-glyph:before{content:"";position:absolute;width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 0%,color-mix(in srgb,var(--accent) 18%,transparent) 35%,transparent 70%);filter:blur(14px);pointer-events:none;z-index:0;animation:lunar-help-glyph-aura 4.5s ease-in-out infinite}@keyframes lunar-help-glyph-aura{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.1)}}.lunar-phase-help-glyph svg{position:relative;z-index:1;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 60%,transparent))}.lunar-phase-help-text{font-size:13px;line-height:1.75;color:var(--text);white-space:pre-line;max-height:50vh;overflow-y:auto}.lunar-phase-card.is-nearest{border-color:color-mix(in srgb,var(--gold) 50%,var(--border));background:color-mix(in srgb,var(--gold) 5%,var(--surface));box-shadow:0 0 18px color-mix(in srgb,var(--gold) 14%,transparent)}.lunar-phase-card.is-today{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface));box-shadow:0 0 24px color-mix(in srgb,var(--gold) 24%,transparent)}.lunar-phase-name-line{display:flex;align-items:center;gap:8px}.lunar-phase-recommend-badge{display:inline-block;padding:3px 9px;background:color-mix(in srgb,var(--gold) 18%,transparent);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:999px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1;white-space:nowrap}.lunar-phase-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.lunar-phase-icon{color:var(--gold);flex-shrink:0;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--gold) 65%,transparent)) drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 40%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 18%,transparent));animation:lunarPhaseIconPulse 5s ease-in-out infinite}.lunar-phase-card:nth-child(2) .lunar-phase-icon{animation-delay:.6s}.lunar-phase-card:nth-child(3) .lunar-phase-icon{animation-delay:1.2s}.lunar-phase-card:nth-child(4) .lunar-phase-icon{animation-delay:1.8s}@keyframes lunarPhaseIconPulse{0%,to{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--gold) 65%,transparent)) drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 40%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 18%,transparent))}50%{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold) 80%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 50%,transparent)) drop-shadow(0 0 22px color-mix(in srgb,var(--gold) 26%,transparent))}}.lunar-phase-name-wrap{display:flex;flex-direction:column;gap:2px;flex:1}.lunar-phase-name{font-size:16px;font-weight:600;color:var(--text);letter-spacing:.02em}.lunar-phase-dday{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}.lunar-phase-card.is-today .lunar-phase-dday{color:var(--gold);font-weight:600}.lunar-phase-meaning{font-size:13px;line-height:1.6;color:var(--text-muted);margin:0 0 8px;letter-spacing:.02em}.lunar-phase-question{font-size:13px;line-height:1.6;color:var(--text);margin:0 0 14px;font-style:italic;letter-spacing:.02em;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--gold) 40%,var(--border))}.lunar-start-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:13.5px;letter-spacing:.04em;min-height:44px}.lunar-start-btn svg{flex-shrink:0}@media (max-width: 480px){.lunar-current{padding:14px 16px;gap:12px;margin-bottom:18px}.lunar-phase-card{padding:14px 16px 12px}.lunar-phase-name{font-size:15px}}.lunar-picker{position:relative;min-height:100vh;overflow:hidden;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 60px);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--gold) 14%,transparent),transparent 50%),radial-gradient(ellipse at bottom,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%)}.lunar-picker-tools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;position:relative;z-index:2}.lunar-picker-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--gold) 80%,white);box-shadow:0 0 8px color-mix(in srgb,var(--gold) 70%,transparent);animation:lunar-twinkle 4s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes lunar-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.lunar-picker-inner{position:relative;z-index:2;max-width:480px;margin:0 auto;text-align:center}.lunar-picker-focal{position:relative;display:flex;justify-content:center;margin:90px 0 38px;color:var(--gold)}.lunar-picker-focal:before{content:"";position:absolute;width:240px;height:240px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 0%,color-mix(in srgb,var(--accent) 18%,transparent) 35%,transparent 70%);filter:blur(18px);pointer-events:none;z-index:0;animation:lunar-picker-focal-aura 5s ease-in-out infinite}@keyframes lunar-picker-focal-aura{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.14)}}.lunar-picker-focal svg{position:relative;z-index:1;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 70%,transparent))}.lunar-picker-title{font-size:26px;font-weight:600;color:var(--gold);letter-spacing:.06em;margin:12px 0 10px;text-shadow:0 0 18px color-mix(in srgb,var(--gold) 50%,transparent)}.lunar-picker-question{font-size:15px;font-style:italic;color:var(--text);line-height:1.6;margin:0 0 8px;letter-spacing:.02em;padding:0 12px}.lunar-picker-subtitle{font-size:13px;color:var(--text-muted);letter-spacing:.05em;margin:0 0 28px}.lunar-picker-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.lunar-picker-card{position:relative;padding:22px 18px 20px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--gold) 50%,var(--border));border-radius:var(--radius);box-shadow:0 0 24px color-mix(in srgb,var(--gold) 14%,transparent),inset 0 0 18px color-mix(in srgb,var(--gold) 6%,transparent);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;text-align:center;font-family:inherit;color:inherit;width:100%}.lunar-picker-card:hover{border-color:var(--gold);box-shadow:0 0 30px color-mix(in srgb,var(--gold) 24%,transparent),inset 0 0 22px color-mix(in srgb,var(--gold) 10%,transparent);transform:translateY(-1px)}.lunar-picker-card:active{transform:translateY(0)}.lunar-picker-badge{display:inline-block;padding:2px 8px;font-size:10.5px;letter-spacing:.08em;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-radius:999px;margin-bottom:10px;text-transform:uppercase}.lunar-picker-card-name{font-size:18px;font-weight:600;color:var(--text);letter-spacing:.04em;margin-bottom:6px}.lunar-picker-card-cap{font-size:13px;color:var(--gold);letter-spacing:.03em;margin-bottom:8px}.lunar-picker-card-meta{font-size:12px;color:var(--text-muted);letter-spacing:.04em}.lunar-picker-other{display:inline-block;margin:0 auto;padding:10px 18px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:13px;letter-spacing:.04em;cursor:pointer;transition:color .2s,border-color .2s;font-family:inherit}.lunar-picker-other:hover{color:var(--text);border-color:color-mix(in srgb,var(--gold) 30%,var(--border))}@media (max-width: 480px){.lunar-picker{padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 50px)}.lunar-picker-title{font-size:23px;margin:20px 0 8px}.lunar-picker-card{padding:20px 16px 18px}}.fan-deck{position:relative;width:100%;height:100%;overflow:visible;touch-action:pan-y}.fan-row{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fan-card{position:absolute;border-radius:5px;background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft));border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:0;pointer-events:auto;touch-action:none;transition:left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),opacity .2s,filter .1s}@media (hover: hover) and (pointer: fine){.fan-card:hover:not(:disabled):not(.pressing){filter:brightness(1.3) saturate(1.15)}}.fan-card.pressing{filter:brightness(1.6) saturate(1.25)}.fan-card.taken{opacity:0;pointer-events:none;transition:opacity .25s ease-out}.fan-deck.shuffling .fan-card{animation:shuffle-wobble .64s ease-in-out infinite;transition:none}@keyframes shuffle-wobble{0%{transform:rotate(0) translateY(0)}20%{transform:rotate(-6deg) translateY(-3px) translate(-2px)}40%{transform:rotate(4deg) translateY(1px) translate(3px)}60%{transform:rotate(-3deg) translateY(-2px) translate(-1px)}80%{transform:rotate(5deg) translateY(2px) translate(2px)}to{transform:rotate(0) translateY(0)}}.fan-deck.shuffling .fan-card:nth-child(-n+6){animation:shuffle-cut .48s ease-in-out infinite}@keyframes shuffle-cut{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-18px) translate(14px) rotate(10deg)}50%{transform:translateY(-6px) translate(22px) rotate(-4deg)}75%{transform:translateY(8px) translate(10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.fan-deck.no-fan-anim .fan-card{transition:none!important}.catmgr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.catmgr-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;padding:16px}.catmgr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.catmgr-header h2{font-size:18px;margin:0;flex:1}.catmgr-header-actions{display:flex;gap:6px}.catmgr-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.catmgr-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.catmgr-name{font-size:14px;font-weight:500;flex:1;display:inline-flex;align-items:center;gap:6px}.catmgr-lock{display:inline-flex;align-items:center;justify-content:center;color:var(--gold, #d4a857);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--gold, #d4a857) 35%,transparent))}.catmgr-actions{display:flex;gap:4px}.catmgr-actions button{padding:3px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-muted);cursor:pointer}.catmgr-actions button:hover{border-color:var(--accent);color:var(--text)}.catmgr-actions button:disabled{opacity:.3}.catmgr-del{color:var(--danger)!important}.catmgr-del:hover{border-color:var(--danger)!important}.catmgr-edit{display:flex;gap:6px;flex:1}.catmgr-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px}.catmgr-add{display:flex;gap:8px}.catmgr-confirm{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}.catmgr-confirm-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;max-width:320px;width:100%;text-align:center}.catmgr-confirm-msg{font-size:14px;margin-bottom:16px;line-height:1.6}.catmgr-confirm-actions{display:flex;gap:8px;justify-content:center}.catmgr-confirm-del{color:var(--danger)!important;border-color:var(--danger)!important}.share-img-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10500;overflow-y:auto}.share-img-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.share-img-title{margin:0;font-size:17px;font-weight:600;color:var(--text)}.share-img-preview-section{margin-bottom:12px}.share-img-preview-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.share-img-preview{width:100%;height:100%;object-fit:contain;display:block}.share-img-loading,.share-img-error{color:var(--text-muted);font-size:13px}.share-img-error{color:var(--danger, #c94a5a)}.share-img-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.share-img-actions .btn{flex:1;min-width:90px}.share-img-section-title{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.02em;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 25%,transparent)}.share-img-options-section{margin-bottom:12px}.share-img-options{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:color-mix(in srgb,var(--gold) 4%,var(--bg));border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border));border-radius:var(--radius-sm, 8px)}.share-img-option-grid{display:flex;flex-wrap:wrap;gap:14px 22px}.share-img-option-row{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:2px 0;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.share-img-option-row input[type=checkbox]{accent-color:var(--gold);width:14px;height:14px;flex-shrink:0;cursor:pointer}.share-img-option-hint{margin:0;font-size:12px;line-height:1.55;color:var(--text-muted);letter-spacing:.01em}.add-question-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99999;display:flex;align-items:center;justify-content:center;padding:56px 20px;animation:aq-fade-in .2s ease-out}@keyframes aq-fade-in{0%{opacity:0}to{opacity:1}}.add-question-dialog{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 112px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #00000080,0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent),0 0 60px color-mix(in srgb,var(--accent) 14%,transparent);animation:aq-pop .25s ease-out;overflow:hidden}@keyframes aq-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.add-question-steps{display:flex;justify-content:center;gap:6px;padding:0 0 14px}.add-question-step-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--text-muted) 35%,transparent);transition:background .2s,transform .2s}.add-question-step-dot.done{background:color-mix(in srgb,var(--gold) 40%,transparent)}.add-question-step-dot.active{background:var(--gold);transform:scale(1.4);box-shadow:0 0 8px color-mix(in srgb,var(--gold) 50%,transparent)}.add-question-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;gap:12px}.add-question-header-titles{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.add-question-title{font-size:16px;font-weight:700;color:var(--gold);margin:0;letter-spacing:.04em}.add-question-step-label{font-size:12px;color:var(--text-muted)}.add-question-header-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.add-question-body{flex:1;overflow-y:auto;padding:0 20px 16px;display:flex;flex-direction:column;gap:18px}.add-question-section{display:flex;flex-direction:column;gap:8px}.add-question-label{font-size:12px;font-weight:600;color:var(--text-muted)}.add-question-q-input{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;line-height:1.5;resize:vertical;font-family:inherit}.add-question-q-input:focus{outline:none;border-color:var(--gold)}.add-question-list{display:flex;flex-direction:column;gap:8px}.aq-section-help{font-size:12px;color:var(--text-muted);line-height:1.6;padding:8px 10px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:10px}.aq-count-chips{display:flex;gap:8px;flex-wrap:wrap}.aq-count-chip{flex:1 0 calc(20% - 8px);min-width:50px;padding:12px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.aq-count-chip:hover{border-color:color-mix(in srgb,var(--gold) 50%,var(--border))}.aq-count-chip.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface));color:var(--gold)}.aq-position-canvas{position:relative;width:100%;background:var(--bg);border:1px dashed color-mix(in srgb,var(--gold) 50%,var(--border));border-radius:var(--radius);cursor:crosshair;overflow:hidden;min-height:200px}.aq-position-marker{position:absolute;width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:50%;background:var(--gold);color:var(--bg);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 0 2px var(--bg),0 0 12px color-mix(in srgb,var(--gold) 60%,transparent);z-index:10}.aq-position-undo{margin-top:10px;align-self:flex-start;padding:6px 14px;font-size:12px}.aq-meaning-list{display:flex;flex-direction:column;gap:12px}.aq-meaning-item{display:flex;gap:10px;align-items:flex-start}.aq-meaning-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--gold) 18%,var(--surface));color:var(--gold);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:4px}.aq-meaning-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.aq-meaning-name-input,.aq-meaning-desc-input{width:100%;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;resize:vertical}.aq-meaning-name-input:focus,.aq-meaning-desc-input:focus{outline:none;border-color:var(--gold)}.aq-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;text-align:left;width:100%}.aq-item:hover{border-color:var(--accent, color-mix(in srgb, var(--gold) 60%, var(--border)))}.aq-item.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent) inset}.aq-item.disabled,.aq-item:disabled{opacity:.55;cursor:not-allowed}.aq-item.disabled:hover,.aq-item:disabled:hover{border-color:var(--border)}.aq-item-coming{font-size:11px;color:var(--text-muted);margin-top:4px;font-style:italic}.aq-item-meta{flex:1;min-width:0}.aq-item-name{font-weight:600;font-size:15px;color:var(--text);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.aq-item.selected .aq-item-name{color:var(--gold)}.aq-item-count{font-size:12px;color:var(--text-muted);font-weight:400}.aq-item-desc{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.5}.add-question-footer{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 30%,var(--surface));min-height:60px}.add-question-footer-spacer{flex:1}.add-question-confirm{min-width:100px}.add-question-confirm:disabled,.add-question-footer button:disabled{opacity:.5;cursor:not-allowed}.aq-question-footer{gap:10px}.aq-question-footer .aq-ai-rec-btn,.aq-question-footer .add-question-confirm{flex:1;min-width:0;justify-content:center}.aq-ai-rec-btn{display:inline-flex;align-items:center;gap:6px}.aq-ai-error{padding:8px 20px 4px;font-size:12px;line-height:1.5;color:var(--danger, #e07a7a);background:color-mix(in srgb,var(--bg) 30%,var(--surface));border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);white-space:pre-line}.aq-spread-search-row{display:flex;gap:8px;margin-bottom:12px;align-items:stretch}.aq-spread-search-input-wrap{position:relative;flex:1;min-width:0}.aq-spread-search-input{width:100%;padding:8px 32px 8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px}.aq-spread-search-input:focus{outline:none;border-color:var(--gold)}.aq-spread-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center}.aq-spread-filter-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.aq-spread-filter-toggle button{padding:0 12px;background:var(--bg);border:none;color:var(--text-muted);font-size:12px;cursor:pointer;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center}.aq-spread-filter-toggle button:last-child{border-right:none}.aq-spread-filter-toggle button.icon-only{padding:0 10px}.aq-spread-filter-toggle button.active{background:color-mix(in srgb,var(--gold) 15%,var(--bg));color:var(--gold)}.aq-empty-hint{text-align:center;color:var(--text-muted);font-size:13px;padding:20px}.aq-user-badge{display:inline-block;padding:1px 6px;font-size:10px;font-weight:600;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold);border-radius:4px;margin-left:6px}.aq-item-wrap{display:flex;flex-direction:column}.aq-info-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.aq-info-btn:hover{border-color:var(--gold);color:var(--gold)}.aq-item-wrap:has(>.aq-preset-details)>.aq-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.aq-item:hover+.aq-preset-details{border-color:var(--accent, color-mix(in srgb, var(--gold) 60%, var(--border)))}.aq-item:hover+.aq-preset-details:before{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 35%,transparent),transparent)}.aq-preset-details:hover{border-color:var(--accent, color-mix(in srgb, var(--gold) 60%, var(--border)))}.aq-preset-details:hover:before{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 35%,transparent),transparent)}.aq-item-wrap:has(>.aq-preset-details:hover)>.aq-item{border-color:var(--accent, color-mix(in srgb, var(--gold) 60%, var(--border)));border-bottom-color:transparent}.aq-preset-details{position:relative;margin:0;padding:14px;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius)}.aq-preset-details:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--border) 60%,transparent),transparent);pointer-events:none}.aq-item-wrap:has(>.aq-item.selected)>.aq-preset-details{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.aq-item-wrap:has(>.aq-item.selected)>.aq-preset-details:before{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 35%,transparent),transparent)}.aq-preset-pos-row{display:flex;gap:8px;font-size:12px;line-height:1.6;align-items:baseline}.aq-preset-pos-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold);border-radius:50%;flex-shrink:0}.aq-preset-pos-label{font-weight:600;color:var(--text)}.aq-preset-pos-desc{color:var(--text-muted)}.aq-mini-preview{position:relative;width:110px;height:80px;flex-shrink:0;background:var(--bg);border:1px dashed var(--border);border-radius:4px;margin-left:8px}.aq-mini-pos{position:absolute;width:14px;height:20px;background:color-mix(in srgb,var(--gold) 30%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-radius:2px;font-size:8px;color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.aq-item.selected .aq-mini-preview{border-color:color-mix(in srgb,var(--gold) 50%,var(--border))}.aq-item.selected .aq-mini-pos{background:color-mix(in srgb,var(--gold) 50%,var(--surface))}.reading-past-segments{padding:16px;display:flex;flex-direction:column;gap:4px}.past-segment{margin-bottom:16px;padding:12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--gold) 70%,var(--border));border-radius:var(--radius);opacity:.92}.history-past-segments{padding:0}.history-past-segments .past-segment,.history-main-segment{margin-bottom:28px;padding:22px;background:radial-gradient(ellipse 120% 60% at 50% -10%,color-mix(in srgb,var(--gold) 7%,transparent) 0%,transparent 55%),radial-gradient(ellipse 100% 80% at 50% 110%,color-mix(in srgb,var(--accent) 5%,transparent) 0%,transparent 60%),var(--surface);border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border));border-left:1px solid color-mix(in srgb,var(--gold) 22%,var(--border));border-radius:14px;box-shadow:0 8px 30px #0006,inset 0 0 0 1px color-mix(in srgb,var(--gold) 6%,transparent),0 0 50px color-mix(in srgb,var(--gold) 5%,transparent);opacity:1;position:relative;overflow:hidden}.history-past-segments .past-segment:before,.history-main-segment:before{content:"✦";position:absolute;top:14px;right:16px;color:color-mix(in srgb,var(--gold) 45%,transparent);font-size:13px;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 50%,transparent),0 0 14px color-mix(in srgb,var(--gold) 25%,transparent);pointer-events:none;letter-spacing:0}.history-past-segments .past-segment:after,.history-main-segment:after{content:"";position:absolute;top:-30px;left:-30px;width:120px;height:120px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 12%,transparent) 0%,transparent 70%);pointer-events:none;filter:blur(10px)}.history-past-segments .past-segment-index,.past-segment-header.history-main-header .past-segment-index{font-size:18px;font-weight:700;letter-spacing:.03em;color:var(--gold);text-shadow:0 0 14px color-mix(in srgb,var(--gold) 35%,transparent)}.history-past-segments .past-segment-header,.past-segment-header.history-main-header{position:relative;display:flex;justify-content:center;padding-bottom:12px;margin-bottom:14px}.history-past-segments .past-segment-index,.past-segment-header.history-main-header .past-segment-index{text-align:center}.history-final-summary-text{font-size:14px;line-height:1.7;color:var(--text);white-space:pre-wrap}.past-segment-spread-meta{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;margin:0 0 12px;padding-bottom:10px;border-bottom:1px dashed color-mix(in srgb,var(--gold) 18%,var(--border))}.past-segment-spread-meta-title{font-size:15px;font-weight:600;color:var(--gold);letter-spacing:.02em;text-shadow:0 0 10px color-mix(in srgb,var(--gold) 25%,transparent)}.past-segment-spread-meta-sub{font-size:12px;color:var(--text-muted);letter-spacing:.05em}.history-past-segments .past-segment-header:after,.past-segment-header.history-main-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--gold) 35%,transparent) 30%,color-mix(in srgb,var(--gold) 50%,transparent) 50%,color-mix(in srgb,var(--gold) 35%,transparent) 70%,transparent 100%)}.history-past-segments .past-segment-meta,.past-segment-header.history-main-header .past-segment-meta{font-size:12.5px;color:color-mix(in srgb,var(--gold) 50%,var(--text-muted));letter-spacing:.04em}.past-segment-question,.past-segment-note{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;padding:12px 14px;min-height:44px;background:color-mix(in srgb,var(--gold) 4%,var(--bg));border-left:2px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:8px;margin-bottom:8px;box-sizing:border-box}.past-segment-qa-label{font-weight:700;color:var(--gold);flex-shrink:0;width:1.4em;text-align:left;font-size:14px;letter-spacing:0}.past-segment-qa-text{color:var(--text);white-space:pre-wrap;flex:1;min-width:0;font-size:14px;line-height:1.6}.past-segment-qa-empty{font-size:14px;font-style:italic;color:var(--text-muted);opacity:.65}.past-segment-note{margin-bottom:14px}.past-segment-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}.past-segment-index{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.02em}.past-segment-meta{font-size:12px;color:var(--text-muted)}.past-segment-spread{margin:0 0 12px;padding:16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border));border-radius:var(--radius);position:relative;overflow:visible}.past-segment-spread>.advice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.past-segment-spread>.advice-overlay>*{pointer-events:auto}.past-segment-interp,.past-segment-cards{border-top:1px dashed var(--border);padding-top:8px;margin-top:8px}.past-segment-interp>summary,.past-segment-cards>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none}.past-segment-interp>summary::-webkit-details-marker,.past-segment-cards>summary::-webkit-details-marker{display:none}.past-segment-interp>summary:after,.past-segment-cards>summary:after{content:"▼";font-size:10px;color:var(--text-muted);margin-left:auto;transition:transform .2s}.past-segment-interp:not([open])>summary:after,.past-segment-cards:not([open])>summary:after{transform:rotate(-90deg)}.past-segment-interp-body{margin-top:8px;font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap;padding:8px 10px;background:var(--bg);border-radius:var(--radius-sm)}.past-segment-cards-body{margin-top:8px}.past-segment-helptext{font-size:12px;color:var(--text-muted);padding:8px 10px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:10px;line-height:1.6}.past-segment-card-list{display:flex;flex-direction:column;gap:10px}.past-segment-card{padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}.past-segment-card-main-row{display:flex;gap:10px;align-items:stretch}.past-segment-card-img{width:48px;height:78px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0;cursor:zoom-in}.past-segment-card-img.reversed{transform:rotate(180deg)}.past-segment-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.past-segment-card-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px}.past-segment-card-pos{font-weight:600;font-size:13px;color:var(--gold)}.past-segment-card-name{font-size:13px;color:var(--text)}.past-segment-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.past-segment-card-section-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:6px;letter-spacing:.02em;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 30%,transparent)}.past-segment-card-summary,.past-segment-card-detail{margin-bottom:12px;padding:4px 0 10px;font-size:13px;line-height:1.65;color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}.past-segment-card-summary p,.past-segment-card-detail p{margin:0}.past-segment-card-polarity{margin-bottom:10px;margin-left:14px;padding:10px 12px 10px 14px;font-size:13px;line-height:1.65;color:var(--text);border-radius:6px;border-left:3px solid var(--border);background:color-mix(in srgb,var(--gold) 2%,transparent)}.past-segment-card-polarity p{margin:4px 0 0}.past-segment-card-polarity.polarity-up{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,transparent)}.past-segment-card-polarity.polarity-rev{border-left-color:var(--danger, #c94a5a);background:color-mix(in srgb,var(--danger, #c94a5a) 5%,transparent)}.past-segment-card-polarity-label{font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.past-segment-card-polarity-label.up{color:var(--gold);text-shadow:0 0 8px color-mix(in srgb,var(--gold) 30%,transparent)}.past-segment-card-polarity-label.rev{color:var(--danger, #c94a5a)}.past-segment-card-kw{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.past-segment-card-body{font-size:13px;line-height:1.6;color:var(--text)}.ai-usage-summary{margin-top:16px;padding:12px 14px;background:var(--surface);border:1px dashed color-mix(in srgb,var(--gold) 50%,var(--border));border-radius:var(--radius-sm);font-size:12px;color:var(--text)}.ai-usage-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:8px}.ai-usage-title{font-weight:700;font-size:12px;color:var(--gold);letter-spacing:.04em}.ai-usage-model{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--text-muted)}.ai-usage-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.ai-usage-row,.ai-usage-total{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;font-variant-numeric:tabular-nums}.ai-usage-row-label{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-usage-row-tokens,.ai-usage-total-tokens{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--text-muted)}.ai-usage-row-cost,.ai-usage-total-cost{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--text)}.ai-usage-total{padding-top:8px;border-top:1px dashed var(--border);font-weight:700}.ai-usage-total-label{color:var(--gold)}.ai-usage-total-cost{color:var(--gold);font-size:13px}.ai-usage-meta{font-size:10px;color:var(--text-muted);margin-top:6px;text-align:right;font-family:ui-monospace,Menlo,monospace}.segment-nav{position:fixed;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:9000;pointer-events:none;padding:8px 0}.segment-nav:after{content:"";position:absolute;top:-10px;right:-8px;bottom:-10px;left:-8px;background:radial-gradient(ellipse 45% 90% at 50% 50%,rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 35%,transparent 80%);z-index:-1;pointer-events:none;border-radius:100px}.segment-nav:before{content:"";position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%);width:1px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--gold) 35%,transparent) 12%,color-mix(in srgb,var(--gold) 35%,transparent) 88%,transparent);pointer-events:none}.segment-nav-btn{pointer-events:auto;position:relative;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:color-mix(in srgb,var(--gold) 55%,var(--text-muted));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .25s ease,color .25s ease,filter .3s ease;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--gold) 35%,transparent))}.segment-nav-btn:hover{color:var(--gold);transform:scale(1.2);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 70%,transparent))}.segment-nav-btn.active{width:30px;height:30px;color:var(--gold);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 90%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 60%,transparent))}@media (max-width: 480px){.segment-nav{right:10px;gap:12px}.segment-nav-btn{width:22px;height:22px}.segment-nav-btn.active{width:26px;height:26px}}.segment-chapter-divider{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:0 4px}.segment-chapter-line{flex:1;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 60%,transparent),color-mix(in srgb,var(--gold) 60%,transparent),transparent)}.segment-chapter-line:first-child{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 60%,transparent))}.segment-chapter-line:last-child{background:linear-gradient(to left,transparent,color-mix(in srgb,var(--gold) 60%,transparent))}.segment-chapter-label{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gold);white-space:nowrap;text-shadow:0 0 12px color-mix(in srgb,var(--gold) 35%,transparent)}.reading-layout{display:grid;grid-template-columns:2fr 1fr;min-height:100vh;gap:0;overflow-x:hidden}.reading-left{overflow:hidden;padding:20px;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.reading-right{padding:20px;background:var(--surface);overflow-y:auto;max-height:100vh}.reading-toolbar{display:flex;gap:5px;margin-bottom:12px;flex-wrap:nowrap}.reading-toolbar .tool-btn{flex:1;padding:5px 4px;font-size:12px;min-height:30px;white-space:nowrap;justify-content:center}.reading-toolbar .tool-btn svg{width:13px;height:13px}.reading-toolbar .help-btn{flex:0 0 auto;width:30px;padding:0;font-weight:700;font-size:14px}.reading-header{margin-bottom:12px}.reading-title{font-size:20px;font-weight:700}.reading-question{color:var(--text-muted);font-size:14px;margin-top:4px}.reading-status{margin-top:8px;font-size:13px;color:var(--accent)}.reading-fan-label{display:flex;align-items:center;justify-content:center;gap:8px;margin:-8px 0 12px;padding:4px 10px;font-size:11.5px;color:var(--text-muted);letter-spacing:.03em}.fan-shift-btn{flex-shrink:0;width:30px;height:30px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));color:var(--gold);font-size:14px;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;display:inline-flex;align-items:center;justify-content:center}.fan-shift-btn:disabled{opacity:.4;cursor:not-allowed}@media (hover: hover){.fan-shift-btn:not(:disabled):hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}}.reading-fan-counter{font-weight:600;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);padding:2px 8px;border-radius:10px;font-size:10.5px}.reading-fan-label-text{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.3}.reading-fan-label-deck{color:var(--text)}.reading-fan-label-group{color:var(--text-muted);font-size:11.5px;display:inline-flex;align-items:baseline;gap:5px}.reading-fan-label-count{color:var(--text-muted);font-size:11px}.interp-fan-source{font-size:11px;color:var(--text-muted);margin:2px 0 6px;letter-spacing:.02em}.reading-fan{position:relative;height:230px;margin-bottom:16px;flex-shrink:0}@media (max-width: 1099px){.reading-fan{height:220px}}@media (max-width: 819px){.reading-fan{height:280px}}@media (max-width: 619px){.reading-fan{height:320px}}@media (max-width: 429px){.reading-fan{height:340px}}.reading-spread{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow-x:hidden}body.advice-placing-lock{overflow:hidden;touch-action:none;overscroll-behavior:contain}.reading-spread>.advice-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;z-index:50}.reading-spread>.advice-overlay>*{pointer-events:auto}.reading-spread.advice-placing .spread-layout>.slot-card,.reading-spread.advice-placing .spread-layout>.slot-outline,.reading-spread.advice-placing .spread-layout>.slot-label-layer{filter:brightness(.5);transition:filter .3s ease}.reading-spread.advice-placing>.advice-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(to right,color-mix(in srgb,var(--gold) 18%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--gold) 18%,transparent) 1px,transparent 1px);background-size:5% 5%;animation:advice-placing-grid-in .3s ease-out}@keyframes advice-placing-grid-in{0%{opacity:0}to{opacity:1}}.advice-card{position:absolute;width:var(--card-w, 64px);height:var(--card-h, calc(var(--card-w, 64px) * 13 / 8));border-radius:6px;cursor:pointer;z-index:50;transition:box-shadow .2s ease;pointer-events:auto}.advice-card-back-frame{border-radius:6px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));overflow:hidden}.advice-card-face{width:100%;height:100%;border-radius:6px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));object-fit:cover;display:block}.advice-outline-wrap{position:absolute;transform:translate(-50%,-50%);z-index:50;display:flex;flex-direction:column;align-items:center;pointer-events:none}.advice-outline{width:var(--card-w, 64px);height:var(--card-h, calc(var(--card-w, 64px) * 13 / 8));border-radius:6px;border:2px dashed color-mix(in srgb,var(--gold) 75%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent);pointer-events:auto;transition:border-color .2s,background .2s;box-shadow:0 0 14px color-mix(in srgb,var(--gold) 40%,transparent),0 0 28px color-mix(in srgb,var(--gold) 25%,transparent),inset 0 0 12px color-mix(in srgb,var(--gold) 15%,transparent);animation:advice-outline-glow 2.2s ease-in-out infinite}.advice-outline.placing{cursor:grab}.advice-outline.placing:active{cursor:grabbing}.advice-outline.awaiting-pick,.advice-outline.landing{cursor:default;border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);animation:advice-outline-pulse 1.4s ease-in-out infinite}@keyframes advice-outline-glow{0%,to{box-shadow:0 0 14px color-mix(in srgb,var(--gold) 40%,transparent),0 0 28px color-mix(in srgb,var(--gold) 25%,transparent),inset 0 0 12px color-mix(in srgb,var(--gold) 15%,transparent)}50%{box-shadow:0 0 22px color-mix(in srgb,var(--gold) 55%,transparent),0 0 40px color-mix(in srgb,var(--gold) 35%,transparent),inset 0 0 16px color-mix(in srgb,var(--gold) 25%,transparent)}}@keyframes advice-outline-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--gold) 50%,transparent),0 0 22px color-mix(in srgb,var(--gold) 50%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 0%,transparent),0 0 30px color-mix(in srgb,var(--gold) 70%,transparent)}}.advice-card-wrap{position:absolute;transform:translate(-50%,-50%);z-index:50;display:flex;flex-direction:column;align-items:center;pointer-events:none}.advice-card-wrap>.advice-card{position:static;pointer-events:auto}.advice-card-wrap.selected>.advice-card{box-shadow:0 0 0 2px var(--gold),0 0 18px color-mix(in srgb,var(--gold) 60%,transparent)}.advice-card-label{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;pointer-events:none}.advice-card-pos-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold);font-weight:700;font-size:10px}.advice-card-pos-name{color:var(--text);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.advice-card-wrap.flying{animation:advice-card-place .42s cubic-bezier(.22,1,.36,1) forwards}@keyframes advice-card-place{0%{opacity:0;transform:translate(-50%,calc(-50% - 140px)) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.advice-dialog{max-width:360px;text-align:center}.advice-dialog-card-icon{display:flex;justify-content:center;margin-bottom:14px}.advice-dialog-card-glyph{width:54px;height:88px;border-radius:6px;border:1px solid color-mix(in srgb,var(--gold) 50%,var(--border));position:relative;animation:advice-dialog-card-float 2.6s ease-in-out infinite;box-shadow:0 8px 22px #0006,0 0 24px color-mix(in srgb,var(--gold) 30%,transparent);overflow:hidden}@keyframes advice-dialog-card-float{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-7px) rotate(2.5deg)}}.advice-dialog-position-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;padding:4px 12px;background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));border-radius:999px;margin-bottom:10px}.advice-dialog-title{margin:0 0 14px;font-size:17px;font-weight:700;color:var(--gold);letter-spacing:.02em;line-height:1.45}.advice-dialog-ornament{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 4px}.advice-dialog-ornament-line{flex:1;height:1px}.advice-dialog-ornament-line:first-child{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 55%,transparent))}.advice-dialog-ornament-line:last-child{background:linear-gradient(to left,transparent,color-mix(in srgb,var(--gold) 55%,transparent))}.advice-dialog-ornament-star{color:var(--gold);font-size:12px;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 70%,transparent)}.advice-dialog-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;text-align:left}.advice-dialog-field{display:flex;flex-direction:column;gap:4px}.advice-dialog-field-label{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.advice-dialog-input{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box}.advice-dialog-input:focus{outline:none;border-color:var(--gold)}.advice-dialog-input::placeholder{color:color-mix(in srgb,var(--text-muted) 60%,transparent);font-style:italic}.advice-dialog-textarea{min-height:60px}.advice-toolbar{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;z-index:60}.advice-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 60%,var(--border));border-radius:6px;color:var(--gold);font-size:18px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.advice-tool-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gold) 25%,transparent);border-color:var(--gold)}.advice-tool-btn:disabled{opacity:.35;cursor:not-allowed}.advice-tool-btn.primary{color:var(--gold);background:color-mix(in srgb,var(--gold) 24%,transparent);border-color:var(--gold)}.advice-tool-btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--gold) 36%,transparent)}.advice-tool-btn.danger{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 12%,transparent);border-color:color-mix(in srgb,var(--text-muted) 45%,var(--border))}.advice-tool-btn.danger:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text-muted) 22%,transparent);border-color:var(--text-muted)}.reading-reveal{margin-top:16px;text-align:center}.interp-positions-summary{margin-bottom:16px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.interp-positions-summary h3{font-size:14px;margin-bottom:8px;color:var(--gold)}.interp-pos-list{display:flex;flex-direction:column;gap:4px}.interp-pos-item{font-size:12px;display:flex;align-items:baseline;gap:4px}.interp-pos-num{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:600;flex-shrink:0}.interp-pos-label{font-weight:600;color:var(--text)}.interp-pos-desc{color:var(--text-muted)}.interp-kw{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.interp-polarity{display:flex;flex-direction:column;gap:4px;padding:10px 12px 10px 14px;margin-bottom:10px;margin-left:14px;background:color-mix(in srgb,var(--gold) 2%,transparent);border-left:3px solid var(--border);border-radius:6px;font-size:13px;line-height:1.65}.interp-polarity.polarity-up{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,transparent)}.interp-polarity.polarity-rev{border-left-color:var(--danger, #c94a5a);background:color-mix(in srgb,var(--danger, #c94a5a) 5%,transparent)}.interp-polarity-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.interp-polarity-label.up{color:var(--accent)}.interp-polarity-label.rev{color:var(--danger)}.interp-polarity p{margin:0;font-size:14px;line-height:1.6;color:var(--text)}.interp-help-text{font-size:13px;color:var(--text);padding:8px 10px;margin-bottom:10px;border-left:3px solid var(--gold);background:var(--surface);border-radius:var(--radius-sm);line-height:1.6}.reading-buttons{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:16px}.reading-buttons>.btn{min-width:132px;min-height:44px}.save-panel{margin-top:20px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.save-panel-title{font-size:16px;font-weight:700;margin:0 0 14px;color:var(--gold)}.save-label{font-size:13px;font-weight:600;margin-bottom:6px;display:block}.save-category{margin-bottom:14px}.category-chips{display:flex;flex-wrap:wrap;gap:6px}.cat-chip{padding:5px 12px;border-radius:16px;font-size:12px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.cat-chip:hover{border-color:var(--accent)}.cat-chip.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--bg))}.cat-chip.locked{display:inline-flex;align-items:center;gap:5px;line-height:1}.cat-manage{color:var(--accent);font-weight:700;font-size:14px}.cat-manage:hover{border-color:var(--accent);color:var(--accent)}.save-question{margin-bottom:14px}.save-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px;font-family:inherit;box-sizing:border-box}.save-input:focus{outline:none;border-color:var(--accent)}.save-input:disabled{opacity:.7}.save-memo{margin-bottom:14px}.save-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px;resize:vertical;font-family:inherit;box-sizing:border-box}.save-btn{width:100%;justify-content:center;gap:8px}.reading-bottom-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.reading-bottom-actions .btn{flex:1 1 0;min-width:90px;justify-content:center;gap:6px}.reading-bottom-actions .btn svg{flex-shrink:0}.save-done{text-align:center}.save-done-msg{color:var(--gold);font-weight:600;font-size:14px;margin-bottom:12px}.save-done-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.interp-card-row{display:flex;gap:10px;align-items:flex-start}.interp-card-img-wrap{position:relative;width:48px;height:78px;border-radius:4px;border:1px solid var(--border);overflow:hidden;flex-shrink:0}.interp-card-img-wrap.reversed{transform:rotate(180deg)}.interp-card-img{width:100%;height:100%;object-fit:cover;display:block}.interp-card-content{flex:1;min-width:0}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.help-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:480px;width:100%;max-height:80vh;overflow-y:auto;padding:0}.help-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.help-header h2{font-size:16px;margin:0;color:var(--gold)}.help-body{padding:18px;font-size:14px;line-height:1.8;color:var(--text)}.help-body h3{font-size:15px;color:var(--gold);margin:18px 0 8px}.help-body p{margin:0 0 12px}.help-body ul{margin:8px 0 12px 20px;padding:0}.help-body li{margin-bottom:4px}.help-body strong{color:var(--accent)}.interp-placeholder{color:var(--text-muted);text-align:center;padding:40px 20px;white-space:pre-line;font-size:14px}.interp-title{font-size:18px;font-weight:700;margin-bottom:12px}.interp-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.interp-accordion>summary::-webkit-details-marker{display:none}.interp-accordion>summary:after{content:"▼";font-size:11px;color:var(--text-muted);transition:transform .2s;margin-left:auto}.interp-accordion:not([open])>summary:after{transform:rotate(-90deg)}.interp-cards{display:flex;flex-direction:column;gap:12px}.interp-card{padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}.interp-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.interp-card-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px}.interp-pos-group{display:inline-flex;align-items:center;gap:6px}.interp-desc-inline{font-size:12.5px;color:var(--text-muted);text-align:center;line-height:1.5;max-width:90%}.interp-name-row{display:flex;justify-content:flex-start;margin-bottom:8px}.interp-pos{font-weight:600;color:var(--accent)}.interp-name{font-size:13px;color:var(--text-muted)}.interp-desc{font-size:12px;color:var(--text-muted);margin-bottom:6px}.interp-body{font-size:13px;line-height:1.6}.interp-summary{margin:0;padding:4px 0 10px;background:transparent;border:none;border-bottom:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:0}.interp-summary p{margin:0;font-size:13px;line-height:1.65;color:var(--text)}.interp-section-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:6px;letter-spacing:.02em;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 30%,transparent)}.interp-detail{margin:6px 0 10px;padding:10px 12px;background:color-mix(in srgb,var(--gold) 6%,transparent);border-left:3px solid var(--gold);border-radius:4px;font-size:13px;line-height:1.65;color:var(--text)}.interp-overall{margin-top:20px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.interp-overall h3{font-size:15px;margin-bottom:6px}.interp-overall-body{font-size:13px;line-height:1.6}.interp-note{margin-top:20px}.interp-note textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);margin-bottom:8px;resize:vertical}@media (max-width: 900px){.reading-layout{grid-template-columns:1fr}.reading-left{border-right:none;border-bottom:1px solid var(--border)}.reading-right{max-height:none}}.reveal-btn{position:relative;isolation:isolate}.reveal-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold) 55%,transparent) 0%,color-mix(in srgb,var(--gold) 25%,transparent) 45%,transparent 75%);filter:blur(14px);opacity:.55;pointer-events:none;z-index:-2;animation:reveal-btn-aura 3.2s ease-in-out infinite}.reveal-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.reveal-btn:hover:not(:disabled):before{opacity:.75;top:-10px;right:-10px;bottom:-10px;left:-10px;filter:blur(18px)}@keyframes reveal-btn-aura{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}.save-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:saveOverlayFadeIn .2s ease-out}@keyframes saveOverlayFadeIn{0%{opacity:0}to{opacity:1}}.save-confirm-dialog{background:var(--surface, #1a1a2e);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:14px;padding:24px;max-width:380px;width:100%;box-shadow:0 12px 40px #00000080;animation:saveDialogPop .25s ease-out;overflow:hidden}@keyframes saveDialogPop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.save-confirm-stage{position:relative;width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin:4px 0 16px}.save-confirm-card{position:relative;width:100px;height:160px;border-radius:8px;background:var(--card-back-image) center/cover no-repeat,linear-gradient(135deg,var(--accent),var(--accent-soft));border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px #ffffff14,0 12px 30px #0000008c,0 0 60px color-mix(in srgb,var(--accent) 45%,transparent),0 0 100px color-mix(in srgb,var(--gold) 25%,transparent);animation:save-confirm-card-float 5s ease-in-out infinite,save-confirm-card-glow 4s ease-in-out infinite}.save-confirm-aura{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 0%,color-mix(in srgb,var(--accent) 18%,transparent) 35%,transparent 70%);filter:blur(18px);pointer-events:none;animation:save-confirm-aura-pulse 6s ease-in-out infinite}.save-confirm-sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px var(--gold),0 0 12px color-mix(in srgb,var(--gold) 60%,transparent);opacity:0;animation:save-confirm-sparkle-twinkle 4s ease-in-out infinite}@keyframes save-confirm-card-float{0%,to{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(6px) rotate(1deg)}}@keyframes save-confirm-card-glow{0%,to{box-shadow:0 0 0 1px #ffffff14,0 12px 30px #0000008c,0 0 60px color-mix(in srgb,var(--accent) 45%,transparent),0 0 100px color-mix(in srgb,var(--gold) 25%,transparent)}50%{box-shadow:0 0 0 1px #ffffff24,0 12px 30px #0000008c,0 0 90px color-mix(in srgb,var(--accent) 60%,transparent),0 0 140px color-mix(in srgb,var(--gold) 40%,transparent)}}@keyframes save-confirm-aura-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes save-confirm-sparkle-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.save-confirm-text{margin:0 0 20px;text-align:center;font-size:15px;line-height:1.6;letter-spacing:.03em;color:var(--text, #fff);text-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent)}.save-confirm-summary{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;text-align:left}.save-confirm-summary-label{font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.02em}.save-confirm-summary-optional{font-weight:400;color:var(--text-muted);font-size:11px;margin-left:4px}.save-confirm-summary-textarea{width:100%;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);font-size:13px;line-height:1.55;font-family:inherit;resize:vertical;min-height:64px;box-sizing:border-box}.save-confirm-summary-textarea:focus{outline:none;border-color:color-mix(in srgb,var(--gold) 50%,var(--border))}.save-confirm-buttons{display:flex;gap:10px;justify-content:center}.save-confirm-buttons .btn{min-width:96px}@media (max-width: 480px){.save-confirm-stage{height:190px}.save-confirm-card{width:90px;height:144px}.save-confirm-aura{width:220px;height:220px}}.save-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:saveOverlayFadeIn .25s ease-out}.save-success-message{background:var(--surface, #1a1a2e);border:1px solid var(--accent, #b892ff);border-radius:14px;padding:28px 36px;text-align:center;box-shadow:0 12px 40px #00000080;animation:saveSuccessPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes saveSuccessPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.save-success-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--accent, #b892ff);color:var(--bg, #0e0e1c);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.save-success-message p{margin:0;font-size:15px;font-weight:500;color:var(--text, #fff)}.ai-interp-error{width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px;color:var(--danger, #e87878);background:color-mix(in srgb,var(--danger, #e87878) 8%,transparent);border-radius:var(--radius-sm, 8px);text-align:center;white-space:pre-line}.save-success-icon.save-success-icon-warn{color:var(--gold, #d4a857);background:color-mix(in srgb,var(--gold, #d4a857) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold, #d4a857) 40%,var(--border))}.reading-bottom-btn{word-break:keep-all;line-height:1.2;text-align:center}.reading-beginner-hint{margin:0 0 8px;font-size:12px;line-height:1.55;color:var(--text-muted);text-align:center;letter-spacing:.01em}.card-info-page{padding-bottom:40px}.ci-header{margin-bottom:12px}.ci-header-actions{display:flex;gap:6px;flex-wrap:nowrap}.ci-header-actions .tool-btn{flex:0 1 auto;min-width:0}@media (max-width: 420px){.ci-header-actions{gap:4px}.ci-header-actions .tool-btn{padding:6px 10px;font-size:12px;letter-spacing:0}.ci-header-actions .tool-btn svg{width:13px;height:13px}}.ci-deck-tabs{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.ci-deck-tab{padding:7px 14px;background:var(--bg);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));color:var(--text-muted);border-radius:16px;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ci-deck-tab.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--bg));font-weight:600}.ci-search{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:14px;margin-bottom:10px}.ci-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.ci-filter{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text-muted);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.ci-filter:hover{border-color:var(--accent)}.ci-filter.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.ci-list{display:grid;gap:8px}.ci-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.ci-card.open{border-color:var(--gold)}.ci-card-header{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;background:none;border:none;color:var(--text);cursor:pointer;text-align:left}.ci-thumb{width:40px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0;border:1px solid var(--border)}.ci-card-meta{flex:1;min-width:0}.ci-card-name{font-weight:600;font-size:15px}.ci-card-en{font-size:11px;color:var(--text-muted)}.ci-card-short{font-size:12px;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-arrow{font-size:11px;color:var(--text-muted);flex-shrink:0}.ci-card-body{padding:14px;border-top:1px solid var(--border);background:var(--bg)}.ci-full-img{width:120px;height:auto;border-radius:6px;border:1px solid var(--border);margin:0 auto 14px;display:block;box-shadow:var(--shadow)}.ci-section{margin-bottom:14px}.ci-section:last-child{margin-bottom:0}.ci-section-title{font-weight:600;font-size:13px;margin-bottom:4px;color:var(--gold)}.ci-section-text{font-size:13px;line-height:1.7}.ci-positive .ci-section-title{color:var(--accent)}.ci-negative .ci-section-title{color:var(--danger)}.ci-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ci-kw{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.ci-kw.upright{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))}.ci-kw.reversed{background:color-mix(in srgb,var(--danger) 15%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border))}.shared-page{padding-bottom:40px}.shared-badge{display:inline-block;padding:3px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 20%,var(--surface));color:var(--gold);font-size:12px;font-weight:600;margin-bottom:12px}.shared-error{text-align:center;padding:40px 20px}.shared-error h1{font-size:18px;margin-bottom:8px}.shared-error p{color:var(--text-muted);margin-bottom:20px}.shared-question{padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px}.shared-spread{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:visible}.shared-help-text{font-size:13px;padding:8px 10px;margin-bottom:14px;border-left:3px solid var(--gold);background:var(--surface);border-radius:var(--radius-sm);line-height:1.6}.shared-interp-list{display:grid;gap:10px;margin-bottom:16px}.shared-interp-card{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.shared-card-row{display:flex;gap:10px;align-items:flex-start}.shared-card-img{width:48px;height:78px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.shared-card-img.reversed{transform:rotate(180deg)}.shared-card-content{flex:1;min-width:0}.shared-card-head{display:flex;justify-content:space-between;margin-bottom:4px}.reversed-badge{display:inline-block;background:var(--danger);color:#fff;font-size:10px;padding:1px 5px;border-radius:3px;margin-left:4px}.shared-note{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;font-size:14px;line-height:1.6}.shared-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.shared-saved-msg{color:var(--gold);font-weight:600;font-size:14px}.history-detail{padding-bottom:40px}.history-date{color:var(--text-muted);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.history-cat-tag{padding:1px 10px;border-radius:10px;background:color-mix(in srgb,var(--gold) 15%,var(--surface));color:var(--gold);font-size:11px}.history-cat-tag.locked{display:inline-flex;align-items:center;gap:5px;line-height:1;padding:4px 10px}.history-question{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;font-size:14px}.history-spread{padding:16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border));border-radius:var(--radius);margin-bottom:12px;overflow:visible}.history-interp-section{margin-bottom:20px}.history-subtitle{font-size:18px;margin-bottom:12px}.history-interp-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.history-interp-accordion>summary::-webkit-details-marker{display:none}.history-interp-accordion>summary:after{content:"▼";font-size:11px;color:var(--text-muted);transition:transform .2s;margin-left:auto}.history-interp-accordion:not([open])>summary:after{transform:rotate(-90deg)}.history-pos-summary{margin-bottom:16px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.history-pos-summary h3{font-size:14px;margin-bottom:8px;color:var(--gold)}.history-pos-item{font-size:12px;display:flex;align-items:baseline;gap:4px;margin-bottom:3px}.history-pos-num{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:600;flex-shrink:0}.history-help-text{font-size:13px;color:var(--text);padding:8px 10px;margin-bottom:10px;border-left:3px solid var(--gold);background:var(--bg);border-radius:var(--radius-sm);line-height:1.6}.reversed-badge{display:inline-block;background:var(--danger);color:#fff;font-size:10px;padding:1px 5px;border-radius:3px;margin-left:4px;font-weight:600}.history-interp-list{display:grid;gap:12px}.history-interp-card{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.history-interp-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px}.history-card-row{display:flex;gap:10px;align-items:flex-start}.history-card-img{width:48px;height:78px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.history-card-img.reversed{transform:rotate(180deg)}.history-card-content{flex:1;min-width:0}.history-kw{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kw-tag{padding:2px 8px;border-radius:10px;font-size:11px}.kw-tag.up{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent)}.kw-tag.rev{background:color-mix(in srgb,var(--danger) 15%,var(--surface));color:var(--danger)}.history-record-panel{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px}.history-record-title{font-size:16px;font-weight:700;color:var(--gold);margin:0 0 12px}.history-record-label{font-size:12px;font-weight:600;color:var(--text-muted);display:block;margin-bottom:4px}.history-record-cat,.history-record-final-summary{margin-bottom:12px}.history-record-final-summary .history-record-text{border-left:3px solid var(--gold)}.history-record-text{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;line-height:1.6;white-space:pre-wrap}.history-edit-question{margin:12px 0 16px}.history-edit-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.history-edit-segment{margin-bottom:18px;padding:14px 16px;background:color-mix(in srgb,var(--gold) 3%,var(--bg));border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border));border-radius:10px}.history-edit-segment-title{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:10px;letter-spacing:.03em;text-shadow:0 0 10px color-mix(in srgb,var(--gold) 25%,transparent)}.history-edit-input{width:100%;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;box-sizing:border-box}.history-edit-input:focus{outline:none;border-color:var(--accent)}.history-edit-textarea{width:100%;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;box-sizing:border-box}.history-edit-textarea:focus{outline:none;border-color:var(--accent)}.history-bottom-actions{display:flex;justify-content:flex-end;margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--border)}.history-edit-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 18px;background:var(--accent, #b892ff);color:var(--bg, #0e0e1c);border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #0006;z-index:9999;animation:historyEditToast 1.4s ease-out}@keyframes historyEditToast{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.ai-interp-section{margin-top:20px;display:flex;flex-direction:column;align-items:center}.ai-interp-btn{justify-content:center;gap:8px;min-width:200px}.ai-interp-btn svg{flex-shrink:0}.ai-interp-output{width:100%;margin-bottom:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);white-space:pre-wrap;line-height:1.65;font-size:14px;color:var(--text);text-align:left}.ai-interp-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ai-interp-actions .btn{justify-content:center;gap:6px;min-width:130px}.ai-interp-actions .btn svg{flex-shrink:0}.ai-interp-error{width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px;color:var(--danger, #e87878);background:color-mix(in srgb,var(--danger, #e87878) 8%,transparent);border-radius:var(--radius-sm, 8px);text-align:center}.ai-interp-copied{margin-top:10px;font-size:12px;color:var(--gold);font-weight:600;text-align:center}.luna-pick{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:4px 12px 12px}.luna-pick-intro{font-size:12px;line-height:1.5;color:var(--text);white-space:pre-wrap}.luna-pick-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:2px}.luna-pick-grid{display:grid;gap:8px;justify-items:center;align-items:center}.luna-pick-grid-one{grid-template-columns:1fr}.luna-pick-grid-two{grid-template-columns:repeat(2,1fr)}.luna-pick-grid-three{grid-template-columns:repeat(3,1fr)}.luna-pick-grid-four_elements{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.luna-pick-grid-five_cross{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto)}.luna-pick-grid-horseshoe{grid-template-columns:repeat(5,1fr)}.luna-pick-grid-relationship{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}.luna-pick-grid-seven_horseshoe{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}.luna-pick-grid-seven_horseshoe .luna-pick-slot-seven_horseshoe-4{grid-column:1 / span 1}.luna-pick-grid-seven_horseshoe .luna-pick-slot-seven_horseshoe-5{grid-column:2 / span 1}.luna-pick-grid-seven_horseshoe .luna-pick-slot-seven_horseshoe-6{grid-column:3 / span 1}.luna-pick-grid-five_cross .luna-pick-slot-five_cross-0{grid-area:2 / 2}.luna-pick-grid-five_cross .luna-pick-slot-five_cross-1{grid-area:3 / 2}.luna-pick-grid-five_cross .luna-pick-slot-five_cross-2{grid-area:2 / 1}.luna-pick-grid-five_cross .luna-pick-slot-five_cross-3{grid-area:2 / 3}.luna-pick-grid-five_cross .luna-pick-slot-five_cross-4{grid-area:1 / 2}.luna-pick-slot{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:96px}.luna-pick-card{position:relative;display:block;box-sizing:border-box;width:60px;height:96px;min-height:96px;aspect-ratio:5 / 8;padding:0;margin:0;background:transparent;border:none;cursor:pointer;perspective:600px;border-radius:6px;flex-shrink:0;vertical-align:top;line-height:0}.luna-pick-card:disabled{cursor:default}.luna-pick-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:6px}.luna-pick-card.is-flipped .luna-pick-card-inner{transform:rotateY(180deg)}.luna-pick-card-back,.luna-pick-card-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 1px 3px #0000004d}.luna-pick-card-back{background:var(--card-back-image) center/cover no-repeat}.luna-pick-card-front{transform:rotateY(180deg);background:var(--bg)}.luna-pick-card-front img{width:100%;height:100%;object-fit:cover;display:block}.luna-pick-meta{display:flex;align-items:center;gap:4px;margin-top:2px;max-width:96px;justify-content:center;flex-wrap:nowrap}.luna-pick-num-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-weight:700;flex-shrink:0;line-height:1}.luna-pick-pos-label{font-size:11px;color:var(--text);font-weight:600;line-height:1.2;word-break:keep-all;white-space:normal;text-align:left;min-width:0}.luna-pick-pos-desc{font-size:9.5px;color:var(--text-muted);line-height:1.25;text-align:center;word-break:keep-all;white-space:normal;max-width:96px;margin-top:1px}.luna-pick-name{font-size:10px;color:var(--text);text-align:center;line-height:1.2;word-break:keep-all;max-width:80px;font-weight:600}.luna-chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:0;background:var(--bg);overflow:hidden}.luna-chat-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.luna-chat-back,.luna-chat-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;color:var(--text);cursor:pointer;border-radius:8px;font-size:22px;line-height:1}.luna-chat-back:hover,.luna-chat-close:hover{background:#ffffff0f}.luna-chat-title{flex:1;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text)}.luna-chat-header-spacer{width:36px}.luna-chat-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}.luna-chat-avatar img{width:100%;height:100%;object-fit:cover;display:block}.luna-rel-debug{padding:6px 12px 8px;background:#50321e2e;border-bottom:1px dashed var(--border);flex-shrink:0;font-size:11px}.luna-rel-debug-stats{display:flex;align-items:center;gap:10px;margin-bottom:5px;flex-wrap:wrap}.luna-rel-debug-label{font-weight:700;color:var(--text-muted);font-size:9.5px;letter-spacing:.4px;text-transform:uppercase}.luna-rel-debug-last{font-weight:700;font-size:11px}.luna-rel-debug-last.is-pos{color:#6dd49a}.luna-rel-debug-last.is-neg{color:#f88}.luna-rel-debug-last.is-zero{color:var(--text-muted)}.luna-rel-debug-affinity{color:var(--text);font-weight:600;font-family:Courier New,monospace}.luna-rel-debug-stage{padding:1px 8px;border-radius:10px;font-size:10px;font-weight:700}.luna-rel-stage-hostile{background:#b4323259;color:#ffb0b0}.luna-rel-stage-distant{background:#96643259;color:#d8b88c}.luna-rel-stage-neutral{background:#7878784d;color:var(--text)}.luna-rel-stage-friendly{background:#508cb459;color:#a8d4ff}.luna-rel-stage-close{background:#a064c859;color:#e5b8ff}.luna-rel-debug-sulk{padding:1px 8px;border-radius:10px;font-size:10px;font-weight:700;background:#ff646440;color:#ffb0b0;border:1px solid rgba(255,100,100,.4);animation:luna-sulk-pulse 2s ease-in-out infinite}@keyframes luna-sulk-pulse{0%,to{opacity:.85}50%{opacity:1}}.luna-rel-debug-bar-row{display:flex;align-items:center;gap:8px}.luna-rel-debug-bar{position:relative;display:flex;height:16px;border-radius:4px;overflow:hidden;border:1px solid var(--border);flex:1;min-width:0}.luna-rel-debug-reset{padding:3px 10px;font-size:10px;font-weight:600;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0;line-height:1.3;letter-spacing:.2px}.luna-rel-debug-reset:hover{background:#ff82822e;color:#ffc0c0;border-color:#ff828266}.luna-rel-debug-seg{display:flex;align-items:center;justify-content:center;min-width:0}.luna-rel-debug-seg-label{font-size:9px;color:#ffffffd9;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden}.luna-rel-seg-hostile{background:#b432328c}.luna-rel-seg-distant{background:#9664328c}.luna-rel-seg-neutral{background:#78787873}.luna-rel-seg-friendly{background:#508cb48c}.luna-rel-seg-close{background:#a064c88c}.luna-rel-debug-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;box-shadow:0 0 6px #ffffffe6,0 0 2px #000;pointer-events:none;transform:translate(-1px);transition:left .4s cubic-bezier(.2,.8,.2,1)}.luna-chat-decisiveness{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;white-space:nowrap;font-size:11px}.luna-chat-decisiveness-label{font-weight:700;color:var(--text-muted);font-size:10px;letter-spacing:.3px;margin-right:4px;flex-shrink:0}.luna-chat-dec-btn{padding:3px 8px;font-size:11px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:12px;cursor:pointer;flex-shrink:0;line-height:1}.luna-chat-dec-btn:hover{background:#ffffff0a;color:var(--text)}.luna-chat-dec-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.luna-chat-dec-btn.is-current{background:#b4b4b438;color:var(--text);border-color:#b4b4b459}.luna-chat-messages{flex:1;overflow-y:auto;padding:14px 12px 8px;display:flex;flex-direction:column;gap:10px}.luna-past-session{margin:6px 0 10px}.luna-past-session-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:12px}.luna-past-session-head.is-open{background:var(--accent);color:#fff;border-color:var(--accent)}.luna-past-session-date{flex:1;text-align:left;font-weight:600}.luna-past-session-count{font-size:11px;opacity:.8}.luna-past-session-chevron{font-size:11px;opacity:.7}.luna-past-session-body{margin:8px 0 4px;padding:0 4px;display:flex;flex-direction:column;gap:10px}.luna-chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:24px;text-align:center}.luna-chat-row{display:flex;gap:8px;align-items:flex-end;max-width:100%}.luna-chat-row.is-luna{justify-content:flex-start}.luna-chat-row.is-user{justify-content:flex-end}.luna-chat-bubble-avatar{width:30px;height:30px;border-radius:50%;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-bottom:18px;-webkit-user-select:none;user-select:none}.luna-chat-bubble-avatar img{width:100%;height:100%;object-fit:cover;display:block}.luna-chat-bubble-wrap{display:flex;flex-direction:column;max-width:75%;min-width:0}.luna-chat-row.is-user .luna-chat-bubble-wrap{align-items:flex-end}.luna-chat-row.is-luna .luna-chat-bubble-wrap{align-items:flex-start}.luna-chat-bubble-wrap-pick{max-width:88%}.luna-chat-bubble-name{font-size:11px;color:var(--text-muted);margin:0 0 3px 4px}.luna-chat-bubble{padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.55;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #00000026}.luna-chat-row.is-luna .luna-chat-bubble{background:var(--surface);color:var(--text);border:1px solid var(--border);border-top-left-radius:4px}.luna-chat-row.is-user .luna-chat-bubble{background:var(--accent);color:#fff;border-top-right-radius:4px}.luna-chat-time{font-size:10px;color:var(--text-muted);margin:3px 4px 0}.luna-chat-level{opacity:.7;font-size:10px}.luna-chat-bubble.is-thinking{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.luna-chat-dots{display:inline-flex;gap:3px}.luna-chat-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block;opacity:.4;animation:luna-chat-dot 1.2s infinite ease-in-out}.luna-chat-dots span:nth-child(2){animation-delay:.15s}.luna-chat-dots span:nth-child(3){animation-delay:.3s}@keyframes luna-chat-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.luna-chat-thinking-label{font-size:12px}.luna-chat-usage{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:11px;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;overflow-x:auto;white-space:nowrap}.luna-chat-usage-label{font-weight:700;color:var(--accent);font-size:10px;letter-spacing:.5px}.luna-chat-usage-cost{color:var(--text);font-weight:600}.luna-chat-usage-meta{margin-left:auto;font-size:10px;opacity:.7}.luna-chat-input-bar{display:flex;gap:8px;padding:10px 12px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.luna-chat-input{flex:1;min-width:0;padding:10px 14px;font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:22px;outline:none}.luna-chat-input:focus{border-color:var(--accent)}.luna-chat-input::placeholder{color:var(--text-muted)}.luna-chat-input:disabled{opacity:.6}.luna-chat-send{padding:0 16px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:22px;cursor:pointer;flex-shrink:0}.luna-chat-send:disabled{opacity:.4;cursor:not-allowed}.settings-page{padding-bottom:40px}.sound-slider-row{display:flex;align-items:center;gap:12px;padding:8px 12px 12px 38px}.sound-slider-label{font-size:13px;color:var(--text-muted);min-width:80px}.sound-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 4px color-mix(in srgb,var(--accent) 60%,transparent)}.sound-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.sound-slider-value{font-size:12px;color:var(--text-muted);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.settings-actions{display:flex;gap:8px;margin-left:auto}.card-design-body>.settings-accordion{margin-bottom:8px}.card-design-body>.settings-accordion:last-child{margin-bottom:0}.card-design-preview{position:sticky;top:0;z-index:5;margin:-12px -12px 12px;padding:10px 12px 8px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-preview{margin-bottom:20px}.preview-screen{position:relative;height:160px;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--bg);display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden}.preview-card{width:56px;height:88px;border-radius:6px;background-size:cover;background-position:center;border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.preview-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-muted);white-space:nowrap;background:color-mix(in srgb,var(--bg) 80%,transparent);padding:2px 10px;border-radius:20px}.settings-accordion{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);color:var(--text);font-size:15px;border:none;cursor:pointer;transition:background .15s}.accordion-header:hover{background:var(--surface-elevated)}.accordion-title{display:flex;align-items:center;gap:12px;font-weight:600}.accordion-current{font-weight:400;font-size:13px;color:var(--gold);display:flex;align-items:center;gap:6px}.accordion-arrow{font-size:11px;color:var(--text-muted)}.accordion-body{padding:12px 16px 16px;background:var(--bg);display:flex;flex-direction:column;gap:6px}.accordion-body-grid{flex-direction:row;flex-wrap:wrap;gap:10px}.pick-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:14px;cursor:pointer;transition:border-color .15s;text-align:left;width:100%}.pick-item:hover{border-color:var(--accent)}.pick-item.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent)}.pick-check{margin-left:auto;color:var(--gold);font-weight:700}.pick-item-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.pick-item-name{font-weight:600}.pick-item-desc{font-size:12px;line-height:1.55;color:var(--text-muted);white-space:pre-wrap}.mini-swatches{display:flex;gap:0;border-radius:4px;overflow:hidden}.mini-sw{width:14px;height:22px;display:block}.pick-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.pick-theme{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;transition:border-color .15s;text-align:center}.pick-theme:hover{border-color:var(--accent)}.pick-theme.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent)}.pick-theme-swatches{width:100%;height:56px;display:flex;border-radius:5px;overflow:hidden;border:1px solid var(--border)}.pick-theme-sw{flex:1;display:block}.pick-theme-name{width:100%;word-break:keep-all;line-height:1.25}.pick-card-back{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;width:80px;transition:border-color .15s}.pick-card-back:hover{border-color:var(--accent)}.pick-card-back.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent)}.pick-back-img{width:48px;height:76px;border-radius:5px;background-size:cover;background-position:center;border:1px solid var(--border)}.bg-group-label{font-size:11px;color:var(--text-muted);margin:8px 0 4px;letter-spacing:.08em;font-weight:600}.bg-group-label:first-child{margin-top:0}.bg-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.bg-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:11px;cursor:pointer;transition:border-color .15s}.bg-pick:hover{border-color:var(--accent)}.bg-pick.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent)}.bg-pick-preview{width:56px;height:36px;border-radius:4px;background-color:var(--bg);border:1px solid var(--border)}.bg-pick-preview.pattern-preview-dots{background-image:radial-gradient(circle,color-mix(in srgb,var(--gold) 35%,transparent) 1px,transparent 1.6px);background-size:10px 10px}.bg-pick-preview.pattern-preview-dots-large{background-image:radial-gradient(circle,color-mix(in srgb,var(--gold) 40%,transparent) 1.6px,transparent 2.2px);background-size:14px 14px}.bg-pick-preview.pattern-preview-twinkle{background-image:radial-gradient(circle,color-mix(in srgb,var(--gold) 55%,transparent) 1.2px,transparent 1.8px),radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent) .9px,transparent 1.4px);background-size:22px 22px,14px 14px;background-position:0 0,7px 7px}.bg-pick-preview.pattern-preview-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--gold) 20%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--gold) 20%,transparent) 1px,transparent 1px);background-size:16px 16px}.bg-pick-preview.pattern-preview-cross{background-image:linear-gradient(color-mix(in srgb,var(--gold) 30%,transparent),color-mix(in srgb,var(--gold) 30%,transparent)),linear-gradient(color-mix(in srgb,var(--gold) 30%,transparent),color-mix(in srgb,var(--gold) 30%,transparent));background-size:1px 5px,5px 1px}.bg-pick-preview.pattern-preview-diamond{background-image:linear-gradient(45deg,color-mix(in srgb,var(--gold) 25%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--gold) 25%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--gold) 25%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--gold) 25%,transparent) 75%);background-size:12px 12px}.bg-pick-preview.pattern-preview-hexagon{background-image:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--gold) 28%,transparent) 14%,transparent 15%),radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--gold) 28%,transparent) 14%,transparent 15%),radial-gradient(circle at 100% 50%,color-mix(in srgb,var(--gold) 28%,transparent) 14%,transparent 15%);background-size:16px 28px}.bg-pick-preview.pattern-preview-constellation{background-image:radial-gradient(circle,color-mix(in srgb,var(--gold) 70%,transparent) 1px,transparent 1.5px),linear-gradient(32deg,transparent 48%,color-mix(in srgb,var(--gold) 16%,transparent) 49%,transparent 50%);background-size:32px 32px}.bg-pick-preview.pattern-preview-moon{background-image:radial-gradient(circle,color-mix(in srgb,var(--gold) 40%,transparent) 4px,transparent 4.5px),radial-gradient(circle,var(--bg) 3.5px,transparent 4px);background-size:24px 24px;background-position:0 0,2px -1px}.bg-pick-preview.pattern-preview-triangles{background-image:linear-gradient(60deg,color-mix(in srgb,var(--gold) 22%,transparent) 25%,transparent 25.5%),linear-gradient(120deg,color-mix(in srgb,var(--accent) 20%,transparent) 25%,transparent 25.5%);background-size:16px 28px}.bg-pick-preview.pattern-preview-ripple{background-image:radial-gradient(circle,transparent 36%,color-mix(in srgb,var(--gold) 30%,transparent) 37%,transparent 38%);background-size:24px 24px}.bg-pick-preview.pattern-preview-herringbone{background-image:linear-gradient(135deg,color-mix(in srgb,var(--gold) 28%,transparent) 25%,transparent 25%),linear-gradient(225deg,color-mix(in srgb,var(--gold) 28%,transparent) 25%,transparent 25%);background-size:10px 5px}.bg-pick-preview.pattern-preview-runes{background-image:linear-gradient(0deg,color-mix(in srgb,var(--gold) 30%,transparent) 0px,color-mix(in srgb,var(--gold) 30%,transparent) 1px,transparent 1px),linear-gradient(60deg,color-mix(in srgb,var(--gold) 22%,transparent) 0px,color-mix(in srgb,var(--gold) 22%,transparent) 1px,transparent 1px);background-size:20px 5px,20px 12px}.bg-pick-preview.pattern-preview-aurora{background:linear-gradient(170deg,var(--bg) 25%,color-mix(in srgb,var(--accent) 30%,var(--bg)) 45%,var(--bg) 65%)}.bg-pick-preview.pattern-preview-nebula{background:radial-gradient(ellipse at 25% 30%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 55%),radial-gradient(ellipse at 75% 65%,color-mix(in srgb,var(--gold) 30%,transparent),transparent 50%),var(--bg)}.bg-pick-preview.pattern-preview-eclipse{background:radial-gradient(circle at 50% 40%,transparent 18%,color-mix(in srgb,var(--gold) 45%,transparent) 20%,transparent 26%),var(--bg)}.bg-pick-preview.pattern-preview-galaxy{background:linear-gradient(135deg,var(--bg) 20%,color-mix(in srgb,var(--accent) 18%,var(--bg)) 40%,color-mix(in srgb,var(--gold) 16%,var(--bg)) 55%,var(--bg) 80%)}.bg-pick-preview.pattern-preview-fog{background:radial-gradient(ellipse at 20% 80%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 50%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 45%),var(--bg)}.bg-pick-preview.pattern-preview-sacred-circle{background:radial-gradient(circle,transparent 15%,color-mix(in srgb,var(--gold) 25%,transparent) 16%,transparent 19%,transparent 30%,color-mix(in srgb,var(--gold) 15%,transparent) 31%,transparent 34%),var(--bg)}.bg-pick-preview.pattern-preview-twilight{background:linear-gradient(to top,color-mix(in srgb,var(--gold) 28%,var(--bg)) 0%,var(--bg) 50%)}.bg-pick-preview.pattern-preview-prism{background:conic-gradient(from 0deg,var(--bg),color-mix(in srgb,var(--accent) 18%,var(--bg)) 60deg,var(--bg) 120deg,color-mix(in srgb,var(--gold) 14%,var(--bg)) 180deg,var(--bg) 240deg,color-mix(in srgb,var(--accent) 14%,var(--bg)) 300deg,var(--bg))}.bg-pick-preview.pattern-preview-abyss{background:radial-gradient(ellipse,color-mix(in srgb,var(--gold) 10%,var(--bg)),#00000080),var(--bg)}.bg-pick-preview.pattern-preview-binary-star{background:radial-gradient(circle at 30% 35%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 35%),radial-gradient(circle at 70% 65%,color-mix(in srgb,var(--gold) 28%,transparent),transparent 35%),var(--bg)}.settings-toggle{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.settings-toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-toggle-text{display:flex;flex-direction:column}.toggle-label{font-weight:600;font-size:14px}.settings-group-header{margin:14px 0 4px;padding:0 2px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb,var(--gold, #d4a857) 70%,var(--text-muted))}.settings-subaccordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin:10px 0 4px;padding:10px 12px;background:color-mix(in srgb,var(--gold, #d4a857) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--gold, #d4a857) 25%,var(--border));border-radius:var(--radius-sm);font-size:13px;font-weight:700;letter-spacing:.4px;color:color-mix(in srgb,var(--gold, #d4a857) 80%,var(--text));cursor:pointer;transition:background .15s,border-color .15s}.settings-subaccordion-header:hover{background:color-mix(in srgb,var(--gold, #d4a857) 10%,var(--surface));border-color:color-mix(in srgb,var(--gold, #d4a857) 40%,var(--border))}.subaccordion-arrow{font-size:10px;color:color-mix(in srgb,var(--gold, #d4a857) 65%,var(--text-muted))}.settings-subaccordion-body{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px}.settings-toggle.indent-1,.settings-stepper-row.indent-1{margin-left:14px;border-left:2px solid color-mix(in srgb,var(--gold, #d4a857) 35%,var(--border));border-radius:0 var(--radius-sm) var(--radius-sm) 0}.settings-quick-preset{margin:10px 0;padding:10px 12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius-sm)}.settings-quick-preset-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.settings-quick-preset-row{display:flex;gap:8px}.settings-quick-preset-btn{flex:1;display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s}.settings-quick-preset-btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.settings-quick-preset-btn:active{transform:translateY(1px)}.settings-quick-preset-btn.is-active{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.settings-quick-preset-btn-title{font-size:13px;font-weight:700;color:var(--text)}.settings-quick-preset-btn.is-active .settings-quick-preset-btn-title{color:var(--accent)}.settings-quick-preset-btn-desc{font-size:11px;color:var(--text-muted);line-height:1.3}.indent-2{margin-left:28px;border-left:2px solid color-mix(in srgb,var(--gold, #d4a857) 22%,var(--border));padding-left:8px}.settings-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.stepper-chips{display:flex;gap:6px;flex-shrink:0}.stepper-chip{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;padding:0}.stepper-chip:hover{border-color:var(--accent);color:var(--text)}.stepper-chip.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.pick-item.locked,.pick-theme.locked,.pick-card-back.locked,.bg-pick.locked{opacity:.55;position:relative}.pick-item.locked:hover,.pick-theme.locked:hover,.pick-card-back.locked:hover,.bg-pick.locked:hover{opacity:.7}.pick-lock-badge{position:absolute;top:4px;right:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;background:color-mix(in srgb,var(--gold) 88%,var(--bg));color:var(--bg);border:1px solid color-mix(in srgb,var(--gold) 95%,transparent);pointer-events:none;white-space:nowrap}.pick-item.locked .pick-lock-badge,.pick-theme.locked .pick-lock-badge,.pick-card-back.locked .pick-lock-badge,.bg-pick.locked .pick-lock-badge{opacity:1;filter:none}.version-mystic-iconwrap{position:relative;width:100px;height:100px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 12px 40px #00000080,0 0 60px color-mix(in srgb,var(--accent) 40%,transparent);animation:mystic-confirm-card-float 5s ease-in-out infinite,mystic-confirm-card-glow 4s ease-in-out infinite}.version-mystic-iconwrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent);mix-blend-mode:color;opacity:.55;pointer-events:none}[data-theme=tarolab] .version-mystic-iconwrap:after{opacity:0}.version-mystic-icon{width:100%;height:100%;object-fit:cover;display:block}.version-mystic-content{text-align:center;margin:0 0 18px}.version-mystic-title{font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--text);text-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent);margin-bottom:14px}.version-mystic-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 4px;font-size:13px}.version-mystic-row+.version-mystic-row{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.version-mystic-label{color:var(--text-muted);font-size:12px}.version-mystic-value{color:var(--text);font-family:var(--font-mono, monospace);font-size:12.5px;letter-spacing:.02em;user-select:text;-webkit-user-select:text}@media (max-width: 480px){.version-mystic-iconwrap{width:90px;height:90px;border-radius:20px}}.lunar-notif-config{margin-top:8px;padding:12px;background:color-mix(in srgb,var(--gold) 4%,transparent);border:1px dashed color-mix(in srgb,var(--gold) 25%,var(--border));border-radius:var(--radius-sm, 8px);display:flex;flex-direction:column;gap:10px}.lunar-notif-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lunar-notif-label{font-size:13px;font-weight:600;color:var(--text)}.lunar-notif-input{padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text);font-size:13px;font-family:inherit}.lunar-notif-offset{width:84px}.lunar-notif-offset-block{display:flex;flex-direction:column;gap:8px}.lunar-notif-offset-head{display:flex;justify-content:space-between;align-items:baseline}.lunar-notif-offset-value{font-size:18px;font-weight:600;color:var(--gold);font-family:monospace;letter-spacing:.04em;text-shadow:0 0 6px color-mix(in srgb,var(--gold) 30%,transparent)}.lunar-notif-slider{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--gold) 0 calc(var(--lunar-fill, 0%)),var(--border) calc(var(--lunar-fill, 0%)) 100%);border-radius:3px;outline:none;cursor:pointer}.lunar-notif-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent),0 2px 6px color-mix(in srgb,#000 25%,transparent);cursor:grab}.lunar-notif-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.lunar-notif-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent);cursor:grab}.lunar-notif-chips{display:flex;gap:6px;flex-wrap:wrap}.lunar-notif-chip{padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:12.5px;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit}.lunar-notif-chip:hover{border-color:var(--accent);color:var(--text)}.lunar-notif-chip.is-active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.lunar-notif-radios{display:flex;gap:14px;flex-wrap:wrap}.lunar-notif-radio{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.lunar-notif-radio input[type=radio]{accent-color:var(--gold)}.lunar-notif-hint{margin:0;font-size:11.5px;color:var(--text-muted);font-style:italic}.lunar-notif-warning{margin:0;padding:8px 10px;font-size:11.5px;color:color-mix(in srgb,var(--gold) 90%,var(--text));background:color-mix(in srgb,var(--gold) 8%,transparent);border:1px dashed color-mix(in srgb,var(--gold) 35%,var(--border));border-radius:var(--radius-sm, 6px);line-height:1.45}.lunar-notif-preview{margin-top:4px}.lunar-notif-preview-title{font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.04em;margin-bottom:6px}.lunar-notif-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lunar-notif-row-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);font-size:13.5px;color:var(--text)}.lunar-notif-row-item.is-today{background:color-mix(in srgb,var(--gold) 12%,var(--surface));border-color:color-mix(in srgb,var(--gold) 50%,var(--border));color:var(--gold)}.lunar-notif-phase-name{flex-shrink:0;font-weight:600;min-width:64px;font-size:14px}.lunar-notif-phase-date{flex:1;font-family:monospace;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lunar-notif-row-item.is-today .lunar-notif-phase-date{color:var(--gold)}.lunar-notif-phase-dday{flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--text-muted);letter-spacing:.03em}.lunar-notif-row-item.is-today .lunar-notif-phase-dday{color:var(--gold)}.my-lab-page{padding:20px;max-width:640px;margin:0 auto}.my-lab-header{margin-bottom:24px}.my-lab-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.my-lab-title{display:inline-flex;align-items:center;font-size:24px;font-weight:700;margin:0 0 6px;color:var(--text);letter-spacing:.02em}.my-lab-title svg{color:var(--accent);flex-shrink:0}.my-lab-subtitle{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0;letter-spacing:.02em}.my-lab-grid{display:flex;flex-direction:column;gap:12px}.my-lab-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;padding:16px 18px;background:var(--bg-raised, color-mix(in srgb, var(--surface) 80%, transparent));border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);transition:transform .12s ease,border-color .2s,box-shadow .2s}.my-lab-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}.my-lab-card:active:not(:disabled){transform:scale(.99)}.my-lab-card.coming{opacity:.55;cursor:default;border-style:dashed}.my-lab-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:12px;flex-shrink:0;color:var(--accent)}.my-lab-card-body{min-width:0}.my-lab-card-title{font-size:15.5px;font-weight:600;margin-bottom:3px;color:var(--text)}.my-lab-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.my-lab-card-cta{font-size:11px;font-weight:600;padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);white-space:nowrap;flex-shrink:0}.my-lab-card.coming .my-lab-card-cta{background:transparent;color:var(--text-muted);border:1px dashed var(--border)}.my-spreads-page{padding:20px;max-width:640px;margin:0 auto}.my-spreads-header{margin-bottom:20px}.my-spreads-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.my-spreads-title{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:700;margin:0 0 6px;color:var(--text)}.my-spreads-title svg{color:var(--accent);flex-shrink:0}.my-spreads-subtitle{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.6}.my-spread-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1.5px dashed var(--accent);border-radius:var(--radius);color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:background .2s}.my-spread-create-btn:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.my-spreads-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.my-spreads-list{display:flex;flex-direction:column;gap:8px}.my-spread-item{display:flex;align-items:stretch;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.my-spread-item-main{flex:1;text-align:left;background:none;border:none;color:var(--text);padding:12px 14px;cursor:pointer}.my-spread-item-name{font-size:14.5px;font-weight:600;margin-bottom:4px}.my-spread-item-meta{font-size:11.5px;color:var(--text-muted);line-height:1.4}.my-spread-item .tool-btn{flex-shrink:0;align-self:center;margin-right:6px;min-height:32px;padding:4px 12px;font-size:12.5px}.my-spread-item .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.my-spread-item .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.my-deck-card .tool-btn{flex-shrink:0;align-self:center;margin-right:6px;min-height:32px;padding:4px 12px;font-size:12.5px}.my-deck-card .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.my-deck-card .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.my-spread-editor-page{padding:20px 20px 100px;max-width:640px;margin:0 auto}.editor-header{margin-bottom:16px}.editor-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.editor-title{font-size:20px;font-weight:700;margin:0;color:var(--text)}.editor-field{margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.editor-field label{font-size:12px;color:var(--text-muted);font-weight:500}.editor-input,.editor-textarea{width:100%;padding:9px 11px;font-size:13px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;font-family:inherit;resize:vertical}.editor-canvas-hint{font-size:11px;color:var(--text-muted);margin-bottom:6px}.editor-canvas{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:1 / 1;background-color:var(--surface);background-image:radial-gradient(circle at center,color-mix(in srgb,var(--text) 20%,transparent) 1px,transparent 1.5px);background-size:5% 5%;background-position:0 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}.editor-canvas.ratio-horizontal{aspect-ratio:520 / 340;max-width:520px}.editor-canvas.ratio-square{aspect-ratio:1 / 1;max-width:420px}.editor-canvas.ratio-vertical{aspect-ratio:380 / 560;max-width:380px}.editor-ratio-row{display:flex;gap:6px;flex-wrap:wrap}.editor-ratio-row .tool-btn{flex:1;min-width:80px;justify-content:center}.editor-slot{position:absolute;width:56px;height:91px;left:var(--slot-x, 50%);top:var(--slot-y, 50%);transform:translate(-50%,-50%) rotate(var(--slot-r, 0deg));background:color-mix(in srgb,var(--accent) 18%,var(--bg));border:2px dashed var(--accent);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:grab;touch-action:none;transition:box-shadow .2s}.editor-slot:active{cursor:grabbing}.editor-slot.selected{background:color-mix(in srgb,var(--gold) 25%,var(--bg));border-color:var(--gold);box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 40%,transparent)}.editor-slot-num{width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.editor-slot.selected .editor-slot-num{background:var(--gold)}.editor-slot-label{font-size:10px;color:var(--text);text-align:center;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-slot-label.is-empty{color:var(--danger, #c94a5a)}.editor-slot-coord{font-size:9px;color:var(--text-muted);font-family:monospace;letter-spacing:-.05em}.editor-canvas-footer{position:absolute;bottom:8px;right:8px;display:flex;gap:6px;align-items:center}.editor-canvas-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 60%,var(--border));border-radius:6px;color:var(--gold);cursor:pointer;transition:background .15s,border-color .15s}.editor-canvas-icon-btn:hover{background:color-mix(in srgb,var(--gold) 25%,transparent);border-color:var(--gold)}.editor-canvas-icon-btn.danger{color:var(--danger, #c94a5a);background:color-mix(in srgb,var(--danger, #c94a5a) 14%,transparent);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.editor-canvas-icon-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 25%,transparent);border-color:var(--danger, #c94a5a)}.editor-canvas-icon-btn.add{color:#4caf6a;background:color-mix(in srgb,#4caf6a 14%,transparent);border-color:color-mix(in srgb,#4caf6a 50%,var(--border))}.editor-canvas-icon-btn.add:hover{background:color-mix(in srgb,#4caf6a 25%,transparent);border-color:#4caf6a}.editor-position-detail{margin-top:14px;margin-bottom:18px;padding:12px;background:var(--bg);border:1px solid var(--gold);border-radius:8px}.editor-position-detail-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text);font-weight:600}.editor-position-meta{flex:1;display:flex;align-items:center;gap:8px}.editor-position-coord-display{font-size:11px;color:var(--text-muted);font-family:monospace;font-weight:400}.editor-position-num{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--bg);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.editor-position-detail-head{flex-wrap:wrap}.editor-position-detail-head .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.editor-position-detail-head .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.editor-preview{width:100%;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;overflow:hidden;min-height:420px}.editor-preview-empty{display:flex;min-height:380px;align-items:center;justify-content:center;color:var(--text-muted);font-size:12.5px;text-align:center;padding:0 20px}.editor-bottom-actions{display:flex;gap:8px;margin-top:18px;padding:14px 0;flex-wrap:wrap;justify-content:flex-end}.editor-bottom-actions .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.editor-bottom-actions .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.info-box{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:var(--surface);border:1px dashed var(--border);border-radius:8px;font-size:12px;line-height:1.65;color:var(--text-muted);letter-spacing:.01em}.info-box-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;color:var(--accent)}.info-box-text{flex:1;min-width:0}.info-box-text strong{color:var(--text);font-weight:600}.info-box-warn{border-color:color-mix(in srgb,var(--gold, #e8c520) 50%,var(--border));background:color-mix(in srgb,var(--gold, #e8c520) 8%,var(--surface))}.info-box-warn .info-box-icon{color:var(--gold, #e8c520)}.info-box-danger{border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border));background:color-mix(in srgb,var(--danger, #c94a5a) 8%,var(--surface))}.info-box-danger .info-box-icon{color:var(--danger, #c94a5a)}.info-box-success{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.my-deck-list{display:flex;flex-direction:column;gap:8px}.my-deck-card{display:flex;align-items:stretch;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.my-deck-card-main{flex:1;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left}.my-deck-card-cover{position:relative;flex-shrink:0;width:48px;height:78px;border-radius:6px;overflow:hidden;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.my-deck-card-cover img{width:100%;height:100%;object-fit:cover}.my-deck-card-cover-empty{color:var(--text-muted);opacity:.7;display:flex;align-items:center;justify-content:center}.my-deck-card-meta{min-width:0}.my-deck-card-name{font-size:14.5px;font-weight:600;margin-bottom:4px}.my-deck-card-count{font-size:11.5px;color:var(--text-muted)}.my-deck-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.my-deck-create-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:10px}.my-deck-create-modal h3{margin:0 0 4px;font-size:17px;color:var(--text)}.my-deck-create-choice{text-align:left;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text)}.my-deck-create-choice:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.my-deck-create-choice-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:4px}.my-deck-create-choice-title svg{color:var(--accent);flex-shrink:0}.my-deck-create-choice-desc{font-size:11.5px;color:var(--text-muted);line-height:1.5}.my-deck-create-loading{text-align:center;font-size:12px;color:var(--accent);padding:8px}.card-cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10000}.card-cropper-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;width:100%;max-width:480px;max-height:96vh;display:flex;flex-direction:column;gap:10px}.card-cropper-title{margin:0;font-size:16px;font-weight:600;color:var(--text)}.card-cropper-hint{font-size:12px;color:var(--text-muted);margin:0}.card-cropper-area{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--bg);border-radius:8px;overflow:hidden}.card-cropper-zoom input[type=range]{width:100%}.card-cropper-actions{display:flex;gap:8px}.card-cropper-actions .btn{flex:1}.my-deck-editor-page .editor-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.my-deck-editor-page .editor-title-actions{display:flex;gap:6px;flex-wrap:wrap}.my-deck-editor-page .editor-title-actions .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.my-deck-editor-page .editor-title-actions .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.my-deck-editor-page{padding:20px 20px 100px;max-width:720px;margin:0 auto}.my-deck-editor-page .editor-bottom-actions{display:flex;gap:8px;margin-top:18px;padding:14px 0;flex-wrap:wrap;justify-content:flex-end}.my-deck-editor-page .editor-bottom-actions .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.my-deck-editor-page .editor-bottom-actions .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.editor-section{margin-bottom:22px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.editor-section-title{font-size:14.5px;font-weight:600;margin:0 0 12px;color:var(--text)}.editor-cards-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.editor-cards-header .editor-section-title{margin:0}.editor-cards-header-actions{display:flex;gap:6px;flex-wrap:wrap}.editor-cards-header-actions .tool-btn{background:var(--bg);border-color:color-mix(in srgb,var(--gold) 45%,var(--border));color:var(--gold)}.editor-cards-header-actions .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}@media (hover: hover){.editor-cards-header-actions .tool-btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}}.editor-cards-header-actions .tool-btn:disabled{opacity:.5;cursor:not-allowed}.editor-field-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;margin-bottom:10px;font-size:12.5px;color:var(--text)}.editor-field-row>span{color:var(--text-muted)}.editor-hint{font-size:11.5px;color:var(--text-muted);margin:0}.my-deck-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.my-deck-card-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text)}.my-deck-card-tile:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.my-deck-card-tile.cover{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent) inset}.my-deck-card-tile-img{position:relative;width:100%;aspect-ratio:8 / 13;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.my-deck-card-tile-img img{width:100%;height:100%;object-fit:cover}.my-deck-card-tile-name{font-size:10.5px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.my-deck-card-tile.add{border-style:dashed;color:var(--accent);background:transparent;font-size:11px;justify-content:center;min-height:100px}.my-deck-card-tile.selection-mode{cursor:pointer}.my-deck-card-tile.selection-mode.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent) inset}.my-deck-card-tile-check{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--bg);z-index:2}.my-deck-card-tile-check.checked{background:var(--accent);color:var(--bg)}.my-deck-group-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.my-deck-group-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text)}.my-deck-group-row.locked{background:color-mix(in srgb,var(--surface) 60%,var(--bg));border-style:dashed}.my-deck-group-name{flex:1;font-weight:500;color:var(--text);word-break:break-word}.my-deck-group-count{font-size:12px;color:var(--text-muted);white-space:nowrap}.my-deck-group-locked-label{font-size:11px;color:var(--text-muted);font-style:italic}.group-editor-panel{max-width:600px}.group-editor-cards-section{margin:12px 0;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.group-editor-cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;color:var(--text-muted)}.group-editor-error{color:var(--danger, #c94a5a);font-size:12px;margin:4px 0 8px;padding-left:110px}.card-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 64px) 20px 20px;z-index:9999;overflow-y:auto}.card-editor-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:480px;width:100%;display:flex;flex-direction:column}.card-editor-panel h3{margin:0 0 14px;font-size:17px;color:var(--text)}.card-editor-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.card-editor-header h3{margin:0}.card-editor-close-x{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .1s ease,background .1s ease}.card-editor-close-x:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.card-editor-image{position:relative;width:160px;height:260px;margin:0 auto 8px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.card-editor-image img{width:100%;height:100%;object-fit:cover}.card-editor-image-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:0 10px}.card-editor-border{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.card-editor-border-row{display:flex;flex-direction:column;gap:6px}.card-editor-border-label{font-size:12px;color:var(--text-muted)}.card-editor-border-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.card-editor-border-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:11px}.card-editor-border-btn:hover{border-color:var(--accent)}.card-editor-border-btn.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface));color:var(--gold);font-weight:600}.card-editor-color-options{display:flex;gap:8px;flex-wrap:wrap}.card-editor-color-swatch{position:relative;width:26px;height:26px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s ease,border-color .1s ease}.card-editor-color-swatch:hover{transform:scale(1.1)}.card-editor-color-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--gold)}.card-editor-color-swatch.custom{background:conic-gradient(from 0deg,#ff4d4d,#fc3,#4dff88,#3cf,#a6f,#ff4d4d);display:inline-flex;align-items:center;justify-content:center}.card-editor-color-swatch.custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;background:transparent;padding:0}.card-editor-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.card-editor-actions .tool-btn.danger{color:var(--danger, #c94a5a);border-color:color-mix(in srgb,var(--danger, #c94a5a) 50%,var(--border))}.card-editor-actions .tool-btn.danger:hover{background:color-mix(in srgb,var(--danger, #c94a5a) 18%,transparent)}.deck-select-page{padding:20px;max-width:640px;margin:0 auto}.deck-select-tools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.deck-select-title{font-size:22px;font-weight:700;margin:0 0 6px;color:var(--text)}.deck-select-subtitle{font-size:12.5px;color:var(--text-muted);margin:0 0 20px}.deck-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.deck-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;color:var(--text);transition:transform .12s,border-color .2s,box-shadow .2s}.deck-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 24%,transparent)}.deck-tile.user{border-style:solid;border-color:var(--gold)}.deck-tile.user:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--gold) 30%,transparent)}.deck-tile.add{border-style:dashed;color:var(--accent);background:transparent;font-size:12px;justify-content:center;min-height:180px}.deck-tile-cover{position:relative;width:80px;height:130px;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.deck-tile-cover img{width:100%;height:100%;object-fit:cover}.deck-tile-cover-empty{color:var(--text-muted);opacity:.7;display:flex;align-items:center;justify-content:center}.deck-tile-name{font-size:13px;font-weight:600;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-tile-count{font-size:11px;color:var(--text-muted)}.lab-page{padding:20px;max-width:720px;margin:0 auto}.lab-title{display:flex;align-items:center;gap:10px;margin:0 0 6px}.lab-title-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 40%,transparent))}.lab-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 20px;line-height:1.55}.lab-card{display:flex;align-items:flex-start;gap:14px;width:100%;margin-bottom:12px;padding:16px 18px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit;color:var(--text)}.lab-card:hover{border-color:var(--accent)}.lab-card-static{cursor:default}.lab-card-static:hover{border-color:var(--border)}.lab-card-icon{font-size:28px;line-height:1;flex-shrink:0;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 8%,transparent);border:1px solid color-mix(in srgb,var(--gold) 25%,var(--border));border-radius:50%}.lab-card-body{flex:1;min-width:0}.lab-card-title{font-size:16px;font-weight:700;color:var(--gold);margin-bottom:4px}.lab-card-desc{font-size:13px;color:var(--text-muted);line-height:1.55}.lab-card-arrow{flex-shrink:0;color:var(--text-muted);font-size:12px;align-self:center}.lab-toggle-row{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.lab-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.lab-toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.lab-toggle-label{font-size:14px;color:var(--text);font-weight:600}.lab-key-row{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.lab-key-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px;font-family:monospace;box-sizing:border-box}.lab-key-masked{font-size:13px;font-family:monospace;color:var(--text-muted);padding:6px 0}.lab-key-buttons{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.lab-key-saved-hint{font-size:12px;color:var(--accent);margin-top:8px}.lab-time-row{margin-top:10px;display:flex;align-items:center;gap:12px}.lab-time-label{font-size:13px;color:var(--text);font-weight:600}.lab-time-input{padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);color:var(--text);font-size:14px;font-family:inherit}.lab-offset-input{width:84px}.lab-mode-row{margin-top:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lab-mode-radios{display:flex;gap:14px}.lab-mode-radio{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text);cursor:pointer}.lab-mode-radio input[type=radio]{accent-color:var(--gold)}.lab-time-hint{margin:6px 0 0;font-size:11.5px;color:var(--text-muted);font-style:italic}.lab-phase-preview{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.lab-phase-preview-title{font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.04em;margin-bottom:6px}.lab-phase-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lab-phase-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);font-size:12px;color:var(--text)}.lab-phase-row.is-today{background:color-mix(in srgb,var(--gold) 10%,var(--surface));border-color:color-mix(in srgb,var(--gold) 50%,var(--border));color:var(--gold)}.lab-phase-name{flex-shrink:0;font-weight:600;min-width:56px}.lab-phase-date{flex:1;font-family:monospace;font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-phase-row.is-today .lab-phase-date{color:var(--gold)}.lab-phase-dday{flex-shrink:0;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.03em}.lab-phase-row.is-today .lab-phase-dday{color:var(--gold)}.lab-time-warning{margin:8px 0 0;padding:8px 10px;font-size:11.5px;color:color-mix(in srgb,var(--gold) 90%,var(--text));background:color-mix(in srgb,var(--gold) 8%,transparent);border:1px dashed color-mix(in srgb,var(--gold) 35%,var(--border));border-radius:var(--radius-sm, 8px);line-height:1.45}.lab-footnote{margin-top:16px;padding:10px 12px;font-size:11.5px;color:var(--text-muted);background:color-mix(in srgb,var(--gold) 4%,transparent);border:1px dashed color-mix(in srgb,var(--gold) 25%,var(--border));border-radius:var(--radius-sm, 8px);line-height:1.5;font-style:italic}:root{--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .55);--font-sans: -apple-system, BlinkMacSystemFont, "Pretendard", "Segoe UI", Roboto, sans-serif}:root,[data-theme=tarolab]{--bg: #0e1629;--surface: #17213d;--surface-elevated: #1e2b4a;--text: #f0e8c8;--text-muted: #8a9bb8;--border: #263554;--accent: #e8c520;--accent-soft: #b89a18;--gold: #f0d040;--danger: #e06050}[data-theme=amethyst]{--bg: #0f0820;--surface: #1a1030;--surface-elevated: #241843;--text: #ece0ff;--text-muted: #a494c4;--border: #2d1f4a;--accent: #b78bd4;--accent-soft: #7b3f99;--gold: #e4c574;--danger: #e06c7a}[data-theme=sapphire]{--bg: #070d1f;--surface: #101a33;--surface-elevated: #182445;--text: #dbe4ff;--text-muted: #8a9cc4;--border: #1e2c4a;--accent: #6a8dff;--accent-soft: #3e5ac0;--gold: #9fc5ff;--danger: #e06c7a}[data-theme=crimson]{--bg: #1a0508;--surface: #2a0a10;--surface-elevated: #3d1019;--text: #fae0d8;--text-muted: #c4998f;--border: #4a1a20;--accent: #c94a5a;--accent-soft: #8a2a3a;--gold: #d4a847;--danger: #ff6070}[data-theme=obsidian]{--bg: #0a0a0c;--surface: #15151a;--surface-elevated: #1f1f28;--text: #eae6dc;--text-muted: #8f8c82;--border: #2a2a32;--accent: #d4af37;--accent-soft: #8a7320;--gold: #f5d57c;--danger: #c94040}[data-theme=forest]{--bg: #061210;--surface: #0d1d1a;--surface-elevated: #142b26;--text: #d4e8d8;--text-muted: #8ca895;--border: #1e3630;--accent: #4a9b6e;--accent-soft: #2a5a40;--gold: #c9a656;--danger: #d06060}[data-theme=rose]{--bg: #170a14;--surface: #251420;--surface-elevated: #331c2c;--text: #f5dfe8;--text-muted: #b89aa8;--border: #3d2133;--accent: #d47a9c;--accent-soft: #8a3d5e;--gold: #e8b478;--danger: #e06c7a}html[data-pattern=dots]{--bg-pattern-image: radial-gradient(circle, color-mix(in srgb, var(--gold) 35%, transparent) 1px, transparent 1.6px);--bg-pattern-size: 18px 18px}html[data-pattern=dots-large]{--bg-pattern-image: radial-gradient(circle, color-mix(in srgb, var(--gold) 40%, transparent) 1.8px, transparent 2.5px);--bg-pattern-size: 28px 28px}html[data-pattern=twinkle]{--bg-pattern-image: radial-gradient(circle, color-mix(in srgb, var(--gold) 55%, transparent) 1.2px, transparent 1.8px), radial-gradient(circle, color-mix(in srgb, var(--accent) 40%, transparent) .9px, transparent 1.4px);--bg-pattern-size: 48px 48px, 28px 28px;--bg-pattern-position: 0 0, 14px 14px}html[data-pattern=grid]{--bg-pattern-image: linear-gradient(to right, color-mix(in srgb, var(--gold) 20%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--gold) 20%, transparent) 1px, transparent 1px);--bg-pattern-size: 36px 36px, 36px 36px}html[data-pattern=cross]{--bg-pattern-image: linear-gradient(color-mix(in srgb, var(--gold) 30%, transparent), color-mix(in srgb, var(--gold) 30%, transparent)), linear-gradient(color-mix(in srgb, var(--gold) 30%, transparent), color-mix(in srgb, var(--gold) 30%, transparent));--bg-pattern-size: 2px 8px, 8px 2px;--bg-pattern-position: center, center}html[data-pattern=diamond]{--bg-pattern-image: linear-gradient(45deg, color-mix(in srgb, var(--gold) 18%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--gold) 18%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--gold) 18%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--gold) 18%, transparent) 75%);--bg-pattern-size: 24px 24px, 24px 24px, 24px 24px, 24px 24px;--bg-pattern-position: 0 0, 0 12px, 12px -12px, -12px 0}html[data-pattern=herringbone]{--bg-pattern-image: linear-gradient(135deg, color-mix(in srgb, var(--gold) 22%, transparent) 25%, transparent 25%), linear-gradient(225deg, color-mix(in srgb, var(--gold) 22%, transparent) 25%, transparent 25%), linear-gradient(315deg, color-mix(in srgb, var(--gold) 22%, transparent) 25%, transparent 25%), linear-gradient(45deg, color-mix(in srgb, var(--gold) 22%, transparent) 25%, transparent 25%);--bg-pattern-size: 20px 10px, 20px 10px, 20px 10px, 20px 10px;--bg-pattern-position: 0 0, 10px 0, 10px -5px, 0 5px}html[data-pattern=triangles]{--bg-pattern-image: linear-gradient(60deg, color-mix(in srgb, var(--gold) 16%, transparent) 25%, transparent 25.5%, transparent 75%, color-mix(in srgb, var(--gold) 16%, transparent) 75.5%), linear-gradient(120deg, color-mix(in srgb, var(--accent) 14%, transparent) 25%, transparent 25.5%, transparent 75%, color-mix(in srgb, var(--accent) 14%, transparent) 75.5%);--bg-pattern-size: 32px 56px, 32px 56px}html[data-pattern=ripple]{--bg-pattern-image: radial-gradient(circle, transparent 36%, color-mix(in srgb, var(--gold) 22%, transparent) 37%, transparent 38%), radial-gradient(circle, transparent 56%, color-mix(in srgb, var(--accent) 14%, transparent) 57%, transparent 58%);--bg-pattern-size: 60px 60px, 60px 60px}html[data-pattern=constellation]{--bg-pattern-image: radial-gradient(circle, color-mix(in srgb, var(--gold) 60%, transparent) 1px, transparent 1.5px), radial-gradient(circle, color-mix(in srgb, var(--gold) 40%, transparent) .8px, transparent 1.2px), linear-gradient(32deg, transparent 48%, color-mix(in srgb, var(--gold) 12%, transparent) 49%, transparent 50%), linear-gradient(148deg, transparent 48%, color-mix(in srgb, var(--accent) 10%, transparent) 49%, transparent 50%);--bg-pattern-size: 80px 80px, 50px 50px, 80px 80px, 60px 60px;--bg-pattern-position: 10px 10px, 40px 30px, 0 0, 20px 10px}html[data-pattern=hexagon]{--bg-pattern-image: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--gold) 20%, transparent) 14%, transparent 15%), radial-gradient(circle at 0% 25%, color-mix(in srgb, var(--gold) 20%, transparent) 14%, transparent 15%), radial-gradient(circle at 100% 25%, color-mix(in srgb, var(--gold) 20%, transparent) 14%, transparent 15%), radial-gradient(circle at 0% 75%, color-mix(in srgb, var(--gold) 20%, transparent) 14%, transparent 15%), radial-gradient(circle at 100% 75%, color-mix(in srgb, var(--gold) 20%, transparent) 14%, transparent 15%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--gold) 20%, transparent) 14%, transparent 15%);--bg-pattern-size: 30px 52px}html[data-pattern=moon]{--bg-pattern-image: radial-gradient(circle, color-mix(in srgb, var(--gold) 30%, transparent) 6px, transparent 6.5px), radial-gradient(circle, color-mix(in srgb, var(--bg) 95%, transparent) 5px, transparent 5.5px);--bg-pattern-size: 50px 50px, 50px 50px;--bg-pattern-position: 0 0, 3px -1px}html[data-pattern=runes]{--bg-pattern-image: linear-gradient(0deg, color-mix(in srgb, var(--gold) 25%, transparent) 0px, color-mix(in srgb, var(--gold) 25%, transparent) 1px, transparent 1px), linear-gradient(60deg, color-mix(in srgb, var(--gold) 18%, transparent) 0px, color-mix(in srgb, var(--gold) 18%, transparent) 1px, transparent 1px), linear-gradient(-60deg, color-mix(in srgb, var(--accent) 15%, transparent) 0px, color-mix(in srgb, var(--accent) 15%, transparent) 1px, transparent 1px);--bg-pattern-size: 40px 10px, 40px 24px, 40px 24px;--bg-pattern-position: 0 0, 0 0, 20px 0}html[data-pattern=aurora]{--bg-pattern-image: linear-gradient(170deg, transparent 25%, color-mix(in srgb, var(--accent) 14%, transparent) 40%, transparent 55%), linear-gradient(195deg, transparent 35%, color-mix(in srgb, var(--gold) 10%, transparent) 52%, transparent 68%), linear-gradient(155deg, transparent 50%, color-mix(in srgb, var(--accent) 8%, transparent) 65%, transparent 78%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=nebula]{--bg-pattern-image: radial-gradient(ellipse at 25% 30%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 75% 65%, color-mix(in srgb, var(--gold) 14%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 55% 15%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 40%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=eclipse]{--bg-pattern-image: radial-gradient(circle at 50% 40%, transparent 12%, color-mix(in srgb, var(--gold) 22%, transparent) 14%, transparent 20%), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--accent) 6%, transparent) 0%, transparent 35%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=galaxy]{--bg-pattern-image: linear-gradient(135deg, transparent 20%, color-mix(in srgb, var(--accent) 8%, transparent) 35%, color-mix(in srgb, var(--gold) 10%, transparent) 50%, color-mix(in srgb, var(--accent) 8%, transparent) 65%, transparent 80%), radial-gradient(ellipse at 35% 45%, color-mix(in srgb, var(--gold) 6%, transparent), transparent 50%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=fog]{--bg-pattern-image: radial-gradient(ellipse at 20% 80%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 50%), radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 45%), radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 60%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=sacred-circle]{--bg-pattern-image: radial-gradient(circle at 50% 50%, transparent 8%, color-mix(in srgb, var(--gold) 12%, transparent) 9%, transparent 11%, transparent 18%, color-mix(in srgb, var(--gold) 8%, transparent) 19%, transparent 21%, transparent 30%, color-mix(in srgb, var(--accent) 6%, transparent) 31%, transparent 33%, transparent 44%, color-mix(in srgb, var(--gold) 5%, transparent) 45%, transparent 47%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=twilight]{--bg-pattern-image: linear-gradient(to top, color-mix(in srgb, var(--gold) 12%, transparent) 0%, transparent 25%), linear-gradient(to top, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 15%), radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--gold) 18%, transparent) 0%, transparent 40%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=prism]{--bg-pattern-image: conic-gradient(from 0deg at 50% 50%, transparent 0deg, color-mix(in srgb, var(--accent) 8%, transparent) 30deg, transparent 60deg, transparent 90deg, color-mix(in srgb, var(--gold) 6%, transparent) 120deg, transparent 150deg, transparent 180deg, color-mix(in srgb, var(--accent) 7%, transparent) 210deg, transparent 240deg, transparent 270deg, color-mix(in srgb, var(--gold) 5%, transparent) 300deg, transparent 330deg, transparent 360deg);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=abyss]{--bg-pattern-image: radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--gold) 5%, transparent) 0%, transparent 35%), radial-gradient(ellipse at 50% 50%, transparent 45%, rgba(0,0,0,.4) 100%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}html[data-pattern=binary-star]{--bg-pattern-image: radial-gradient(circle at 30% 35%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 30%), radial-gradient(circle at 70% 65%, color-mix(in srgb, var(--gold) 14%, transparent) 0%, transparent 30%), linear-gradient(135deg, transparent 30%, color-mix(in srgb, var(--accent) 4%, transparent) 50%, transparent 70%);--bg-pattern-size: 100% 100%;--bg-pattern-repeat: no-repeat}[data-theme=parchment]{--bg: #f6f0e0;--surface: #fffaf0;--surface-elevated: #fff;--text: #2a2438;--text-muted: #6b6478;--border: #d9cfb5;--accent: #7b3f99;--accent-soft: #b78bd4;--gold: #b08530;--danger: #c0392b}[data-theme=night-garden]{--bg: #07181a;--surface: #0f2528;--surface-elevated: #163338;--text: #e0eef0;--text-muted: #88a8ac;--border: #1f3c40;--accent: #c8b4ff;--accent-soft: #6e5aa6;--gold: #d4d8e0;--danger: #e06c7a}[data-theme=crystal-cave]{--bg: #050e22;--surface: #0c1a3a;--surface-elevated: #142454;--text: #d8eef8;--text-muted: #7898b8;--border: #1c2e58;--accent: #5fc4e0;--accent-soft: #2a7a98;--gold: #c8e8f4;--danger: #e06c7a}[data-theme=flame-ritual]{--bg: #100303;--surface: #1f0808;--surface-elevated: #2e0e0a;--text: #ffe8d8;--text-muted: #c89888;--border: #3a1a14;--accent: #e85d2e;--accent-soft: #9a3a18;--gold: #ffd060;--danger: #ff6040}[data-theme=dark-parchment]{--bg: #100a04;--surface: #1a1208;--surface-elevated: #261c10;--text: #f0e0c4;--text-muted: #b0987c;--border: #2e2418;--accent: #a87538;--accent-soft: #6e4a20;--gold: #d4b070;--danger: #c06848}[data-theme=moonlit-mist]{--bg: #131724;--surface: #1c2030;--surface-elevated: #262b3e;--text: #ece8f8;--text-muted: #989eb8;--border: #303550;--accent: #a098c8;--accent-soft: #5e588a;--gold: #e0d8f4;--danger: #e07c8c}[data-theme=royal-purple]{--bg: #100620;--surface: #1a0c2a;--surface-elevated: #251440;--text: #f4e8c8;--text-muted: #b09cc4;--border: #2e1c50;--accent: #9b6bd4;--accent-soft: #5a3a8a;--gold: #e8c060;--danger: #d8506a}[data-theme=aurora]{--bg: #03050d;--surface: #080812;--surface-elevated: #0e1024;--text: #e0f4e8;--text-muted: #88a89c;--border: #142028;--accent: #3ed0a8;--accent-soft: #1a7a64;--gold: #d860c4;--danger: #e06080}[data-theme=noir-gold]{--bg: #050505;--surface: #0d0d0d;--surface-elevated: #161616;--text: #f0e8d4;--text-muted: #8a8270;--border: #1f1c14;--accent: #d4af37;--accent-soft: #8a7220;--gold: #f0c860;--danger: #c94040}[data-theme=burgundy-wine]{--bg: #1a070c;--surface: #2a0c14;--surface-elevated: #3d1220;--text: #f4e0d0;--text-muted: #c09888;--border: #4a1a26;--accent: #b8585f;--accent-soft: #7a2a35;--gold: #e8b478;--danger: #ff6a78}[data-theme=sage-cottage]{--bg: #14180e;--surface: #1f2618;--surface-elevated: #2a3322;--text: #f0ead4;--text-muted: #a8b094;--border: #3a4530;--accent: #8aab78;--accent-soft: #4a6038;--gold: #e8d5a8;--danger: #c47a68}[data-theme=dancheong]{--bg: #0e0a08;--surface: #1a1410;--surface-elevated: #251c16;--text: #f4ece0;--text-muted: #b89e84;--border: #2e2018;--accent: #c83e3e;--accent-soft: #8a2828;--gold: #e8b840;--danger: #d94838}[data-theme=plum-moon]{--bg: #0c0e14;--surface: #161922;--surface-elevated: #20242f;--text: #f0e8e8;--text-muted: #a89898;--border: #2a2e3a;--accent: #d88aa0;--accent-soft: #8a4858;--gold: #e0d4c0;--danger: #d8506a}[data-theme=winter-stardust]{--bg: #060a18;--surface: #0e1428;--surface-elevated: #161e3a;--text: #e0eaf8;--text-muted: #8898b8;--border: #1c2848;--accent: #88b8e0;--accent-soft: #4a6890;--gold: #d8e4f4;--danger: #d8607c}[data-theme=autumn-harvest]{--bg: #14080a;--surface: #200e0c;--surface-elevated: #2e1610;--text: #f4e0c8;--text-muted: #b89888;--border: #3a1e16;--accent: #c87038;--accent-soft: #8a4218;--gold: #e8b048;--danger: #c84830}[data-theme=deep-sea]{--bg: #04101a;--surface: #0a1e2c;--surface-elevated: #0f2a3e;--text: #d8eaf0;--text-muted: #7898a4;--border: #143040;--accent: #3eaab8;--accent-soft: #1e6878;--gold: #f48a78;--danger: #e06070}[data-theme=cherry-dawn]{--bg: #f8eef0;--surface: #fdf6f7;--surface-elevated: #fff;--text: #3a2838;--text-muted: #8e7888;--border: #e6d4d8;--accent: #d870a0;--accent-soft: #a8487a;--gold: #c89858;--danger: #c0382e}[data-theme=emerald-garden]{--bg: #04140e;--surface: #0a2014;--surface-elevated: #0f2c1a;--text: #d8eed8;--text-muted: #7a988a;--border: #143828;--accent: #4ea868;--accent-soft: #2a6840;--gold: #d8c068;--danger: #d8607c}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,transparent) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 50%,transparent);border-radius:4px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 80%,transparent)}*::-webkit-scrollbar-thumb:active{background:var(--accent)}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{height:100%}html{background-color:var(--bg);background-image:var(--bg-pattern-image, none);background-size:var(--bg-pattern-size, auto);background-position:var(--bg-pattern-position, 0 0);background-repeat:var(--bg-pattern-repeat, repeat);touch-action:pan-x pan-y}html:has(.home),body:has(.home),html:has(.question-page),body:has(.question-page),html:has(.ritual-page),body:has(.ritual-page),html:has(.lunar-picker),body:has(.lunar-picker),html:has(.meditation-active),body:has(.meditation-active){overflow:hidden;height:100vh}@media (max-height: 760px){.home-hero{height:180px!important;margin-bottom:12px!important}.home-tagline{margin:6px 0!important;font-size:13px!important}.home-widget-row{margin:4px 0 8px!important}.home-widget{padding:6px 10px!important;font-size:12px!important}.home-actions{gap:6px!important}.home-btn{padding:10px 14px!important;font-size:14px!important}}@media (max-height: 640px){.home-hero{height:140px!important;margin-bottom:8px!important}.home-tagline{display:none!important}.home-btn{padding:8px 12px!important;font-size:13px!important}}body:has(.home),body:has(.question-page),body:has(.lunar-picker){padding-top:0;padding-bottom:0}body{font-family:var(--font-sans);background:transparent;color:var(--text);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:inherit}a{color:var(--accent);text-decoration:none}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#fff;font-weight:500;letter-spacing:.04em;min-height:44px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 20%,transparent),inset 0 1px color-mix(in srgb,#fff 18%,transparent),0 0 0 2px color-mix(in srgb,var(--bg) 90%,transparent),0 0 0 3px color-mix(in srgb,var(--gold) 40%,transparent),0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent),0 2px 6px #00000059;transition:transform .15s,box-shadow .2s,filter .15s;cursor:pointer}@media (hover: hover){.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 40%,transparent),inset 0 1px color-mix(in srgb,#fff 22%,transparent),0 0 0 2px color-mix(in srgb,var(--bg) 90%,transparent),0 0 0 3px var(--gold),0 6px 22px color-mix(in srgb,var(--accent) 55%,transparent),0 0 34px color-mix(in srgb,var(--gold) 28%,transparent)}}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale(.3)}.btn-secondary{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 10%,transparent),0 0 0 2px color-mix(in srgb,var(--bg) 90%,transparent),0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent),0 2px 6px #00000040}@media (hover: hover){.btn-secondary:hover:not(:disabled){border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent),0 0 0 2px color-mix(in srgb,var(--bg) 90%,transparent),0 0 0 3px var(--gold),0 3px 14px color-mix(in srgb,var(--gold) 22%,transparent),0 0 22px color-mix(in srgb,var(--gold) 15%,transparent);transform:translateY(-1px)}}.btn-danger{background:linear-gradient(135deg,var(--danger),color-mix(in srgb,var(--danger) 75%,#000));border-color:color-mix(in srgb,var(--gold) 40%,var(--danger))}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg) 85%,transparent));border:1px solid color-mix(in srgb,var(--gold) 28%,var(--border));color:color-mix(in srgb,var(--gold) 65%,var(--text));font-size:13px;letter-spacing:.03em;min-height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 6%,transparent),0 0 0 1.5px color-mix(in srgb,var(--bg) 90%,transparent),0 0 0 2.5px color-mix(in srgb,var(--gold) 18%,transparent),0 1px 3px #0003;transition:border-color .15s,color .15s,box-shadow .2s,transform .15s;cursor:pointer}@media (hover: hover){.tool-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 25%,transparent),0 0 0 1.5px color-mix(in srgb,var(--bg) 90%,transparent),0 0 0 2.5px var(--gold),0 2px 10px color-mix(in srgb,var(--gold) 20%,transparent);transform:translateY(-1px)}}.tool-btn:active:not(:disabled){transform:translateY(0)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn svg{flex-shrink:0;width:15px;height:15px}.page{min-height:100%;padding:20px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));max-width:1200px;margin:0 auto}.page-title{font-size:24px;font-weight:700;margin-bottom:16px}.app-fade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg, #0e0e1c);opacity:0;pointer-events:none;transition:opacity .45s ease-out;z-index:99999}.app-fade-overlay.active{opacity:1;pointer-events:all}
