.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-bottom:12px;border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);backdrop-filter:blur(var(--ds-blur-lg));-webkit-backdrop-filter:blur(var(--ds-blur-lg));min-width:280px;max-width:400px;cursor:pointer;opacity:0;transform:translate(100%) scale(.95);transition:all var(--ds-duration-normal) var(--ds-ease-out);position:relative;overflow:hidden;border:1px solid var(--ds-border)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;border-radius:var(--ds-radius-full)}.toast-visible{opacity:1;transform:translate(0) scale(1)}.toast-exiting{opacity:0;transform:translate(100%) scale(.95)}.toast-icon{font-size:18px;font-weight:700;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26}.toast-message{flex:1;font-size:.9rem;line-height:1.5;word-break:break-word;white-space:pre-line}.toast-success{background:linear-gradient(135deg,#22c55eeb,#16a34ae0);color:#fff;border-color:#22c55e4d}.toast-error{background:linear-gradient(135deg,#ef4444eb,#b91c1ce0);color:#fff;border-color:#ef44444d}.toast-warning{background:linear-gradient(135deg,#fbbf24eb,#f59e0be0);color:var(--ds-text-inverse);border-color:#fbbf244d}.toast-info{background:linear-gradient(135deg,#7c3aedeb,#6366f1e0);color:#fff;border-color:#7c3aed4d}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;pointer-events:none}.toast-container .toast{pointer-events:auto}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--ds-surface-raised);border-radius:var(--ds-radius-xl);padding:28px;max-width:420px;width:100%;box-shadow:var(--ds-shadow-lg);border:1px solid var(--ds-border-strong);animation:slideUp .35s var(--ds-ease-out);position:relative;-webkit-backdrop-filter:blur(var(--ds-blur-lg));backdrop-filter:blur(var(--ds-blur-lg))}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{margin-bottom:16px}.confirm-dialog-title{font-family:var(--ds-font-display);font-size:1.35rem;font-weight:600;margin:0;color:var(--ds-text-primary);line-height:1.4}.confirm-dialog-body{margin-bottom:24px}.confirm-dialog-message{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-button{padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:var(--ds-radius-full);cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease-out);min-width:88px;font-family:var(--ds-font-body)}.confirm-dialog-button-cancel{background:#ffffff1a;color:var(--color-text);border:1px solid var(--color-border)}.confirm-dialog-button-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.confirm-dialog-button-cancel:active{transform:none}.confirm-dialog-button-confirm{background:var(--ds-accent-deep);color:#fff;border:1px solid var(--ds-accent-border);box-shadow:none}.confirm-dialog-button-confirm:hover{background:var(--ds-accent);transform:none;box-shadow:none}.confirm-dialog-button-confirm:active{transform:none}.confirm-dialog-button-confirm.danger{background:linear-gradient(135deg,#e94560,#c73650)}.confirm-dialog-button-confirm.danger:hover{box-shadow:0 4px 12px #e9456080}.confirm-dialog-button-confirm.warning{background:linear-gradient(135deg,orange,#ff8c00)}.confirm-dialog-button-confirm.warning:hover{box-shadow:0 4px 12px #ffa50066}.confirm-dialog-button-confirm.info{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%)}@media (max-width: 768px){.confirm-dialog{padding:20px;max-width:90%}.confirm-dialog-title{font-size:1.1rem}.confirm-dialog-message{font-size:.95rem}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-button{width:100%}}.route-loading-fallback{display:flex;justify-content:center;align-items:center;min-height:320px;padding:var(--ds-space-xl)}.route-loading-fallback-inner{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-md);color:var(--ds-text-secondary)}.route-loading-fallback-spinner{width:44px;height:44px;border:2px solid rgba(167,139,250,.2);border-top-color:var(--ds-accent-rose);border-right-color:var(--ds-accent-violet);border-radius:50%;animation:loading-fallback-spin .9s linear infinite;box-shadow:var(--ds-shadow-glow-rose)}.route-loading-fallback-text{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;opacity:.8}@keyframes loading-fallback-spin{to{transform:rotate(360deg)}}.shell-stage .page__header{display:none}.shell-stage .page{padding-top:0;animation:none}.aurora-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.aurora-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;animation:orb-float 20s ease-in-out infinite}.aurora-orb--violet{width:420px;height:420px;background:#8b7cf640;top:-8%;left:-5%}.aurora-orb--rose{width:360px;height:360px;background:#8b7cf61f;top:30%;right:-8%;animation-delay:-7s}.aurora-orb--cyan{width:300px;height:300px;background:#6eb8d41a;bottom:5%;left:25%;animation-delay:-14s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,25px) scale(.95)}}.shell{display:grid;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);min-height:100vh;width:100%;max-width:1440px;margin:0 auto;position:relative}.shell__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.shell__main{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-width:0;width:100%;position:relative;z-index:1;padding:0 var(--ds-space-md);box-sizing:border-box}.shell-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-md);width:100%;max-width:var(--shell-content-width);padding:var(--ds-space-md) var(--ds-space-lg);margin:var(--ds-space-md) 0 var(--ds-space-lg);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);-webkit-backdrop-filter:blur(var(--ds-blur-lg));backdrop-filter:blur(var(--ds-blur-lg));box-sizing:border-box;flex-shrink:0}.shell-topbar__feature{display:flex;align-items:center;gap:var(--ds-space-sm);min-width:0}.shell-topbar__icon{font-size:1.75rem;line-height:1;flex-shrink:0}.shell-topbar__text{min-width:0}.shell-topbar__title{margin:0;font-family:var(--ds-font-display);font-size:1.2rem;font-weight:600;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-topbar__sub{margin:2px 0 0;font-size:.8rem;color:var(--ds-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-topbar__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.shell-stage{flex:1;width:100%;max-width:var(--shell-content-width);padding:0 0 var(--ds-space-2xl);box-sizing:border-box}.shell-stage .page{width:100%;max-width:none;margin:0;padding:0 0 var(--ds-space-2xl)}.shell-stage .tarot-stage{width:100%;max-width:none}.shell-stage>*{width:100%}.shell-footer{width:100%;max-width:var(--shell-content-width);padding:var(--ds-space-lg) 0;margin:0 0 var(--ds-space-md);text-align:center;font-size:.8rem;color:var(--ds-text-muted);border-top:1px solid var(--ds-border);box-sizing:border-box;flex-shrink:0}.shell-footer a{color:var(--ds-text-secondary);text-decoration:none}.shell-footer a:hover{color:var(--ds-accent-rose)}.shell-nav--desktop{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:var(--ds-space-lg) var(--ds-space-md);border-right:1px solid var(--ds-border);background:#08080f99;-webkit-backdrop-filter:blur(var(--ds-blur-lg));backdrop-filter:blur(var(--ds-blur-lg));z-index:2}.shell-nav__brand{display:flex;align-items:center;gap:var(--ds-space-sm);padding:var(--ds-space-sm) var(--ds-space-sm) var(--ds-space-lg);margin-bottom:var(--ds-space-sm);border-bottom:1px solid var(--ds-border)}.shell-nav__logo{font-size:1.5rem;background:var(--ds-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shell-nav__brand-title{margin:0;font-family:var(--ds-font-display);font-size:1.15rem;font-weight:600;color:var(--ds-text-primary)}.shell-nav__brand-sub{margin:0;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ds-accent-violet)}.shell-nav__scroll{flex:1;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.shell-nav__group{margin-bottom:var(--ds-space-lg)}.shell-nav__group-label{margin:0 0 var(--ds-space-sm);padding:0 var(--ds-space-sm);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-text-muted)}.shell-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.shell-nav__item{display:flex;align-items:center;gap:10px;width:100%;height:var(--ds-control-h);min-height:var(--ds-control-h);max-height:var(--ds-control-h);padding:0 12px;border:none;border-radius:var(--ds-radius-md);background:transparent;color:var(--ds-text-secondary);font-family:var(--ds-font-body);font-size:.875rem;font-weight:500;line-height:1;text-align:left;text-decoration:none;cursor:pointer;transition:background var(--ds-duration-fast),color var(--ds-duration-fast);box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0}.shell-nav__item:hover:not(.shell-nav__item--active){background:var(--ds-surface);color:var(--ds-text-primary)}.shell-nav__item--active{background:var(--ds-accent-muted);color:var(--ds-text-primary);box-shadow:inset 3px 0 0 var(--ds-accent)}.shell-nav__icon{font-size:1.15rem;width:1.5rem;text-align:center;flex-shrink:0}.shell-nav__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-dock{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#08080feb;border-top:1px solid var(--ds-border);-webkit-backdrop-filter:blur(var(--ds-blur-lg));backdrop-filter:blur(var(--ds-blur-lg));justify-content:space-around;gap:4px}.shell-dock__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;max-width:72px;height:52px;min-height:52px;max-height:52px;padding:6px 4px;border:none;border-radius:var(--ds-radius-md);background:transparent;color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:.6rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:background var(--ds-duration-fast),color var(--ds-duration-fast);box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.shell-dock__item--active{color:var(--ds-accent);background:var(--ds-accent-muted);box-shadow:inset 0 0 0 1px var(--ds-accent-border)}.shell-dock__icon{font-size:1.25rem;line-height:1}.shell-dock__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shell-sheet-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shell-sheet{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:75vh;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;transform:translateY(100%);transition:transform var(--ds-duration-normal) var(--ds-ease-out)}.shell-sheet--open{transform:translateY(0)}.shell-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-md) var(--ds-space-lg);border-bottom:1px solid var(--ds-border)}.shell-sheet__title{margin:0;font-family:var(--ds-font-display);font-size:1.1rem;color:var(--ds-text-primary)}.shell-sheet__close{width:36px;height:36px;border:1px solid var(--ds-border);border-radius:50%;background:var(--ds-surface);color:var(--ds-text-primary);cursor:pointer}.shell-sheet__body{padding:var(--ds-space-md) var(--ds-space-lg) calc(var(--ds-space-xl) + 72px)}.ritual-steps{display:flex;gap:var(--ds-space-sm);margin-bottom:var(--ds-space-lg)}.ritual-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--ds-space-sm);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-surface);opacity:.45;transition:all var(--ds-duration-normal)}.ritual-step--active{opacity:1;border-color:var(--ds-accent-border);box-shadow:none;background:var(--ds-accent-muted)}.ritual-step--done{opacity:.85;border-color:var(--ds-border-strong)}.ritual-step__num{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:.75rem;font-weight:700;background:var(--ds-surface);color:var(--ds-text-secondary)}.ritual-step--active .ritual-step__num{background:var(--ds-accent-deep);color:#fff}.ritual-step__label{font-size:.7rem;color:var(--ds-text-muted);text-align:center}.ritual-step--active .ritual-step__label{color:var(--ds-text-primary)}.spread-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-space-md)}.spread-card{position:relative;display:flex;flex-direction:column;gap:var(--ds-space-sm);padding:var(--ds-space-lg);text-align:left;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);cursor:pointer;transition:border-color var(--ds-duration-normal) var(--ds-ease-out),background var(--ds-duration-normal) var(--ds-ease-out);font-family:var(--ds-font-body);color:var(--ds-text-primary)}.spread-card:hover{border-color:var(--ds-accent-border);background:var(--ds-surface-hover)}.spread-card--primary{background:var(--ds-accent-muted);border-color:var(--ds-accent-border)}.spread-card__icon-wrap{display:flex;align-items:center;justify-content:flex-start;height:48px;color:var(--ds-accent)}.spread-card__icon{font-size:1.75rem}.spread-card__title{font-size:1rem;font-weight:600;margin:0}.spread-card__desc{font-size:.8rem;color:var(--ds-text-secondary);margin:0;line-height:1.5;flex:1}.spread-card__tag{align-self:flex-start;font-size:.68rem;font-weight:600;letter-spacing:.06em;padding:.2rem .55rem;border-radius:var(--ds-radius-full);background:var(--ds-bg-surface);border:1px solid var(--ds-border);color:var(--ds-text-muted)}.spread-card--primary .spread-card__tag{background:#ffffff0f;border-color:var(--ds-accent-border);color:var(--ds-accent)}.shell-topbar__icon .tarot-logo-mark{color:var(--ds-accent)}.shell-nav__icon .tarot-logo-mark,.shell-dock__icon .tarot-logo-mark{color:var(--ds-text-secondary)}.shell-nav__item--active .shell-nav__icon .tarot-logo-mark,.shell-dock__item--active .shell-dock__icon .tarot-logo-mark{color:var(--ds-accent)}@media (max-width: 900px){.shell{grid-template-columns:1fr}.shell__main{padding:0 var(--ds-space-sm)}.shell-nav--desktop{display:none}.shell-dock,.shell-sheet,.shell-sheet-backdrop{display:flex}.shell-sheet{display:flex;flex-direction:column}.shell-stage{padding-bottom:calc(var(--ds-space-2xl) + 72px)}.shell-topbar{margin-top:var(--ds-space-sm);margin-bottom:var(--ds-space-md);padding:var(--ds-space-sm) var(--ds-space-md)}.shell-topbar__actions .btn{padding:0 .85rem;font-size:.8rem}}@media (min-width: 901px){.shell-dock,.shell-sheet,.shell-sheet-backdrop{display:none!important}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,var(--ds-accent-violet) 0%,var(--ds-accent-violet-deep) 100%);color:#fff}.error-boundary-content{max-width:600px;width:100%;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0000004d}.error-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{font-size:32px;margin:0 0 16px;font-weight:700}.error-message{font-size:18px;margin:0 0 24px;opacity:.9;line-height:1.6}.error-details{margin:24px 0;text-align:left;background:#0000004d;border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:700;margin-bottom:12px;-webkit-user-select:none;user-select:none}.error-details summary:hover{opacity:.8}.error-stack{font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;margin:0;padding:12px;background:#00000080;border-radius:4px;overflow-x:auto;max-height:300px;overflow-y:auto}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-button{padding:12px 24px;font-size:16px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease;min-width:120px}.error-button-primary{background:var(--ds-surface-raised);color:var(--ds-accent-violet)}.error-button-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.error-button-primary:active{transform:translateY(0)}.error-button-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.error-button-secondary:hover{background:#ffffff4d;border-color:#ffffff80}.error-button-secondary:active{background:#fff3}@media (max-width: 768px){.error-boundary-content{padding:24px}.error-title{font-size:24px}.error-message{font-size:16px}.error-actions{flex-direction:column}.error-button{width:100%}}:root{--ds-font-display: "Cormorant Garamond", "Noto Serif SC", Georgia, "Times New Roman", serif;--ds-font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ds-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ds-bg-void: #09090c;--ds-bg-base: #0f0f14;--ds-bg-elevated: #16161e;--ds-bg-surface: rgba(255, 255, 255, .04);--ds-surface: rgba(255, 255, 255, .06);--ds-surface-raised: rgba(255, 255, 255, .08);--ds-surface-hover: rgba(255, 255, 255, .1);--ds-surface-active: rgba(255, 255, 255, .12);--ds-text-primary: #ececf1;--ds-text-secondary: #9b9ba8;--ds-text-muted: #656575;--ds-text-inverse: #0f0f14;--ds-accent: #8b7cf6;--ds-accent-hover: #9d8ef8;--ds-accent-deep: #6d5fd4;--ds-accent-muted: rgba(139, 124, 246, .14);--ds-accent-border: rgba(139, 124, 246, .42);--ds-accent-violet: var(--ds-accent);--ds-accent-violet-deep: var(--ds-accent-deep);--ds-accent-rose: #c4a8e8;--ds-accent-rose-deep: var(--ds-accent-deep);--ds-accent-cyan: #6eb8d4;--ds-accent-gold: #c9b07a;--ds-accent-amber: #b8a066;--ds-gradient-primary: linear-gradient(135deg, #b8abf8 0%, #8b7cf6 100%);--ds-gradient-primary-soft: var(--ds-accent-muted);--ds-gradient-aurora: linear-gradient( 160deg, rgba(139, 124, 246, .1) 0%, rgba(110, 184, 212, .05) 60%, transparent 100% );--ds-gradient-glass: linear-gradient( 145deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 100% );--ds-border: rgba(255, 255, 255, .09);--ds-border-strong: rgba(255, 255, 255, .14);--ds-border-glow: var(--ds-accent-border);--ds-shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--ds-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 20px rgba(0, 0, 0, .35);--ds-shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--ds-shadow-glow: none;--ds-shadow-glow-rose: none;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 20px;--ds-radius-2xl: 24px;--ds-radius-full: 9999px;--ds-space-xs: .25rem;--ds-space-sm: .5rem;--ds-space-md: 1rem;--ds-space-lg: 1.5rem;--ds-space-xl: 2rem;--ds-space-2xl: 3rem;--ds-space-3xl: 4rem;--ds-ease-out: cubic-bezier(.16, 1, .3, 1);--ds-duration-fast: .15s;--ds-duration-normal: .22s;--ds-duration-slow: .4s;--ds-blur-sm: 8px;--ds-blur-md: 14px;--ds-blur-lg: 20px;--ds-control-h: 40px;--ds-control-h-sm: 34px;--ds-chip-h: 72px;--shell-sidebar-width: 260px;--shell-content-width: 900px;--color-bg: var(--ds-bg-base);--color-bg-secondary: var(--ds-bg-elevated);--color-bg-card: var(--ds-surface-raised);--color-text: var(--ds-text-primary);--color-text-secondary: var(--ds-text-secondary);--color-accent: var(--ds-accent);--color-major: var(--ds-accent-deep);--color-wands: var(--ds-accent-amber);--color-cups: var(--ds-accent-cyan);--color-swords: #b0b0bc;--color-pentacles: var(--ds-accent-gold);--color-border: var(--ds-border);--shadow: var(--ds-shadow-md);--shadow-hover: var(--ds-shadow-lg)}.ds-display{font-family:var(--ds-font-display);font-weight:600;letter-spacing:.02em}.ds-gradient-text{background:var(--ds-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ds-glass{background:var(--ds-gradient-glass);backdrop-filter:blur(var(--ds-blur-md));-webkit-backdrop-filter:blur(var(--ds-blur-md));border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm)}.ds-glass-strong{background:var(--ds-surface-raised);backdrop-filter:blur(var(--ds-blur-lg));-webkit-backdrop-filter:blur(var(--ds-blur-lg));border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md)}.ds-glass:hover{border-color:var(--ds-border-strong)}.feature-shell{max-width:960px;margin:0 auto;padding:var(--ds-space-md);animation:ds-fade-up var(--ds-duration-slow) var(--ds-ease-out) both}.feature-shell-header{text-align:center;margin-bottom:var(--ds-space-xl)}.feature-shell-header h1,.feature-shell-header h2{font-family:var(--ds-font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin:0 0 var(--ds-space-sm);background:var(--ds-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-shell-header .subtitle,.feature-shell .subtitle{color:var(--ds-text-secondary);font-size:1.05rem;font-weight:300;margin:0}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-lg);transition:border-color var(--ds-duration-normal) var(--ds-ease-out),box-shadow var(--ds-duration-normal) var(--ds-ease-out),transform var(--ds-duration-normal) var(--ds-ease-out)}.ds-card:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-sm)}.ds-card-elevated{background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-lg);padding:var(--ds-space-lg);box-shadow:var(--ds-shadow-md)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--ds-control-h);padding:0 1.25rem;font-family:var(--ds-font-body);font-size:.875rem;font-weight:500;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);cursor:pointer;transition:background var(--ds-duration-fast),border-color var(--ds-duration-fast),color var(--ds-duration-fast);-webkit-tap-highlight-color:transparent;box-sizing:border-box}.ds-btn:active{transform:none}.ds-btn-primary{background:var(--ds-accent-deep);border-color:var(--ds-accent-border);color:#fff;box-shadow:none}.ds-btn-primary:hover{background:var(--ds-accent);border-color:var(--ds-accent-hover);transform:none;box-shadow:none}.ds-btn-ghost{background:var(--ds-surface);color:var(--ds-text-primary);border:1px solid var(--ds-border)}.ds-btn-ghost:hover{background:var(--ds-surface-hover);border-color:var(--ds-border-strong);transform:none}.ds-input,.ds-select,.ds-textarea{width:100%;padding:.85rem 1.1rem;font-family:var(--ds-font-body);font-size:1rem;color:var(--ds-text-primary);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);transition:border-color var(--ds-duration-fast),box-shadow var(--ds-duration-fast);outline:none}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--ds-text-muted)}.ds-input:hover,.ds-select:hover,.ds-textarea:hover{border-color:var(--ds-border-strong)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--ds-accent-violet);box-shadow:0 0 0 3px #a78bfa33}.ds-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1ab' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.ds-select option{background:var(--ds-bg-elevated);color:var(--ds-text-primary)}.ds-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--ds-text-secondary);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-full);cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease-out)}.ds-chip:hover{color:var(--ds-text-primary);background:var(--ds-surface-hover);border-color:var(--ds-border-strong)}.ds-chip.active{color:var(--ds-text-primary);background:var(--ds-accent-muted);border-color:var(--ds-accent-border);box-shadow:none}.ds-section-title{font-family:var(--ds-font-display);font-size:1.35rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 var(--ds-space-md)}@keyframes ds-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes ds-pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner{width:40px;height:40px;border:2px solid rgba(167,139,250,.2);border-top-color:var(--ds-accent-rose);border-radius:50%;animation:ds-spin .85s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--ds-radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#8b7cf659;color:#fff}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;overflow-y:scroll;width:100%;position:relative;scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--ds-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ds-bg-void);color:var(--ds-text-primary);min-height:100vh;line-height:1.65;position:relative;overflow-x:hidden;width:100%;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(139,124,246,.12) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 20%,rgba(139,124,246,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 45% at 50% 90%,rgba(110,184,212,.05) 0%,transparent 50%),linear-gradient(180deg,var(--ds-bg-void) 0%,var(--ds-bg-base) 40%,var(--ds-bg-elevated) 100%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,.25),transparent),radial-gradient(1.5px 1.5px at 55% 15%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 75% 45%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.25),transparent),radial-gradient(1.5px 1.5px at 40% 90%,rgba(255,255,255,.2),transparent),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,128px 128px;animation:starfield-drift 80s linear infinite;pointer-events:none;z-index:0;opacity:.7}@keyframes starfield-drift{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0 0}to{background-position:100% 100%,-50% 50%,80% -20%,-30% 80%,60% 40%,-40% -60%,0 0}}@media (max-width: 768px){body{font-size:15px}}@media (max-width: 480px){body{font-size:14px}}code{font-family:var(--ds-font-mono)}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;width:100%;overflow-x:hidden}.page{max-width:880px;margin:0 auto;padding:0 var(--ds-space-sm) var(--ds-space-2xl);animation:ui-enter var(--ds-duration-slow) var(--ds-ease-out) both}.page__header{text-align:center;margin-bottom:var(--ds-space-xl)}.page__eyebrow{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ds-accent-violet);margin-bottom:var(--ds-space-sm)}.page__title{font-family:var(--ds-font-display);font-size:clamp(1.75rem,4.5vw,2.35rem);font-weight:600;line-height:1.15;margin:0;background:var(--ds-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page__subtitle{margin:var(--ds-space-sm) auto 0;max-width:40ch;color:var(--ds-text-secondary);font-size:1rem;font-weight:300;line-height:1.6}.page__body{display:flex;flex-direction:column;gap:var(--ds-space-xl)}.panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-lg);-webkit-backdrop-filter:blur(var(--ds-blur-md));backdrop-filter:blur(var(--ds-blur-md))}.panel--flush{padding:0;overflow:hidden}.panel__head{margin-bottom:var(--ds-space-md)}.panel__title{font-family:var(--ds-font-display);font-size:1.15rem;font-weight:600;color:var(--ds-text-primary);margin:0}.panel__desc{margin:var(--ds-space-xs) 0 0;color:var(--ds-text-muted);font-size:.875rem}.panel__body{display:flex;flex-direction:column;gap:var(--ds-space-md)}.toolbar{display:flex;flex-direction:column;gap:var(--ds-space-lg)}.toolbar .segmented{display:flex;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--ds-control-h);padding:0 1.25rem;font-family:var(--ds-font-body);font-size:.875rem;font-weight:500;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);cursor:pointer;transition:background var(--ds-duration-fast),border-color var(--ds-duration-fast),color var(--ds-duration-fast);-webkit-tap-highlight-color:transparent;white-space:nowrap;box-sizing:border-box}.btn:active{transform:none}.btn--primary{background:var(--ds-accent-deep);border-color:var(--ds-accent-border);color:#fff}.btn--primary:hover{background:var(--ds-accent);border-color:var(--ds-accent-hover);transform:none;box-shadow:none}.btn--ghost{background:var(--ds-bg-surface);color:var(--ds-text-primary)}.btn--ghost:hover{background:var(--ds-surface-hover);border-color:var(--ds-border-strong);transform:none}.btn--block{width:100%}.btn--sm{min-height:var(--ds-control-h-sm);padding:0 .9rem;font-size:.8rem}.segmented{display:inline-flex;align-self:stretch;gap:0;padding:3px;background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-sizing:border-box}.segmented--block{display:flex;width:100%}.segmented__item{flex:1;height:calc(var(--ds-control-h) - 6px);min-height:calc(var(--ds-control-h) - 6px);max-height:calc(var(--ds-control-h) - 6px);padding:0 .75rem;border:none;border-radius:calc(var(--ds-radius-md) - 3px);background:transparent;color:var(--ds-text-secondary);font-family:var(--ds-font-body);font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--ds-duration-fast),color var(--ds-duration-fast);box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.segmented__item:hover:not(.segmented__item--active){color:var(--ds-text-primary);background:var(--ds-surface-hover)}.segmented__item--active{background:var(--ds-accent-muted);color:var(--ds-text-primary);box-shadow:inset 0 0 0 1px var(--ds-accent-border)}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:var(--ds-space-sm)}.chip-grid--wide{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--ds-chip-h);min-height:var(--ds-chip-h);max-height:var(--ds-chip-h);padding:8px 6px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-secondary);font-family:var(--ds-font-body);font-weight:500;line-height:1;cursor:pointer;transition:background var(--ds-duration-fast),color var(--ds-duration-fast);box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.chip:hover:not(.chip--active){color:var(--ds-text-primary);background:var(--ds-surface-hover)}.chip--active{color:var(--ds-text-primary);background:var(--ds-accent-muted);border-color:var(--ds-border);box-shadow:inset 0 0 0 1px var(--ds-accent-border)}.chip__icon{font-size:1.35rem;line-height:1}.chip__label{font-size:.72rem;font-weight:500}.hero-row{display:grid;grid-template-columns:minmax(130px,160px) 1fr;gap:var(--ds-space-lg)}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:var(--ds-space-lg);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl)}.metric__value{font-family:var(--ds-font-display);font-size:clamp(2.5rem,6vw,3.25rem);font-weight:700;line-height:1;background:var(--ds-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric__label{margin-top:var(--ds-space-sm);font-size:.8rem;letter-spacing:.08em;color:var(--ds-text-muted);text-transform:uppercase}.meta-list{display:flex;flex-direction:column;padding:var(--ds-space-md) var(--ds-space-lg);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl)}.meta-list__row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ds-space-md);padding:11px 0;border-bottom:1px solid var(--ds-border);font-size:.9rem}.meta-list__row:last-child{border-bottom:none;padding-bottom:0}.meta-list__key{flex-shrink:0;color:var(--ds-text-muted)}.meta-list__val{text-align:right;color:var(--ds-text-primary);font-weight:500;line-height:1.45;word-break:break-word}.aspect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--ds-space-lg)}.aspect{display:flex;flex-direction:column;min-height:130px;padding:var(--ds-space-lg) var(--ds-space-xl);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);transition:border-color var(--ds-duration-normal),box-shadow var(--ds-duration-normal)}.aspect:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-sm)}.aspect__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-md);padding-bottom:var(--ds-space-sm);border-bottom:1px solid var(--ds-border)}.aspect__title{font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.aspect__score{font-family:var(--ds-font-display);font-size:1.4rem;font-weight:700;color:var(--ds-accent-gold)}.aspect__text{margin:0;color:var(--ds-text-secondary);font-size:.9rem;line-height:1.7}.prose{margin:0;color:var(--ds-text-secondary);font-size:.95rem;line-height:1.75}.field{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.field__label{font-size:.85rem;font-weight:500;color:var(--ds-text-secondary)}.field__input,.field__select,.field__textarea{width:100%;padding:.85rem 1rem;font-family:var(--ds-font-body);font-size:.95rem;color:var(--ds-text-primary);background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);outline:none;transition:border-color var(--ds-duration-fast),box-shadow var(--ds-duration-fast)}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--ds-accent-border);box-shadow:0 0 0 3px #8b7cf626}.field-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-sm)}.field-row .field__input{width:auto;min-width:72px;max-width:96px;text-align:center}.field-row__sep{color:var(--ds-text-muted);font-size:.85rem}.collapsible__trigger{width:100%}.collapsible__content{margin-top:var(--ds-space-md);animation:ui-enter .28s var(--ds-ease-out)}.tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:600;color:#fff}.tag--good{background:#22c55ed9}.tag--ok{background:#fbbf24e6;color:var(--ds-text-inverse)}.tag--bad{background:#ef4444d9}.tag--info{background:#7c3aedd9}.tag--muted{background:#ffffff1f;color:var(--ds-text-secondary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-space-lg)}.card-grid__item{padding:var(--ds-space-lg);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);transition:border-color var(--ds-duration-normal)}.card-grid__item:hover{border-color:var(--ds-border-strong)}.card-grid__item h3{font-family:var(--ds-font-display);font-size:1rem;margin:0 0 var(--ds-space-sm);color:var(--ds-text-primary)}.card-grid__item--selectable{cursor:pointer;text-align:center}.card-grid__item--active{border-color:var(--ds-accent-border);background:var(--ds-accent-muted);box-shadow:none}.callout{margin:0;padding:var(--ds-space-md);background:var(--ds-accent-muted);border:1px solid var(--ds-accent-border);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.85rem;line-height:1.6}.score-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;margin:var(--ds-space-lg) auto;border-radius:50%;background:var(--ds-accent-deep);border:1px solid var(--ds-accent-border);color:#fff;box-shadow:none}.score-ring__value{font-family:var(--ds-font-display);font-size:2.25rem;font-weight:700;line-height:1}.score-ring__label{font-size:.75rem;margin-top:4px;opacity:.9}@keyframes ui-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero-row{grid-template-columns:1fr}.metric{min-height:120px}.aspect-grid,.card-grid{grid-template-columns:1fr;gap:var(--ds-space-md)}.chip-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.chip-grid--zodiac{grid-template-columns:repeat(6,1fr)}}