:root{--top-bar-height: 0px;--bottom-tab-height: 0px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,system-ui,sans-serif}#app{width:100%;height:100%}canvas{display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:#64647880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#78788cb3}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(100,100,120,.5) rgba(0,0,0,.3)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.panel-header h3{margin:0;border:none;padding:0}.panel-collapse-btn{background:transparent;border:none;color:#888;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.panel-collapse-btn:hover{background:#ffffff1a;color:#fff}.panel-body{transition:all .2s ease}.collapsed .panel-body{display:none}.collapsed .panel-header{margin-bottom:0;padding-bottom:0;border-bottom:none}#astrology-panel .panel-header{border-bottom-color:#9370db4d}#natal-panel .panel-header{border-bottom-color:#c896644d}#transits-panel .panel-header{border-bottom-color:#a855f74d}#view-mode-panel .panel-header{border-bottom-color:#ffffff26}#user-menu{position:fixed;top:16px;right:16px;z-index:1000}#user-menu .user-menu-button{width:40px;height:40px;border-radius:50%;background:#1e1e28e6;border:1px solid rgba(255,255,255,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#user-menu .user-menu-button:hover{background:#32323cf2;border-color:#ffffff40}#user-menu .user-menu-button.active{background:#a855f74d;border-color:#a855f780}#user-menu .user-avatar{font-size:20px}#user-menu .user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#14141efa;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000080;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:all .2s ease}#user-menu .user-menu-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}#user-menu .menu-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:4px;gap:2px}#user-menu .menu-tab{flex:1;padding:10px 8px;background:transparent;border:none;border-radius:6px;color:#888;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}#user-menu .menu-tab:hover{color:#ccc;background:#ffffff0d}#user-menu .menu-tab.active{color:#c4b5fd;background:#a855f726}#user-menu .menu-content{padding:8px 0}#user-menu .tab-panel{display:none}#user-menu .tab-panel.active{display:block}#user-menu .toggle-row{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s ease}#user-menu .toggle-row:hover{background:#ffffff0d}#user-menu .toggle-label{flex:1;font-size:13px;color:#ddd}#user-menu .toggle-row input[type=checkbox]{display:none}#user-menu .toggle-switch{position:relative;width:36px;height:20px;background:#ffffff26;border-radius:10px;transition:background .2s ease}#user-menu .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#666;border-radius:50%;transition:all .2s ease}#user-menu .toggle-row input:checked+.toggle-switch{background:#a855f780}#user-menu .toggle-row input:checked+.toggle-switch:after{left:18px;background:#c4b5fd}#user-menu .account-loading{padding:24px 16px;text-align:center;color:#888}#user-menu .account-loading .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(168,85,247,.3);border-top-color:#c4b5fd;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}#user-menu .account-loading p{margin:0;font-size:12px}#user-menu .account-auth{padding:12px 16px}#user-menu .account-auth.hidden,#user-menu .account-user.hidden,#user-menu .account-loading.hidden{display:none}#user-menu .auth-tabs{display:flex;gap:4px;margin-bottom:12px}#user-menu .auth-tab{flex:1;padding:8px;background:transparent;border:none;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease}#user-menu .auth-tab:hover{color:#ccc;background:#ffffff0d}#user-menu .auth-tab.active{color:#c4b5fd;background:#a855f726}#user-menu .auth-form{display:flex;flex-direction:column;gap:10px}#user-menu .auth-field{display:flex;flex-direction:column;gap:4px}#user-menu .auth-field label{font-size:11px;color:#888}#user-menu .auth-field input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 12px;color:#fff;font-size:13px;transition:all .15s ease}#user-menu .auth-field input:focus{outline:none;border-color:#a855f780;background:#ffffff1a}#user-menu .auth-field input::placeholder{color:#555}#user-menu .auth-error{font-size:11px;color:#e88;padding:8px 10px;background:#c8323233;border-radius:4px}#user-menu .auth-error.hidden{display:none}#user-menu .auth-submit{background:#a855f74d;border:1px solid rgba(168,85,247,.5);border-radius:6px;padding:10px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:4px}#user-menu .auth-submit:hover{background:#a855f766}#user-menu .auth-submit:disabled{opacity:.6;cursor:not-allowed}#user-menu .account-user{padding:16px}#user-menu .user-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}#user-menu .user-icon{width:32px;height:32px;background:#32b46433;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6d6;font-size:16px}#user-menu .user-email{font-size:13px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-menu .user-status{font-size:11px;color:#888;margin:0 0 12px}#user-menu .sign-out-btn{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px;color:#aaa;font-size:12px;cursor:pointer;transition:all .15s ease}#user-menu .sign-out-btn:hover{background:#ffffff1f;color:#fff}#user-menu .user-avatar.signed-in{color:#6d6}#hud{display:none!important}.hud-row{margin-bottom:6px;display:flex;gap:16px}.hud-row:last-child{margin-bottom:0}.hud-row span{display:inline-flex;align-items:center;gap:6px}.hud-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}.hud-value{color:#8ac;font-weight:500;font-family:Consolas,Monaco,monospace}.hud-speed{color:#a8a}#hud-info{margin-top:8px;font-size:11px;color:#888;max-width:300px}#time-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;background:#000000d9;padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(100,150,200,.2);z-index:100}#time-controls button{background:#6496c826;border:1px solid rgba(100,150,200,.3);color:#8ac;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .15s ease}#time-controls button:hover{background:#6496c840;border-color:#6496c880;color:#adf}#time-controls button:active{background:#6496c859}#time-controls .speed-display{font-size:11px;color:#a8a;padding:0 8px;min-width:60px;text-align:center;font-family:Consolas,Monaco,monospace}#date-picker{background:#6496c826;border:1px solid rgba(100,150,200,.3);color:#8ac;padding:6px 10px;border-radius:4px;font-size:13px;font-family:Segoe UI,system-ui,sans-serif;cursor:pointer;transition:all .15s ease;color-scheme:dark}#date-picker:hover{background:#6496c840;border-color:#6496c880;color:#adf}#date-picker:focus{outline:none;border-color:#6496c899}#date-picker::-webkit-calendar-picker-indicator{filter:invert(.7) sepia(1) saturate(2) hue-rotate(180deg);cursor:pointer}#info-panel{position:fixed;bottom:80px;left:20px;background:#0009;padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:13px;z-index:100;display:none}#info-panel.visible{display:block}#info-panel h4{margin-bottom:8px;color:#6af}#info-panel p{margin-bottom:4px;color:#ccc}#shortcuts-help{position:fixed;bottom:8px;left:50%;transform:translate(-50%);color:#fff6;font-size:11px;z-index:100;text-align:center;white-space:nowrap}#shortcuts-help kbd{background:#ffffff1a;padding:2px 6px;border-radius:3px;margin:0 2px}body>#view-mode-panel{display:none!important}#view-mode-panel{position:static;background:transparent;padding:8px 16px;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;font-size:13px;z-index:auto;transform:none;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}#view-mode-panel h3{font-weight:500;font-size:12px;opacity:.7}#view-mode-panel .mode-buttons{display:flex;gap:4px;margin-bottom:8px}#view-mode-panel .mode-buttons button{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s}#view-mode-panel .mode-buttons button:hover{background:#fff3}#view-mode-panel .mode-buttons button.active{background:#6496ff66;border-color:#6496ff99}#view-mode-panel #ground-options{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}#view-mode-panel #ground-options.hidden{display:none}#view-mode-panel #ground-options label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}#view-mode-panel #ground-options input[type=number]{width:100px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}#view-mode-panel #ground-options button{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:4px;cursor:pointer;font-size:12px;margin-top:4px}#view-mode-panel #ground-options button:hover{background:#fff3}#view-mode-panel .ground-help,#view-mode-panel .orbital-help{margin-top:10px;font-size:10px;opacity:.6;text-align:center;line-height:1.4}#astrology-panel{position:fixed;top:100px;left:20px;background:#000000bf;padding:16px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;z-index:100;width:260px;max-height:calc(100vh - 140px);overflow-y:auto;border:1px solid rgba(147,112,219,.3)}#astrology-panel.hidden{display:none}#astrology-panel h3{font-weight:500;font-size:14px;color:#b8a9d9}#astrology-panel .panel-subtitle{font-size:10px;color:#888;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(147,112,219,.3)}#astrology-panel .angles-row{display:flex;gap:8px;margin-bottom:4px;font-size:13px}#astrology-panel .angle-label{font-weight:700;color:#d4a574;width:30px}#astrology-panel .angle-sign{color:#a9d9b8;width:80px}#astrology-panel .angle-deg{color:#888}#astrology-panel .ray-energies-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px;color:#999;text-transform:uppercase;letter-spacing:1px}#astrology-panel .baseline-status{font-size:9px;color:#666;text-transform:none}#astrology-panel .baseline-status.computing{color:#a86;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#astrology-panel .ray-energies{margin:8px 0}#astrology-panel .ray-row{margin-bottom:8px;padding:6px 8px;background:#ffffff08;border-radius:4px}#astrology-panel .ray-row.above-avg{border-left:2px solid #4a4}#astrology-panel .ray-row.below-avg{border-left:2px solid #a44;opacity:.8}#astrology-panel .ray-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}#astrology-panel .ray-number{font-size:10px;font-weight:700;padding:2px 5px;border-radius:3px;color:#000}#astrology-panel .ray-name{flex:1;font-size:11px;color:#ccc}#astrology-panel .ray-energy{font-weight:700;font-size:12px;color:#fff}#astrology-panel .ray-deviation{font-weight:700;font-size:12px}#astrology-panel .ray-deviation.above-avg{color:#6d6}#astrology-panel .ray-deviation.below-avg{color:#d66}#astrology-panel .ray-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}#astrology-panel .ray-fill{height:100%;border-radius:2px;transition:width .3s ease;opacity:.8}#astrology-panel .ray-deviation-bar{height:6px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}#astrology-panel .ray-baseline-marker{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff6}#astrology-panel .ray-deviation-fill{position:absolute;top:0;height:100%;border-radius:3px;opacity:.8;transition:left .3s ease,width .3s ease}#astrology-panel .ray-meta{display:flex;align-items:center;gap:8px;margin-top:4px}#astrology-panel .ray-strength{font-size:9px;padding:1px 4px;border-radius:2px;background:#ffffff1a;color:#aaa;text-transform:uppercase}#astrology-panel .ray-row.above-avg .ray-strength{background:#64c86433;color:#8c8}#astrology-panel .ray-row.below-avg .ray-strength{background:#c8646433;color:#c88}#astrology-panel .ray-planets{font-size:11px;letter-spacing:1px;color:#777}#astrology-panel .total-energy{margin:12px 0;padding:8px;background:#9370db33;border-radius:4px;text-align:center;font-size:12px;color:#aaa}#astrology-panel .total-energy strong{color:#d9b8e9;font-size:14px}#astrology-panel .aspects-section{margin:12px 0;padding:8px;background:#6496c81a;border-radius:4px;border:1px solid rgba(100,150,200,.2)}#astrology-panel .aspects-header{font-size:11px;font-weight:500;color:#8ac;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}#astrology-panel .aspect-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px}#astrology-panel .aspect-planets{font-size:13px;min-width:60px}#astrology-panel .aspect-name{flex:1;color:#aaa}#astrology-panel .aspect-orb{color:#888;font-size:10px}#astrology-panel .aspect-intensity{font-weight:700;color:#8ac;min-width:32px;text-align:right}#astrology-panel .astro-body{margin-bottom:10px;padding:8px;background:#ffffff0d;border-radius:4px;border-left:3px solid rgba(147,112,219,.5)}#astrology-panel .astro-body.below{opacity:.6;border-left-color:#64646480}#astrology-panel .body-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}#astrology-panel .body-symbol{font-size:16px;width:20px}#astrology-panel .body-name{font-weight:500}#astrology-panel .body-sign{font-size:14px;color:#a9d9b8;margin-left:2px;flex:1}#astrology-panel .body-angle{font-size:10px;padding:2px 6px;background:#d4a5744d;border-radius:3px;color:#d4a574}#astrology-panel .body-energy{font-weight:700;color:#b8d9a9;width:36px;text-align:right}#astrology-panel .energy-bar{height:4px;background:#ffffff1a;border-radius:2px;margin:4px 0;overflow:hidden}#astrology-panel .energy-fill{height:100%;background:linear-gradient(90deg,#7b68ee,plum);border-radius:2px;transition:width .3s ease}#astrology-panel .body-coords{font-size:10px;color:#888}#natal-panel{position:fixed;top:20px;right:20px;background:#000000d9;padding:16px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;z-index:100;width:350px;max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;border:1px solid rgba(200,150,100,.3)}#natal-panel.hidden{display:none}#natal-panel h3{font-weight:500;font-size:14px;color:#d9c8a9}#natal-panel h4{font-size:13px;color:#c9b899;margin-bottom:8px}#natal-panel h5{font-size:11px;color:#a99;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;margin-top:12px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}#natal-panel .chart-selector{display:flex;gap:6px;margin-bottom:12px;align-items:center}#natal-panel .chart-selector.hidden{display:none}#natal-panel .chart-select{flex:1;background:#ffffff1a;border:1px solid rgba(200,150,100,.3);color:#fff;padding:8px 30px 8px 10px;border-radius:6px;font-size:13px;cursor:pointer;appearance:none;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='%23888' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}#natal-panel .chart-select:focus{outline:none;border-color:#c8966480}#natal-panel .chart-select option{background:#1a1a2a;color:#fff}#natal-panel .add-chart-btn,#natal-panel .delete-chart-btn{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}#natal-panel .add-chart-btn:hover{background:#c8966433;border-color:#c8966466;color:#c9b899}#natal-panel .delete-chart-btn{font-size:14px}#natal-panel .delete-chart-btn:hover{background:#c8505033;border-color:#c8505066;color:#e88}#natal-panel .delete-chart-btn.hidden{display:none}#natal-panel .chart-actions{display:flex;gap:8px;margin:12px 0}#natal-panel .chart-actions.hidden{display:none}#natal-panel .edit-chart-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#888;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .15s ease}#natal-panel .edit-chart-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:#aaa}#natal-panel .create-other-btn{background:transparent;border:1px dashed rgba(200,150,100,.3);color:#a99;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .15s ease}#natal-panel .create-other-btn:hover{background:#c896641a;border-color:#c8966480;color:#c9b899}#natal-panel .form-actions .secondary{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa;padding:10px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .15s ease}#natal-panel .form-actions .secondary:hover{background:#ffffff26;color:#fff}#natal-panel .form-actions .secondary.hidden{display:none}#natal-panel .natal-form{margin-bottom:16px}#natal-panel #natal-form-container.hidden{display:none}#natal-panel .form-row{display:flex;gap:8px;margin-bottom:10px}#natal-panel .form-row label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#aaa}#natal-panel .form-row label.full-width{flex:1 1 100%}#natal-panel .form-row input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 8px;border-radius:4px;font-size:12px}#natal-panel .form-row input:focus{outline:none;border-color:#c8966480}#natal-panel .location-input{display:flex;gap:4px}#natal-panel .location-input input{flex:1}#natal-panel .location-input button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px}#natal-panel .location-input button:hover{background:#fff3}#natal-panel .form-actions{margin-top:12px;display:flex;gap:8px}#natal-panel .form-actions button.primary{flex:1;background:#c896644d;border:1px solid rgba(200,150,100,.5);color:#fff;padding:10px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}#natal-panel .form-actions button.primary:hover{background:#c8966466}#natal-panel .error-msg{color:#e88;font-size:11px;margin-top:8px;padding:6px 8px;background:#c8323233;border-radius:4px}#natal-panel .error-msg.hidden{display:none}#natal-panel .natal-chart{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}#natal-panel .chart-header{margin-bottom:12px}#natal-panel .chart-header-title{display:flex;align-items:center;gap:8px}#natal-panel .chart-header-title h4{flex:1}#natal-panel .birth-info{font-size:10px;color:#888;margin-top:4px}#natal-panel .chart-core{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:10px;background:#ffffff0d;border-radius:6px}#natal-panel .core-position{display:flex;flex-direction:column;align-items:center;gap:2px}#natal-panel .core-label{font-size:10px;color:#888}#natal-panel .core-sign{font-size:14px;font-weight:500;color:#c9b899}#natal-panel .chart-section{margin-bottom:12px}#natal-panel .esoteric-info{padding:8px;background:#ffffff08;border-radius:4px}#natal-panel .info-row{display:flex;justify-content:space-between;margin-bottom:4px}#natal-panel .info-label{color:#888}#natal-panel .info-value{color:#c9b899;font-weight:500}#natal-panel .info-desc{font-size:10px;color:#666;font-style:italic;margin-bottom:8px}#natal-panel .ray-bodies{padding:8px;background:#ffffff08;border-radius:4px}#natal-panel .body-ray-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}#natal-panel .body-ray-row .body-name{width:70px;font-size:11px;color:#aaa}#natal-panel .body-ray-num{font-size:9px;font-weight:700;padding:2px 4px;border-radius:3px;color:#000}#natal-panel .body-ray-name{flex:1;font-size:10px;color:#888}#natal-panel .body-ray-bar{width:40px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}#natal-panel .body-ray-fill{height:100%;border-radius:2px;opacity:.7}#natal-panel .ray-note{font-size:9px;color:#666;font-style:italic;margin-top:8px;line-height:1.4}#natal-panel .body-ray-container{margin-bottom:4px}#natal-panel .body-ray-row.expandable{cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .2s}#natal-panel .body-ray-row.expandable:hover{background:#ffffff0d}#natal-panel .body-ray-row.expandable.expanded{background:#c896641a;border-radius:4px 4px 0 0}#natal-panel .body-dist-bar{flex:1;height:8px;display:flex;border-radius:4px;overflow:hidden;background:#ffffff1a;margin:0 8px}#natal-panel .body-dist-bar .segment{height:100%;transition:width .3s}#natal-panel .body-dist-bar .segment:first-child{border-radius:4px 0 0 4px}#natal-panel .body-dist-bar .segment:last-child{border-radius:0 4px 4px 0}#natal-panel .body-dist-bar .segment:only-child{border-radius:4px}#natal-panel .expand-icon{font-size:9px;color:#666;margin-left:6px;transition:transform .2s}#natal-panel .body-ray-expanded{background:#ffffff08;padding:10px 12px;border-radius:0 0 4px 4px;margin-top:-2px;border-left:2px solid rgba(200,150,100,.3)}#natal-panel .body-ray-expanded.hidden{display:none}#natal-panel .expanded-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}#natal-panel .expanded-title{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}#natal-panel .fixed-badge{font-size:9px;padding:2px 6px;background:#a855f733;color:#c4b5fd;border-radius:3px}#natal-panel .variable-badge{font-size:9px;padding:2px 6px;background:#6496c833;color:#93c5fd;border-radius:3px}#natal-panel .distribution-list{display:flex;flex-direction:column;gap:4px}#natal-panel .dist-row{display:flex;align-items:center;gap:6px;padding:3px 0;opacity:.7}#natal-panel .dist-row.top-ray{opacity:1;font-weight:500}#natal-panel .dist-ray-num{font-size:8px;font-weight:700;padding:2px 4px;border-radius:2px;color:#000;min-width:22px;text-align:center}#natal-panel .dist-ray-name{font-size:10px;color:#999;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#natal-panel .dist-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}#natal-panel .dist-bar-fill{height:100%;border-radius:3px;opacity:.8;transition:width .3s}#natal-panel .dist-pct{font-size:10px;color:#888;min-width:32px;text-align:right}#natal-panel .purpose-text{font-size:11px;color:#bbb;line-height:1.5;padding:8px;background:#ffffff08;border-radius:4px}#natal-panel .planets-list{font-size:11px}#natal-panel .planet-row{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}#natal-panel .planet-row:last-child{border-bottom:none}#natal-panel .planet-symbol{font-size:14px;width:18px}#natal-panel .planet-name{width:55px;color:#aaa}#natal-panel .planet-sign{font-size:13px;width:20px}#natal-panel .planet-deg{width:45px;color:#888;font-size:10px}#natal-panel .planet-house{width:24px;color:#a88;font-size:10px}#natal-panel .planet-rays{flex:1;color:#777;font-size:9px;text-align:right}#natal-panel .wheel-section{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}#natal-panel .wheel-btn{width:100%;background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#c4b5fd;padding:10px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}#natal-panel .wheel-btn:hover{background:#a855f74d;border-color:#a855f799;color:#e9d5ff}#natal-panel .wheel-buttons{display:flex;gap:8px}#natal-panel .wheel-buttons .wheel-btn{flex:1}#natal-panel .wheel-btn-3d{background:#64c89633;border-color:#64c89666;color:#a3e4b8}#natal-panel .wheel-btn-3d:hover{background:#64c8964d;border-color:#64c89699;color:#c5f5d5}#natal-panel .wheel-btn-3d.active{background:#64c89666;border-color:#64c896b3;color:#e5ffe8}#natal-panel .section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}#natal-panel .section-header-row h5{margin-bottom:0}.share-icon-btn{background:none;border:1px solid transparent;color:#8a8098;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,border-color .2s;flex-shrink:0}.share-icon-btn:hover{color:#d4b896;background:#c896641f;border-color:#c8966440}.share-icon-btn .share-icon-svg{width:16px;height:16px}#natal-panel .ray-reasoning{font-size:11px;color:#bbb;line-height:1.5;padding:4px 0;font-style:italic}#natal-panel .ray-loading{color:#888;font-size:11px;padding:12px 8px;display:flex;align-items:center;gap:8px}#natal-panel .ray-loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(200,150,100,.2);border-top-color:#c89664b3;border-radius:50%;animation:spin .8s linear infinite}#transits-panel{position:fixed;top:100px;left:300px;background:#000000d9;padding:16px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;z-index:100;width:280px;max-height:calc(100vh - 140px);overflow-y:auto;border:1px solid rgba(168,85,247,.3)}#transits-panel.hidden{display:none}#transits-panel h3{font-weight:500;font-size:14px;color:#c4b5fd}#transits-panel .transits-placeholder{color:#888;font-style:italic;text-align:center;padding:20px 0}#transits-panel .transits-summary{margin-bottom:14px;padding:10px 12px;background:#a855f71a;border-radius:6px;border-left:3px solid rgba(168,85,247,.5)}#transits-panel .summary-status{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#c4b5fd;margin-bottom:6px;font-weight:500}#transits-panel .summary-text{font-size:12px;line-height:1.5;color:#d1d5db}#transits-panel .summary-text strong{color:#e9d5ff;font-weight:500}#transits-panel .transits-section{margin-bottom:14px}#transits-panel .section-header{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}#transits-panel .section-header.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:color .15s ease}#transits-panel .section-header.collapsible-header:hover{color:#c4b5fd}#transits-panel .section-collapse-icon{font-size:9px;color:#666;transition:color .15s ease}#transits-panel .section-header.collapsible-header:hover .section-collapse-icon{color:#c4b5fd}#transits-panel .section-content{transition:opacity .15s ease}#transits-panel .section-content.hidden{display:none}#transits-panel .section-collapsed .section-header{margin-bottom:0;padding-bottom:0;border-bottom:none}#transits-panel .section-header.collapsible{cursor:pointer;display:flex;justify-content:space-between;align-items:center}#transits-panel .section-header.collapsible:hover{color:#c4b5fd}#transits-panel .collapse-icon{font-size:9px;color:#666}#transits-panel .body-activation-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}#transits-panel .body-label{width:70px;font-size:11px;color:#aaa}#transits-panel .body-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}#transits-panel .body-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}#transits-panel .body-value{width:32px;text-align:right;font-size:10px;color:#888}#transits-panel .ray-badges{display:flex;flex-wrap:wrap;gap:4px}#transits-panel .ray-badge{position:relative;display:flex;align-items:center;padding:3px 8px;border-radius:4px;background:#ffffff1a;overflow:hidden}#transits-panel .ray-badge .ray-num{position:relative;z-index:1;font-size:10px;font-weight:700;color:#fff}#transits-panel .ray-badge .ray-bar{position:absolute;left:0;top:0;bottom:0;background:var(--ray-color);opacity:.6}#transits-panel .no-rays,#transits-panel .no-transits{color:#666;font-size:11px;font-style:italic}#transits-panel .transit-list{display:flex;flex-direction:column;gap:4px}#transits-panel .transit-row{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#ffffff08;border-radius:4px;border-left:2px solid rgba(168,85,247,.3)}#transits-panel .transit-row.detailed{flex-wrap:wrap;padding:6px 8px}#transits-panel .transit-row.phase-applying{border-left-color:#22c55e}#transits-panel .transit-row.phase-exact{border-left-color:#f59e0b;background:#f59e0b1a}#transits-panel .transit-row.phase-separating{border-left-color:#6b7280;opacity:.8}#transits-panel .transit-planets{display:flex;align-items:center;gap:2px}#transits-panel .transit-symbol{font-size:14px;min-width:18px;text-align:center}#transits-panel .aspect-symbol{font-size:12px;color:#c4b5fd;min-width:14px;text-align:center}#transits-panel .natal-symbol{font-size:14px;color:#f59e0b;min-width:18px;text-align:center}#transits-panel .transit-info{display:flex;align-items:center;gap:4px}#transits-panel .transit-orb{font-size:10px;color:#888;min-width:30px}#transits-panel .transit-phase{font-size:10px;min-width:12px}#transits-panel .phase-applying .transit-phase{color:#22c55e}#transits-panel .phase-exact .transit-phase{color:#f59e0b}#transits-panel .phase-separating .transit-phase{color:#6b7280}#transits-panel .transit-effects{display:flex;gap:3px;flex:1;justify-content:flex-end}#transits-panel .mini-ray{font-size:8px;padding:1px 3px;border-radius:2px;color:#000;font-weight:700}#transits-panel .mini-body{font-size:8px;padding:1px 3px;border-radius:2px;background:#ffffff26;color:#aaa;text-transform:capitalize}#transits-panel .transit-sig-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;margin-top:4px;overflow:hidden}#transits-panel .sig-fill{height:100%;background:linear-gradient(90deg,#c4b5fd,#a855f7);border-radius:2px}#transits-panel .transit-row.compact{padding:3px 6px;font-size:11px}#transits-panel .transit-row.compact .transit-symbol,#transits-panel .transit-row.compact .natal-symbol{font-size:12px;min-width:16px}#transits-panel .transit-row.compact .aspect-symbol{font-size:10px}#transits-panel .all-transits .transit-list.hidden{display:none}#transits-panel .suggested-focus{background:#a855f714;border-radius:6px;padding:10px;margin-bottom:14px}#transits-panel .suggested-focus .section-header{border-bottom-color:#a855f74d;color:#c4b5fd}#transits-panel .focus-content{display:flex;flex-direction:column;gap:12px}#transits-panel .focus-quiet{color:#aaa;font-size:11px}#transits-panel .focus-quiet p{margin:0 0 8px}#transits-panel .focus-quiet ul{margin:0;padding-left:18px;list-style-type:disc}#transits-panel .focus-quiet li{margin-bottom:4px}#transits-panel .focus-category{background:#0003;border-radius:4px;padding:8px}#transits-panel .focus-category-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}#transits-panel .focus-icon{font-size:11px;font-weight:700;color:#c4b5fd}#transits-panel .focus-title{font-size:12px;font-weight:500;color:#e9d5ff}#transits-panel .focus-subtitle{font-size:10px;color:#888;margin-left:auto;text-transform:capitalize}#transits-panel .focus-activities{margin:0;padding-left:16px;list-style-type:none}#transits-panel .focus-activities li{font-size:11px;color:#bbb;margin-bottom:3px;position:relative}#transits-panel .focus-activities li:before{content:"→";position:absolute;left:-14px;color:#666}#transits-panel .focus-cosmic{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}#transits-panel .focus-label-cosmic{color:#f59e0b;font-size:11px;font-weight:500}#transits-panel .focus-cosmic-ray{display:flex;align-items:center;gap:6px;margin:8px 0 4px}#transits-panel .focus-cosmic-pct{margin-left:auto;font-size:10px;color:#f59e0b;font-weight:500}#transits-panel .focus-cosmic-activities{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding-left:20px}#transits-panel .cosmic-activity{font-size:10px;color:#bbb;background:#0003;padding:2px 6px;border-radius:3px}#transits-panel .focus-personal{background:#a855f71a;border:1px solid rgba(168,85,247,.2)}#transits-panel .focus-label-personal{color:#c4b5fd;font-size:11px;font-weight:500}#transits-panel .focus-personal-item{margin-top:8px}#transits-panel .focus-personal-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}#transits-panel .house-transits{margin-bottom:14px}#transits-panel .section-subtitle{font-size:10px;color:#888;margin-bottom:10px}#transits-panel .element-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:8px;background:#0003;border-radius:6px}#transits-panel .element-summary-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border-radius:4px;border-left:3px solid var(--el-color)}#transits-panel .element-planets{font-size:13px;letter-spacing:2px}#transits-panel .element-name{font-size:10px;color:var(--el-color);font-weight:500}#transits-panel .element-bodies{font-size:9px;color:#888}#transits-panel .house-transit-list{display:flex;flex-direction:column;gap:8px}#transits-panel .house-transit-row{padding:8px 10px;background:#ffffff08;border-radius:6px;border-left:3px solid var(--element-color)}#transits-panel .house-transit-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}#transits-panel .house-planet{font-size:16px;min-width:20px}#transits-panel .house-number{font-size:11px;font-weight:700;color:#c4b5fd;background:#a855f733;padding:2px 6px;border-radius:3px}#transits-panel .house-name{font-size:12px;font-weight:500;color:#ddd;flex:1}#transits-panel .house-element-badge{font-size:9px;padding:2px 6px;border-radius:3px;color:#000;font-weight:500;text-transform:uppercase}#transits-panel .house-theme{font-size:11px;color:#aaa;margin-bottom:6px;padding-left:26px}#transits-panel .house-keywords{display:flex;flex-wrap:wrap;gap:4px;padding-left:26px}#transits-panel .house-keyword{font-size:9px;color:#888;background:#ffffff0d;padding:2px 6px;border-radius:3px}#transits-panel .ai-interpretation-compact{margin-bottom:14px}#transits-panel .ai-compact-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#3b82f614;border-radius:6px;border:1px solid rgba(59,130,246,.15)}#transits-panel .ai-compact-row.ai-not-available{opacity:.6}#transits-panel .ai-compact-row.ai-loading-row{background:#3b82f61f}#transits-panel .ai-compact-row.ai-error-row{border-color:#ef44444d;background:#ef444414}#transits-panel .ai-compact-row.ai-ready-row{border-color:#22c55e4d;background:#22c55e14}#transits-panel .ai-badge{font-size:9px;padding:2px 6px;border-radius:3px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:.5px}#transits-panel .ai-badge.disabled{background:#4b5563}#transits-panel .ai-badge.loading{animation:ai-pulse 1.5s ease-in-out infinite}#transits-panel .ai-badge.error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.5}}#transits-panel .ai-status{flex:1;font-size:11px;color:#94a3b8}#transits-panel .ai-loading-spinner-small{width:12px;height:12px;border:2px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}#transits-panel .ai-compact-btn{padding:4px 12px;font-size:10px;font-weight:500;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .15s ease}#transits-panel .ai-compact-btn:hover{filter:brightness(1.1)}.ai-modal-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#0000;opacity:0;pointer-events:none;transition:all .2s ease}.ai-modal-overlay.visible{opacity:1;pointer-events:auto;background:#000c}.ai-modal-container{width:90%;max-width:600px;max-height:80vh;background:#0f0f19fa;border-radius:12px;border:1px solid rgba(59,130,246,.3);box-shadow:0 20px 60px #00000080,0 0 40px #3b82f61a;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform .2s ease}.ai-modal-overlay.visible .ai-modal-container{transform:scale(1) translateY(0)}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.2)}.ai-modal-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#e2e8f0}.ai-modal-title .ai-badge{font-size:10px;padding:3px 8px}.ai-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:6px;color:#94a3b8;font-size:18px;cursor:pointer;transition:all .15s ease}.ai-modal-close:hover{background:#ffffff1a;color:#fff}.ai-modal-body{flex:1;overflow-y:auto;padding:20px}.ai-modal-content{min-height:100px}.ai-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;color:#94a3b8;font-size:13px}.ai-modal-loading .ai-loading-spinner{width:32px;height:32px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:ai-spin .8s linear infinite}.ai-modal-error{text-align:center;padding:30px;color:#f87171;font-size:13px}.ai-modal-empty{text-align:center;padding:30px;color:#94a3b8;font-size:13px}.ai-modal-text{font-size:14px;line-height:1.7;color:#d1d5db}.ai-modal-text p{margin:0 0 16px}.ai-modal-text p:last-child{margin-bottom:0}.ai-modal-text .ai-planet{font-weight:500}.ai-modal-text .ai-ray{font-weight:600}.ai-modal-footer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid rgba(59,130,246,.2);background:#0003}.ai-modal-footer .ai-type-buttons{display:flex;gap:6px;flex-wrap:wrap}.ai-modal-footer .ai-type-btn{padding:6px 12px;font-size:11px;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.ai-modal-footer .ai-type-btn:hover{background:#ffffff1a;color:#d1d5db}.ai-modal-footer .ai-type-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff}.ai-modal-footer .ai-refresh-btn{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.ai-modal-footer .ai-refresh-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.wheel-chart-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#0000;opacity:0;transition:all .2s ease}.wheel-chart-overlay.visible{opacity:1;background:#000000d9}.wheel-chart-container{position:relative;width:90%;max-width:600px;max-height:90vh;background:#0f0f19fa;border-radius:12px;border:1px solid rgba(168,85,247,.3);box-shadow:0 20px 60px #00000080,0 0 40px #a855f71a;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:transform .2s ease}.wheel-chart-overlay.visible .wheel-chart-container{transform:scale(1)}.wheel-chart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d}.wheel-chart-header h3{margin:0;color:#c4b5fd;font-size:16px;font-weight:500}.wheel-chart-close{background:transparent;border:none;color:#888;font-size:28px;cursor:pointer;padding:0 8px;line-height:1;transition:color .15s ease}.wheel-chart-close:hover{color:#fff}.wheel-chart-info{display:flex;justify-content:center;gap:20px;padding:8px 20px;font-size:12px;color:#888;background:#0003}.wheel-chart-info .chart-name{color:#c4b5fd;font-weight:500}.wheel-chart-svg{width:100%;max-width:500px;height:auto;margin:20px auto;display:block}.wheel-chart-svg .sign-glyph{font-size:18px;fill:#ffffffe6;font-family:Segoe UI Symbol,Apple Symbols,sans-serif}.wheel-chart-svg .house-number{font-size:10px;fill:#ffffff80;font-family:Segoe UI,system-ui,sans-serif}.wheel-chart-svg .angle-label{font-size:10px;fill:#d4a574;font-weight:700;font-family:Segoe UI,system-ui,sans-serif}.wheel-chart-svg .planet-glyph{font-size:16px;fill:#fff;font-family:Segoe UI Symbol,Apple Symbols,sans-serif}.wheel-chart-svg .planet-glyph.sun{fill:gold}.wheel-chart-svg .planet-glyph.moon{fill:silver}.wheel-chart-svg .planet-glyph.mercury{fill:#b0b0b0}.wheel-chart-svg .planet-glyph.venus{fill:#ff69b4}.wheel-chart-svg .planet-glyph.mars{fill:#f44}.wheel-chart-svg .planet-glyph.jupiter{fill:#f90}.wheel-chart-svg .planet-glyph.saturn{fill:#96c}.wheel-chart-svg .planet-glyph.uranus{fill:#00bfff}.wheel-chart-svg .planet-glyph.neptune{fill:#4169e1}.wheel-chart-svg .planet-glyph.pluto{fill:#8b4513}.wheel-chart-svg .planet-degree{font-size:8px;fill:#fff9;font-family:Segoe UI,system-ui,sans-serif}.wheel-chart-svg .center-sun{font-size:11px;fill:gold;font-family:Segoe UI,system-ui,sans-serif}.wheel-chart-svg .center-moon{font-size:11px;fill:silver;font-family:Segoe UI,system-ui,sans-serif}.wheel-chart-svg .center-asc{font-size:10px;fill:#d4a574;font-family:Segoe UI,system-ui,sans-serif}.wheel-chart-legend{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.wheel-chart-legend .legend-section{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:center}.wheel-chart-legend .legend-title{font-size:11px;color:#888;font-weight:500}.wheel-chart-legend .legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:#aaa}.wheel-chart-legend .aspect-dot{width:8px;height:8px;border-radius:50%}#panel-parking{display:none!important}#sim-top-bar{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}#sim-top-bar .top-bar-row{display:flex;align-items:center;gap:8px;pointer-events:auto}#sim-top-bar .top-bar-info{gap:12px;pointer-events:none}#sim-top-bar .top-bar-date{font-size:12px;color:#8ac;font-weight:500;font-family:Consolas,Monaco,monospace;white-space:nowrap}#sim-top-bar .top-bar-time{font-size:12px;color:#8ac;font-family:Consolas,Monaco,monospace;white-space:nowrap}#sim-top-bar .top-bar-speed{font-size:11px;color:#a8a;font-weight:500;font-family:Consolas,Monaco,monospace;white-space:nowrap}#sim-top-bar #time-controls{position:static!important;background:#000000bf!important;border:1px solid rgba(100,150,200,.2)!important;padding:6px 10px!important;border-radius:8px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;transform:none!important;z-index:auto!important;bottom:auto!important;left:auto!important}#user-menu-dropdown #view-mode-panel,#mobile-bottom-sheet #view-mode-panel{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;transform:none!important;z-index:auto!important;padding:8px 16px!important;margin-bottom:4px;display:block!important}#user-menu-dropdown #view-mode-panel .panel-collapse-btn,#mobile-bottom-sheet #view-mode-panel .panel-collapse-btn{display:none}#user-menu-dropdown #view-mode-panel.collapsed .panel-body,#mobile-bottom-sheet #view-mode-panel.collapsed .panel-body{display:block}#user-menu-dropdown #view-mode-panel.collapsed .panel-header,#mobile-bottom-sheet #view-mode-panel.collapsed .panel-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}@media(min-width:1201px){#desktop-left-tabbed{position:fixed;top:20px;left:20px;width:350px;max-height:calc(100vh - 60px);z-index:100;display:flex;flex-direction:column;overflow:hidden}#desktop-left-tabbed .tabbed-panel-tabs{display:flex;gap:2px;padding:4px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px 8px 0 0;border:1px solid rgba(147,112,219,.3);border-bottom:none}#desktop-left-tabbed .tab-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#888;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}#desktop-left-tabbed .tab-btn:hover{color:#ccc;background:#ffffff0d}#desktop-left-tabbed .tab-btn.active{color:#c4b5fd;background:#a855f726}#desktop-left-tabbed .tabbed-panel-content{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(147,112,219,.3);border-top:none;border-radius:0 0 8px 8px;overflow-y:auto;flex:1;scrollbar-width:thin}#desktop-left-tabbed #astrology-panel,#desktop-left-tabbed #transits-panel{position:static!important;background:transparent!important;border:none!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;width:auto!important;max-height:none!important;overflow:visible!important}#desktop-left-tabbed .panel-collapse-btn{display:none}#desktop-left-tabbed .collapsed .panel-body{display:block}#desktop-left-tabbed .collapsed .panel-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}}@media(min-width:768px)and (max-width:1200px){#tablet-sidebar{position:fixed;top:20px;left:12px;width:320px;max-height:calc(100vh - 120px);z-index:100;display:flex;flex-direction:column;overflow:hidden}#tablet-sidebar .tabbed-panel-tabs{display:flex;gap:2px;padding:4px;background:#0f0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none}#tablet-sidebar .tab-btn{flex:1;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:#888;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}#tablet-sidebar .tab-btn:hover{color:#ccc;background:#ffffff0d}#tablet-sidebar .tab-btn.active{color:#c4b5fd;background:#a855f726}#tablet-sidebar .tabbed-panel-content{background:#0f0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 10px 10px;overflow-y:auto;max-height:calc(100vh - 180px);scrollbar-width:thin}#tablet-sidebar #astrology-panel,#tablet-sidebar #transits-panel,#tablet-sidebar #natal-panel{position:static!important;background:transparent!important;border:none!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;width:auto!important;max-height:none!important;overflow:visible!important}#tablet-sidebar .panel-collapse-btn{display:none}#tablet-sidebar .collapsed .panel-body{display:block}#tablet-sidebar .collapsed .panel-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}}@media(max-width:767px){:root{--top-bar-height: 44px;--bottom-tab-height: 56px}#time-controls,#shortcuts-help,#user-menu{display:none!important}body>#astrology-panel,body>#transits-panel,body>#natal-panel{display:none!important}#sim-top-bar{top:0;left:0;right:0;transform:none;flex-direction:row;justify-content:center;height:44px;padding:0 12px;background:#0a0a14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;gap:0}#sim-top-bar .top-bar-controls{display:none}#sim-top-bar .top-bar-info{gap:8px}#sim-top-bar .top-bar-date{font-size:12px;color:#ccc}#sim-top-bar .top-bar-time{font-size:11px;color:#999}#sim-top-bar .top-bar-speed{font-size:10px;color:#c4b5fd}#mobile-bottom-sheet #shortcuts-help{display:block!important;position:static!important;transform:none!important;text-align:center;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}#mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);z-index:1000;display:flex;align-items:stretch;background:#0a0a14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}#mobile-tab-bar .mtab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:#666;cursor:pointer;padding:6px 0;transition:color .15s ease;-webkit-tap-highlight-color:transparent;min-height:44px}#mobile-tab-bar .mtab.active{color:#c4b5fd}#mobile-tab-bar .mtab-icon{font-size:18px;line-height:1}#mobile-tab-bar .mtab-label{font-size:10px;font-weight:500}#mobile-bottom-sheet{position:fixed;bottom:calc(56px + var(--safe-area-bottom));left:0;right:0;height:calc(100vh - 44px);z-index:900;background:#0f0f19f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px 16px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none;will-change:transform;display:flex;flex-direction:column;overflow:hidden}#mobile-bottom-sheet .sheet-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:24px;cursor:grab;touch-action:none}#mobile-bottom-sheet .sheet-handle-bar{width:36px;height:4px;background:#ffffff40;border-radius:2px}#mobile-bottom-sheet .sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 12px 12px;-webkit-overflow-scrolling:touch}#mobile-bottom-sheet #astrology-panel,#mobile-bottom-sheet #transits-panel,#mobile-bottom-sheet #natal-panel{position:static!important;display:block!important;background:transparent!important;border:none!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;width:auto!important;max-height:none!important;overflow:visible!important}#mobile-bottom-sheet #user-menu-dropdown{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent!important;border:none!important;box-shadow:none!important;width:auto!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#mobile-bottom-sheet .menu-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:4px;gap:2px}#mobile-bottom-sheet .menu-tab{flex:1;padding:10px 8px;background:transparent;border:none;border-radius:6px;color:#888;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:44px}#mobile-bottom-sheet .menu-tab:hover{color:#ccc;background:#ffffff0d}#mobile-bottom-sheet .menu-tab.active{color:#c4b5fd;background:#a855f726}#mobile-bottom-sheet .menu-content{padding:8px 0}#mobile-bottom-sheet .tab-panel{display:none}#mobile-bottom-sheet .tab-panel.active{display:block}#mobile-bottom-sheet .toggle-row{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s ease;min-height:44px}#mobile-bottom-sheet .toggle-row:hover{background:#ffffff0d}#mobile-bottom-sheet .toggle-label{flex:1;font-size:14px;color:#ddd}#mobile-bottom-sheet .toggle-row input[type=checkbox]{display:none}#mobile-bottom-sheet .toggle-switch{position:relative;width:36px;height:20px;background:#ffffff26;border-radius:10px;transition:background .2s ease}#mobile-bottom-sheet .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#666;border-radius:50%;transition:all .2s ease}#mobile-bottom-sheet .toggle-row input:checked+.toggle-switch{background:#a855f780}#mobile-bottom-sheet .toggle-row input:checked+.toggle-switch:after{left:18px;background:#c4b5fd}#mobile-bottom-sheet .account-loading{padding:24px 16px;text-align:center;color:#888}#mobile-bottom-sheet .account-loading .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(168,85,247,.3);border-top-color:#c4b5fd;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}#mobile-bottom-sheet .account-loading p{margin:0;font-size:12px}#mobile-bottom-sheet .account-auth{padding:12px 16px}#mobile-bottom-sheet .account-auth.hidden,#mobile-bottom-sheet .account-user.hidden,#mobile-bottom-sheet .account-loading.hidden{display:none}#mobile-bottom-sheet .auth-tabs{display:flex;gap:4px;margin-bottom:12px}#mobile-bottom-sheet .auth-tab{flex:1;padding:8px;background:transparent;border:none;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease;min-height:44px}#mobile-bottom-sheet .auth-tab:hover{color:#ccc;background:#ffffff0d}#mobile-bottom-sheet .auth-tab.active{color:#c4b5fd;background:#a855f726}#mobile-bottom-sheet .auth-form{display:flex;flex-direction:column;gap:10px}#mobile-bottom-sheet .auth-field{display:flex;flex-direction:column;gap:4px}#mobile-bottom-sheet .auth-field label{font-size:11px;color:#888}#mobile-bottom-sheet .auth-field input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;transition:all .15s ease}#mobile-bottom-sheet .auth-field input:focus{outline:none;border-color:#a855f780;background:#ffffff1a}#mobile-bottom-sheet .auth-field input::placeholder{color:#555}#mobile-bottom-sheet .auth-error{font-size:11px;color:#e88;padding:8px 10px;background:#c8323233;border-radius:4px}#mobile-bottom-sheet .auth-error.hidden{display:none}#mobile-bottom-sheet .auth-submit{background:#a855f74d;border:1px solid rgba(168,85,247,.5);border-radius:6px;padding:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:4px;min-height:44px}#mobile-bottom-sheet .auth-submit:hover{background:#a855f766}#mobile-bottom-sheet .auth-submit:disabled{opacity:.6;cursor:not-allowed}#mobile-bottom-sheet .account-user{padding:16px}#mobile-bottom-sheet .user-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}#mobile-bottom-sheet .user-icon{width:32px;height:32px;background:#32b46433;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6d6;font-size:16px}#mobile-bottom-sheet .user-email{font-size:14px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mobile-bottom-sheet .user-status{font-size:12px;color:#888;margin:0 0 12px}#mobile-bottom-sheet .sign-out-btn{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px;color:#aaa;font-size:13px;cursor:pointer;transition:all .15s ease;min-height:44px}#mobile-bottom-sheet .sign-out-btn:hover{background:#ffffff1f;color:#fff}#mobile-time-float{position:fixed;bottom:calc(64px + var(--safe-area-bottom));left:50%;transform:translate(-50%);z-index:950;display:flex;align-items:center;gap:2px;padding:4px 6px;background:#0f0f19e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0006}#mobile-time-float .tf-btn{min-width:36px;height:32px;border:none;border-radius:14px;background:#ffffff14;color:#ccc;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 8px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}#mobile-time-float .tf-btn:active{background:#fff3}#mobile-bottom-sheet button{min-height:36px}#mobile-bottom-sheet .toggle-row{min-height:44px}#mobile-bottom-sheet .panel-header h3{font-size:15px}#mobile-bottom-sheet .panel-subtitle{font-size:12px}}.wheel-3d-toggle{margin-top:8px;text-align:center}.wheel-3d-toggle.hidden{display:none}#welcome-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:#00000ab3;opacity:0;pointer-events:none;transition:opacity .4s ease}#welcome-overlay.visible{opacity:1;pointer-events:auto}#welcome-overlay.dismissing{opacity:0;pointer-events:none}.welcome-content{text-align:center;max-width:480px;padding:40px 32px;transform:translateY(30px);transition:transform .4s ease}#welcome-overlay.visible .welcome-content{transform:translateY(0)}#welcome-overlay.dismissing .welcome-content{transform:translateY(-20px)}.welcome-title{font-size:32px;font-weight:300;color:#e8e4f0;margin:0 0 16px;letter-spacing:.02em}.welcome-subtitle{font-size:15px;color:#c8c8dcb3;margin:0 0 32px;line-height:1.5}.welcome-cta{display:inline-block;padding:12px 40px;background:#a855f759;border:1px solid rgba(168,85,247,.5);border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.03em}.welcome-cta:hover{background:#a855f780;border-color:#a855f7b3}@media(max-width:768px){.welcome-title{font-size:24px}.welcome-subtitle{font-size:13px}.welcome-content{padding:32px 24px}}.signup-gate-overlay{position:fixed;inset:0;z-index:3500;display:flex;align-items:center;justify-content:center;background:#0000;opacity:0;pointer-events:none;transition:all .2s ease}.signup-gate-overlay.visible{opacity:1;pointer-events:auto;background:#000000bf}.signup-gate-container{width:90%;max-width:400px;background:#0f0f19f5;border-radius:12px;border:1px solid rgba(217,200,169,.2);box-shadow:0 20px 60px #00000080,0 0 30px #d9c8a90d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:scale(.95) translateY(20px);transition:transform .2s ease;overflow:hidden}.signup-gate-overlay.visible .signup-gate-container{transform:scale(1) translateY(0)}.signup-gate-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}.signup-gate-title{font-size:16px;font-weight:500;color:#d9c8a9;margin:0}.signup-gate-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:6px;color:#888;font-size:18px;cursor:pointer;transition:all .15s ease}.signup-gate-close:hover{background:#ffffff1a;color:#ccc}.signup-gate-tabs{display:flex;padding:0 20px;gap:4px;border-bottom:1px solid rgba(255,255,255,.06)}.signup-gate-tab{flex:1;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;color:#777;font-size:13px;cursor:pointer;transition:all .15s ease}.signup-gate-tab.active{color:#d9c8a9;border-bottom-color:#d9c8a9}.signup-gate-tab:hover:not(.active){color:#aaa}.signup-gate-form{padding:20px;display:flex;flex-direction:column;gap:12px}.signup-gate-field{display:flex;flex-direction:column}.signup-gate-input{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;transition:border-color .15s ease}.signup-gate-input:focus{border-color:#d9c8a966}.signup-gate-input::placeholder{color:#666}.signup-gate-error{color:#f87171;font-size:12px;padding:4px 0}.signup-gate-error.hidden{display:none}.signup-gate-submit{padding:12px;background:#d9c8a933;border:1px solid rgba(217,200,169,.35);border-radius:6px;color:#d9c8a9;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:44px}.signup-gate-submit:hover{background:#d9c8a94d}.signup-gate-submit:disabled{opacity:.6;cursor:not-allowed}.signup-gate-skip{display:block;width:100%;padding:12px 20px 18px;background:none;border:none;color:#666;font-size:12px;cursor:pointer;text-align:center;transition:color .15s ease}.signup-gate-skip:hover{color:#999}@media(max-width:768px){.signup-gate-input{font-size:16px;min-height:44px}.signup-gate-submit{min-height:48px;font-size:15px}.signup-gate-tab{min-height:44px}}@keyframes nudge-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}#onboarding-nudge{position:fixed;top:8px;right:20px;z-index:150;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#d9c8a91f;border:1px solid rgba(217,200,169,.2);border-radius:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:nudge-slide-in .4s ease forwards}.nudge-text{font-size:12px;color:#d9c8a9d9;white-space:nowrap}.nudge-dismiss{background:none;border:none;color:#d9c8a980;font-size:16px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s ease}.nudge-dismiss:hover{color:#d9c8a9e6}@media(max-width:768px){#onboarding-nudge{top:48px;right:8px;left:8px}.nudge-text{white-space:normal}}.share-modal-overlay{position:fixed;inset:0;z-index:10000;background:#000000bf;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal-overlay.hidden{display:none}.share-modal{background:#1a1a2e;border:1px solid rgba(200,150,100,.25);border-radius:12px;max-width:480px;width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.share-modal-header h3{color:#e8e4f0;font-size:16px;font-weight:600;margin:0}.share-modal-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.share-modal-close:hover{color:#ccc}.share-modal-back{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1;margin-right:8px}.share-modal-back:hover{color:#ccc}.share-modal-back.hidden{display:none}.share-modal-preview{padding:12px 20px;display:flex;justify-content:center;overflow-y:auto;flex-shrink:1;min-height:0}.share-modal-preview img{width:100%;max-width:320px;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.share-modal-section{padding:4px 20px 8px}.share-social-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.share-social-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 6px;width:68px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.share-social-btn:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}.share-social-btn:active{transform:scale(.96)}.share-social-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.share-social-icon svg{width:100%;height:100%}.share-social-label{font-size:10px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.share-modal-footer{display:flex;gap:8px;padding:8px 20px 16px;border-top:1px solid rgba(255,255,255,.06)}.share-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc}.share-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#eee}.share-action-icon{width:16px;height:16px;display:flex;align-items:center;flex-shrink:0}.share-action-icon svg{width:100%;height:100%}.share-modal-preview video{width:100%;max-width:320px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.recording-overlay{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:8px;background:#0a0814e6;border:1px solid rgba(255,80,80,.4);border-radius:12px;padding:12px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:recording-fade-in .3s ease-out}@keyframes recording-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{width:10px;height:10px;border-radius:50%;background:#f44;animation:recording-pulse 1s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-label{color:#e8e4f0;font-size:13px;font-weight:500;letter-spacing:.02em}.recording-progress-bar{width:180px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.recording-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff6b6b,#c084fc);border-radius:2px;transition:width .15s linear}.share-landing{width:100%;min-height:100vh;background:#0a0a0f;color:#e0e0e0;overflow-y:auto}.share-landing-inner{max-width:600px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;min-height:100vh}.share-landing-header{text-align:center;padding:8px 0 24px}.share-landing-logo{color:#c084fc;text-decoration:none;font-size:18px;font-weight:600;letter-spacing:.05em}.share-landing-logo:hover{color:#d4a0ff}.share-landing-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;flex:1}.share-landing-title{font-size:22px;font-weight:600;text-align:center;margin-bottom:20px;color:#fff}.share-landing-image{margin:0 -8px 20px;border-radius:12px;overflow:hidden}.share-landing-image img{width:100%;height:auto;display:block}.share-landing-info{display:flex;flex-direction:column;gap:20px}.share-landing-placements{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-placement{background:#ffffff0a;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.share-placement-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.05em}.share-placement-value{font-size:14px;color:#fff;font-weight:500}.share-landing-rays h3{font-size:14px;color:#999;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.share-ray-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.share-ray-row:last-child{border-bottom:none}.share-ray-body{width:90px;font-size:13px;color:#aaa}.share-ray-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;min-width:32px;text-align:center}.share-ray-name{font-size:13px;color:#ccc}.share-landing-interps{display:flex;flex-direction:column;gap:16px}.share-interp-section h4{font-size:13px;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.share-interp-section p{font-size:14px;line-height:1.5;color:#ccc}.share-landing-cta{text-align:center;padding:32px 0 16px}.share-landing-cta-text{font-size:16px;color:#aaa;margin-bottom:16px}.share-landing-cta-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#7c3aed,#c084fc);color:#fff;font-size:16px;font-weight:600;border-radius:12px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.share-landing-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed66}.share-landing-branding{margin-top:20px;font-size:12px;color:#555}.share-landing-branding strong{color:#888}.share-landing-not-found{text-align:center;padding:60px 24px}.share-landing-not-found h1{font-size:24px;color:#fff;margin-bottom:12px}.share-landing-not-found p{font-size:15px;color:#888}.share-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#888;font-size:16px}@media(max-width:480px){.share-landing-inner{padding:16px 12px}.share-landing-card{padding:16px}.share-landing-title{font-size:18px}.share-landing-placements{grid-template-columns:1fr}}.panel-header-left{display:flex;align-items:center;gap:8px;flex:1}.panel-header-left h3{margin:0;flex:1}#transits-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.transit-share-modal{max-width:680px}.transit-card-selection{padding:20px}.transit-card-prompt{color:#9890a8;font-size:14px;margin:0 0 20px;text-align:center}.transit-card-options{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.transit-card-option{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;width:190px}.transit-card-option:hover{background:#ffffff14;border-color:#a855f766;transform:translateY(-2px)}.transit-card-option:active{transform:translateY(0)}.transit-card-preview{width:160px;height:160px;border-radius:8px;background-color:#0000004d;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.06)}.transit-card-option[data-type=energy] .transit-card-preview{width:128px;height:160px}.transit-card-option[data-type=moment] .transit-card-preview{width:90px;height:160px}.transit-card-info{display:flex;flex-direction:column;align-items:center;gap:4px}.transit-card-name{color:#e8e4f0;font-size:14px;font-weight:500}.transit-card-desc{color:#6a6280;font-size:12px}@media(max-width:600px){.transit-share-modal{max-width:100%;margin:0 12px}.transit-card-selection{padding:16px}.transit-card-options{flex-direction:column;align-items:center;gap:12px}.transit-card-option{width:100%;max-width:320px;flex-direction:row;padding:12px 16px;gap:16px}.transit-card-preview{width:80px;height:80px;flex-shrink:0}.transit-card-option[data-type=energy] .transit-card-preview{width:64px;height:80px}.transit-card-option[data-type=moment] .transit-card-preview{width:45px;height:80px}.transit-card-info{align-items:flex-start;text-align:left}}