:root{--hdr-bg:#000;--orb-r:110px;--orb-cx:50%;--orb-cy:140px;--orb-size:80px;--planet-orb:66px}.header{background:var(--hdr-bg);position:-webkit-sticky;position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0);border-bottom:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 6%,transparent)}.header-logged-out{padding:36px 24px 28px}.orb-stage-out{display:flex;flex-direction:column;align-items:center;gap:22px;position:relative}.orb-corona{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mykofre-gold,#d4af37) 11%,transparent) 0,color-mix(in srgb,var(--mykofre-gold,#d4af37) 4%,transparent) 50%,transparent 72%);pointer-events:none;top:50%;left:50%;transform:translate(-50%,calc(-50% - 8px));animation:coronaPulse 4.5s ease-in-out infinite}@keyframes coronaPulse{0%,to{transform:translate(-50%,calc(-50% - 8px)) scale(1);opacity:.75}50%{transform:translate(-50%,calc(-50% - 8px)) scale(1.1);opacity:1}}.orb-logo-link{display:block;line-height:0;position:relative;z-index:1}.orb-logo{height:96px;width:auto;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.orb-logo-link:hover .orb-logo{transform:scale(1.05)}.orb-signin-btn{position:relative;z-index:1;padding:11px 36px;border-radius:100px;border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 18%,transparent);background:transparent;color:hsla(0,0%,100%,.8);font-size:13px;font-weight:600;letter-spacing:.06em;cursor:pointer;min-height:44px;transition:border-color .3s,color .3s,box-shadow .3s}.orb-signin-btn:hover{border-color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 50%,transparent);color:var(--mykofre-gold,#d4af37);box-shadow:0 0 22px color-mix(in srgb,var(--mykofre-gold,#d4af37) 10%,transparent)}.orb-spinner{margin-top:4px}.header-logged-in{padding:0}.orb-stage-in{position:relative;height:325px;width:100%}.orb-ring{position:absolute;width:calc(var(--orb-r) * 2);height:calc(var(--orb-r) * 2);border-radius:50%;top:var(--orb-cy);left:var(--orb-cx);transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 12%,transparent);pointer-events:none;z-index:1;box-shadow:0 0 30px color-mix(in srgb,var(--mykofre-gold,#d4af37) 4%,transparent),inset 0 0 20px color-mix(in srgb,var(--mykofre-gold,#d4af37) 2%,transparent)}.orb-ring-comet{position:absolute;inset:-1px;border-radius:50%;border-left:1.5px solid transparent;border-bottom:1.5px solid transparent;border-top:1.5px solid transparent;border-top-color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 65%,transparent);border-right:1.5px solid transparent;border-right-color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 18%,transparent);animation:cometSpin 8s linear infinite}@keyframes cometSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orb-bell{position:absolute;top:calc(var(--orb-cy) - 62px);left:calc(var(--orb-cx) + 38px);background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 12%,transparent);border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 35%,transparent);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mykofre-gold,#d4af37);z-index:5;transition:all .2s;animation:bell-pulse 2s ease-in-out infinite}.orb-bell:hover{background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 22%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--mykofre-gold,#d4af37) 40%,transparent)}.orb-bell-badge{position:absolute;top:-5px;right:-5px;background:var(--mykofre-gold,#d4af37);color:var(--bg-primary,#0a0a0a);font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}@keyframes bell-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--mykofre-gold,#d4af37) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--mykofre-gold,#d4af37) 0,transparent)}}.orb-center{transform:translate(-50%,-50%);z-index:4}.orb-center,.orb-planet{position:absolute;top:var(--orb-cy);left:var(--orb-cx)}.orb-planet{transform:translate(calc(-50% + var(--ox, 0px)),calc(-50% + var(--oy, 0px)));display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:hsla(0,0%,100%,.5);z-index:3;min-width:68px;-webkit-tap-highlight-color:transparent;transition:color .3s ease,transform .38s cubic-bezier(.25,.46,.45,.94)}.orb-planet:hover{color:var(--mykofre-gold,#d4af37);transform:translate(calc(-50% + var(--ox, 0px)),calc(-50% + var(--oy, 0px) - 5px))}.orb-planet-orb{width:var(--planet-orb);height:var(--planet-orb);border-radius:50%;border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 18%,transparent);background:hsla(0,0%,100%,.02);display:flex;align-items:center;justify-content:center;transition:border-color .3s,box-shadow .3s,background .3s;position:relative}.orb-planet-orb:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 6%,transparent);opacity:0;transition:opacity .3s}.orb-planet:hover .orb-planet-orb{border-color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 55%,transparent);background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 6%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--mykofre-gold,#d4af37) 15%,transparent)}.orb-planet:hover .orb-planet-orb:before{opacity:1}.orb-planet.orb-planet-active{color:var(--mykofre-gold,#d4af37)}.orb-planet.orb-planet-active .orb-planet-orb{border-color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 60%,transparent);background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 8%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--mykofre-gold,#d4af37) 20%,transparent)}.orb-planet.orb-planet-active .orb-planet-orb:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--mykofre-gold,#d4af37);box-shadow:0 0 8px color-mix(in srgb,var(--mykofre-gold,#d4af37) 80%,transparent)}.orb-planet-name{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1}.orb-planet-sub{font-size:9px;font-weight:400;letter-spacing:.05em;opacity:.55;line-height:1}.user-menu{position:relative}.orb-avatar-btn{width:var(--orb-size);height:var(--orb-size);border-radius:50%;background:var(--bg-primary,#0a0a0a);border:1.5px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 18%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;transition:border-color .3s,box-shadow .3s}.orb-avatar-btn:hover{border-color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 50%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--mykofre-gold,#d4af37) 16%,transparent)}.user-avatar{width:62px;height:62px;border-radius:50%;background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 10%,var(--bg-primary,#0a0a0a));border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 25%,transparent);color:var(--mykofre-gold,#d4af37);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}.user-avatar-img{width:70px;height:70px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--bg-elevated,#0f0f0f);border:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 12%,transparent);border-radius:14px;padding:14px;min-width:224px;box-shadow:0 16px 48px rgba(0,0,0,.7);z-index:300;animation:dropIn .22s cubic-bezier(.25,.46,.45,.94)}@keyframes dropIn{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.user-info{padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:10px}.user-name{font-size:14px;font-weight:600;color:var(--text-primary,#fff);margin-bottom:3px}.user-username{font-size:12px;color:var(--text-secondary,hsla(0,0%,100%,.38));margin-bottom:3px}.user-email{font-size:11px;color:var(--text-secondary,hsla(0,0%,100%,.28));opacity:.7}.user-actions{display:flex;flex-direction:column;gap:2px}.dropdown-link{display:block;padding:9px 10px;text-decoration:none;color:var(--text-secondary,hsla(0,0%,100%,.72));font-size:13px;font-weight:500;border-radius:8px;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.dropdown-link:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary,#fff)}.help-link{color:rgba(80,155,245,.85)}.help-link:hover{background:rgba(80,155,245,.08);color:#5ba3f5}.notif-btn{position:relative}.notif-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ef4444;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700}.notif-list{max-height:280px;overflow-y:auto;border-top:1px solid hsla(0,0%,100%,.06);margin-top:6px;padding-top:6px}.notif-empty{padding:12px;text-align:center;color:hsla(0,0%,100%,.3);font-size:12px}.notif-item{padding:9px 28px 9px 10px;cursor:pointer;border-radius:6px;position:relative;transition:background .15s;margin-bottom:2px}.notif-item:hover{background:hsla(0,0%,100%,.04)}.notif-item.notif-unread{background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 6%,transparent)}.notif-title{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.85);margin-bottom:3px}.notif-msg{font-size:11px;color:hsla(0,0%,100%,.42);line-height:1.4}.notif-dot{width:5px;height:5px;border-radius:50%;background:var(--mykofre-gold,#d4af37);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.notif-delete{position:absolute;right:4px;top:6px;background:none;border:none;color:hsla(0,0%,100%,.28);cursor:pointer;padding:4px;font-size:13px;line-height:1;border-radius:4px;transition:color .15s}.notif-delete:hover{color:hsla(0,0%,100%,.7)}.sign-out-button{width:100%;text-align:left;border:none;border-top:1px solid hsla(0,0%,100%,.06);padding:10px;margin-top:4px;background:none;color:rgba(220,80,80,.75);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border-radius:0 0 6px 6px;transition:color .2s,background .2s}.sign-out-button:hover{color:#ff6060;background:rgba(255,80,80,.05)}.loading-spinner{width:20px;height:20px;border:1.5px solid hsla(0,0%,100%,.1);border-top:1.5px solid var(--mykofre-gold,#d4af37);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){:root{--orb-r:90px;--orb-cy:118px;--orb-size:68px;--planet-orb:56px}.header-logged-out{padding:26px 16px 20px}.orb-logo{height:80px}.orb-corona{width:160px;height:160px}.orb-stage-in{height:272px}.orb-planet-name{font-size:9px}.orb-planet-sub{font-size:8px}}@media (max-width:480px){:root{--orb-r:76px;--orb-cy:100px;--orb-size:58px;--planet-orb:48px}.header-logged-out{padding:20px 12px 16px}.orb-logo{height:68px}.orb-corona{width:130px;height:130px}.orb-stage-in{height:236px}.user-avatar-img{width:50px;height:50px}.user-avatar{width:46px;height:46px;font-size:16px}.orb-planet-name{font-size:8px}.orb-planet-sub{font-size:7px}.user-dropdown{min-width:200px}}.hermes-fab{position:fixed;bottom:calc(80px + var(--safe-area-bottom, 0px));left:calc(20px + var(--safe-area-left, 0px));padding:10px 18px;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.5);color:var(--mykofre-gold,#b8860b);font-size:var(--text-sm,.875rem);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full,9999px);cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-fixed,9998);transition:all var(--transition-base,.2s ease);-webkit-tap-highlight-color:transparent}.hermes-fab:hover{background:rgba(255,215,0,.25);border-color:var(--mykofre-gold,gold);box-shadow:0 0 20px rgba(255,215,0,.2)}.hermes-fab:active{transform:scale(.98)}.hermes-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;justify-content:flex-start}.hermes-panel{width:min(380px,calc(100vw - 32px));max-width:100%;height:min(480px,70vh);margin-left:calc(20px + var(--safe-area-left, 0px));margin-bottom:calc(80px + var(--safe-area-bottom, 0px));background:var(--card-bg,#1a1a1a);border-radius:var(--radius-lg,12px);border:1px solid var(--card-border,hsla(0,0%,100%,.06));display:flex;flex-direction:column;box-shadow:0 -4px 24px rgba(0,0,0,.4)}.hermes-header{padding:12px 16px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.hermes-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer}.hermes-messages{flex:1 1;overflow-y:auto;padding:12px}.hermes-activity-stream{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #333}.hermes-activity-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.hermes-activity-icon{display:inline-flex;vertical-align:middle;margin-right:6px;color:var(--mykofre-gold,#b8860b)}.hermes-activity-item{display:flex;align-items:center;font-size:13px;color:hsla(0,0%,100%,.85);padding:4px 0;text-decoration:none;transition:color .2s}.hermes-activity-item:hover{color:gold}.hermes-msg{margin-bottom:12px}.hermes-msg-user{display:block;font-size:11px;font-weight:600;color:var(--mykofre-gold,#b8860b);margin-bottom:2px}.hermes-msg-text{font-size:14px;color:#fff}.hermes-empty,.hermes-loading{color:#888;font-size:14px}.hermes-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid #333}.hermes-input{flex:1 1;padding:10px 12px;border:1px solid #444;border-radius:8px;background:#252525;color:#fff;font-size:14px}.hermes-send{padding:10px 16px;background:rgba(255,215,0,.2);color:var(--mykofre-gold,gold);border:1px solid rgba(255,215,0,.4);border-radius:var(--radius-md,8px);font-weight:600;cursor:pointer}@media (max-width:480px){.hermes-fab{bottom:calc(72px + var(--safe-area-bottom, 0px));left:calc(16px + var(--safe-area-left, 0px))}.hermes-panel{margin-left:16px;margin-bottom:calc(72px + var(--safe-area-bottom, 0px));width:calc(100vw - 32px);max-height:60vh}}.install-pwa-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;animation:slideUp .3s ease-out}@keyframes slideUp{0%{bottom:-100px;opacity:0}to{bottom:20px;opacity:1}}.install-pwa-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid gold;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px rgba(255,215,0,.3);max-width:90vw;width:400px}.install-pwa-icon{font-size:32px;flex-shrink:0}.install-pwa-text{flex:1 1;min-width:0}.install-pwa-text strong{display:block;color:gold;font-size:16px;margin-bottom:4px}.install-pwa-text p{color:#999;font-size:13px;margin:0}.install-pwa-btn{background:gold;color:#000;border:none;padding:10px 20px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0}.install-pwa-btn:hover{background:#ffc700;transform:scale(1.05)}.install-pwa-btn:active{transform:scale(.95)}.install-pwa-close{background:transparent;border:none;color:#666;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s;flex-shrink:0}.install-pwa-close:hover{color:#fff}@media (max-width:480px){.install-pwa-banner{bottom:10px;left:10px;right:10px;transform:none}.install-pwa-content{width:100%;max-width:none;padding:14px 16px;gap:10px}.install-pwa-icon{font-size:28px}.install-pwa-text strong{font-size:14px}.install-pwa-text p{font-size:12px}.install-pwa-btn{padding:8px 16px;font-size:13px}}.secure-audio-player{width:100%;margin-top:8px}.audio-error{color:#f44;font-size:13px;background:rgba(255,68,68,.1);text-align:center}.audio-controls,.audio-error{padding:8px;border-radius:8px}.audio-controls{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #2b2b2b}.play-pause-btn{background:var(--mykofre-gold);color:#000;border:none;border-radius:50%;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-mykofre);flex-shrink:0;-webkit-tap-highlight-color:rgba(255,215,0,.3);tap-highlight-color:rgba(255,215,0,.3);box-shadow:var(--glow-mykofre)}.play-pause-btn:hover:not(:disabled){transform:scale(1.12);background:var(--mykofre-gold-light);box-shadow:var(--glow-mykofre-strong)}@media (hover:none) and (pointer:coarse){.play-pause-btn:hover:not(:disabled){transform:none}.play-pause-btn:active:not(:disabled){transform:scale(.95);background:#ffc700}.progress-container:hover .progress-bar{height:4px}.progress-container:hover .progress-filled{background:gold}}.play-pause-btn:disabled{opacity:.5;cursor:wait}.progress-container{flex:1 1;cursor:pointer;height:24px;display:flex;align-items:center}.progress-bar{width:100%;height:4px;background:#2b2b2b;border-radius:2px;position:relative;overflow:hidden}.progress-filled{height:100%;background:gold;border-radius:2px;transition:width .1s linear}.progress-container:hover .progress-bar{height:6px}.progress-container:hover .progress-filled{background:#ffc700}.time-display{font-size:12px;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}@media (max-width:768px){.audio-controls{padding:var(--space-2);gap:var(--space-2)}.time-display{font-size:var(--text-xs)}.play-pause-btn{width:var(--touch-target-min);height:var(--touch-target-min);font-size:14px}.progress-container{height:32px}}@media (max-width:480px){.audio-controls{padding:var(--space-2);gap:var(--space-1)}.time-display{font-size:10px}}.ws-drawer{position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--bg-elevated,#111);border-top:1px solid color-mix(in srgb,var(--mykofre-gold,#d4af37) 22%,transparent);border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.6);display:flex;flex-direction:column;transition:height .35s cubic-bezier(.4,0,.2,1);will-change:height;max-width:1200px;margin:0 auto}.ws-drawer-peek{height:48px}.ws-drawer-open{height:85vh}.ws-drawer-closed{height:0;overflow:hidden;border:none}.ws-drawer-handle{flex-shrink:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:4px;padding:6px 16px;touch-action:none}.ws-drawer-handle:focus-visible{outline:2px solid var(--mykofre-gold,#d4af37);outline-offset:-2px;border-radius:16px 16px 0 0}.ws-drawer-drag-bar{width:36px;height:4px;background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 35%,transparent);border-radius:2px;flex-shrink:0;transition:background .3s}.ws-drawer-handle:hover .ws-drawer-drag-bar{background:color-mix(in srgb,var(--mykofre-gold,#d4af37) 60%,transparent)}.ws-drawer-tab-content{display:flex;align-items:center;gap:8px}.ws-drawer-icon{font-size:15px;line-height:1}.ws-drawer-label{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--mykofre-gold,#d4af37);text-transform:uppercase;transition:color .3s}.ws-drawer-chevron{font-size:11px;color:color-mix(in srgb,var(--mykofre-gold,#d4af37) 60%,transparent);transition:transform .3s,color .3s;line-height:1}.ws-drawer-body{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.ws-drawer-peek .ws-drawer-body{display:none}.ws-drawer-iframe{width:100%;height:100%;border:none;background:var(--bg-primary,#0a0a0a);display:block}.ws-drawer-pre-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;opacity:.35;font-size:32px}.ws-drawer-pre-load p{font-size:13px;color:var(--text-secondary,#888)}:root[data-embedded] .ws-page{height:100vh;overflow:hidden}