.cassette-slot{border:var(--border-width-thick)solid;background:linear-gradient(#1a1a2a 0%,#0e0e1a 100%);border-color:#0a0a14 #2a2a3a #2a2a3a #0a0a14;width:100%;height:160px;position:relative;overflow:hidden;box-shadow:inset 0 4px 12px #00000080,inset 0 -2px 4px #ffffff0d}.cassette-slot__opening{background:#0a0a14;border:2px solid #1a1a2a;width:85%;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #000c}.cassette-slot__interior{justify-content:center;align-items:center;width:90%;height:120px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cassette-slot__empty{align-items:center;gap:var(--space-2);color:var(--color-text-dim);font-size:var(--font-size-sm);opacity:.5;flex-direction:column;display:flex}.cassette-slot__empty-icon{font-size:var(--font-size-xxl)}.cassette-tape{background:var(--tape-color,#3a3a4a);border:3px solid #0000004d;border-color:#fff3 #0000004d #0000004d #fff3;width:200px;height:110px;position:absolute;box-shadow:0 4px 8px #0006,inset 0 0 0 2px #0003}.cassette-tape--orange{--tape-color:var(--color-orange)}.cassette-tape--cyan{--tape-color:var(--color-cyan)}.cassette-tape--pink{--tape-color:var(--color-pink)}.cassette-tape--yellow{--tape-color:var(--color-yellow)}.cassette-tape--white{--tape-color:#e8e8e8}.cassette-tape__label{width:160px;height:45px;padding:var(--space-2);background:#f5f5f0;border:2px solid #ccc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.cassette-tape__label-company{font-size:var(--font-size-xs);color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:700;overflow:hidden}.cassette-tape__label-role{color:#4a4a4a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.cassette-tape__reels{justify-content:space-between;width:140px;height:40px;padding:0 10px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.cassette-tape__reel{background:#1a1a1a;border:3px solid #2a2a2a;width:36px;height:36px;position:relative}.cassette-tape__reel:before{content:"";background:#3a3a3a;border:2px solid #4a4a4a;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cassette-tape__reel:after{content:"";background:#5a5a5a;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cassette-tape__reel-spokes{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cassette-tape__reel-spokes:before,.cassette-tape__reel-spokes:after{content:"";transform-origin:50%;background:#4a4a4a;width:2px;height:24px;position:absolute;top:50%;left:50%}.cassette-tape__reel-spokes:before{transform:translate(-50%,-50%)rotate(0)}.cassette-tape__reel-spokes:after{transform:translate(-50%,-50%)rotate(90deg)}.cassette-tape__window{background:#000000b3;border:2px solid #1a1a1a;justify-content:center;align-items:center;width:50px;height:24px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cassette-tape__tape-ribbon{background:linear-gradient(90deg,#3a2a2a 0%,#2a1a1a 50%,#3a2a2a 100%);width:100%;height:4px}@keyframes reel-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes reel-spin-fast{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.cassette-tape--playing .cassette-tape__reel-spokes{animation:1s linear infinite reel-spin}.cassette-tape--fast-forward .cassette-tape__reel-spokes{animation:.2s linear infinite reel-spin-fast}.cassette-tape--rewind .cassette-tape__reel-spokes{animation:.2s linear infinite reverse reel-spin-fast}@keyframes cassette-insert{0%{opacity:1;transform:translateY(-140px)}20%{transform:translateY(-112px)}40%{transform:translateY(-84px)}60%{transform:translateY(-56px)}80%{transform:translateY(-28px)}to{transform:translateY(0)}}@keyframes cassette-eject{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(-50px)}75%{transform:translateY(-90px)}to{opacity:0;transform:translateY(-140px)}}.cassette-tape--inserting{animation:1.5s steps(6,end) forwards cassette-insert}.cassette-tape--ejecting{animation:.8s steps(4,end) forwards cassette-eject}.cassette-slot__indicators{flex-direction:column;gap:6px;display:flex;position:absolute;top:24px;right:12px}.cassette-slot__indicator{background:#1a1a1a;border:2px solid #2a2a2a;width:8px;height:8px;box-shadow:inset 1px 1px 2px #00000080}.cassette-slot__indicator--active{background:var(--color-cyan);box-shadow:inset 1px 1px 2px #ffffff4d,0 0 6px var(--color-cyan)}.cassette-slot__indicator--playing{background:#3f3;animation:.5s ease-in-out infinite alternate indicator-pulse;box-shadow:inset 1px 1px 2px #ffffff4d,0 0 6px #3f3}@keyframes indicator-pulse{0%{opacity:.7}to{opacity:1}}
.transport-controls{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);border:var(--border-width-thick)solid;background:linear-gradient(#2a2a3a 0%,#1e1e2e 100%);border-color:#3a3a4a #1a1a2a #1a1a2a #3a3a4a;display:flex}.transport-controls__button{border:var(--border-width-thick)solid;width:48px;height:40px;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-lg);cursor:pointer;background:linear-gradient(#4a4a5a 0%,#3a3a4a 50%,#2a2a3a 100%);border-color:#5a5a6a #1a1a2a #1a1a2a #5a5a6a;justify-content:center;align-items:center;transition:none;display:flex;box-shadow:inset 1px 1px #ffffff1a,2px 2px #0a0a14}.transport-controls__button:hover:not(:disabled){color:var(--color-text-primary);background:linear-gradient(#5a5a6a 0%,#4a4a5a 50%,#3a3a4a 100%)}.transport-controls__button:active:not(:disabled){background:linear-gradient(#2a2a3a 0%,#3a3a4a 50%,#4a4a5a 100%);border-color:#1a1a2a #5a5a6a #5a5a6a #1a1a2a;transform:translate(1px,1px);box-shadow:inset 2px 2px 4px #00000080,1px 1px #0a0a14}.transport-controls__button:disabled{opacity:.4;cursor:not-allowed}.transport-controls__button--play{width:56px}.transport-controls__button--active{color:var(--color-cyan);border-color:var(--color-cyan)#0a2a2a #0a2a2a var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);background:linear-gradient(#3a5a5a 0%,#2a4a4a 50%,#1a3a3a 100%);box-shadow:inset 1px 1px #4ecdc44d,2px 2px #0a0a14,0 0 12px #4ecdc466}.transport-controls__button--playing{color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);animation:1s ease-in-out infinite alternate button-glow-cyan}.transport-controls__button--paused{color:var(--color-orange);text-shadow:0 0 8px var(--color-orange)}.transport-controls__button--seeking{color:var(--color-yellow);text-shadow:0 0 8px var(--color-yellow);animation:.3s ease-in-out infinite alternate button-glow-yellow}.transport-controls__button--eject{background:linear-gradient(#5a4a4a 0%,#4a3a3a 50%,#3a2a2a 100%)}.transport-controls__button--eject:hover:not(:disabled){color:var(--color-pink)}@keyframes button-glow-cyan{0%{box-shadow:inset 1px 1px #4ecdc44d,2px 2px #0a0a14,0 0 8px #4ecdc44d}to{box-shadow:inset 1px 1px #4ecdc44d,2px 2px #0a0a14,0 0 16px #4ecdc499}}@keyframes button-glow-yellow{0%{box-shadow:inset 1px 1px #ffd93d4d,2px 2px #0a0a14,0 0 8px #ffd93d4d}to{box-shadow:inset 1px 1px #ffd93d4d,2px 2px #0a0a14,0 0 16px #ffd93d99}}.transport-controls__icon{font-size:var(--font-size-md);line-height:1}.transport-controls__label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){.transport-controls{gap:var(--space-2);padding:var(--space-3)}.transport-controls__button{width:40px;height:36px;font-size:var(--font-size-md)}.transport-controls__button--play{width:48px}}
.vu-meter{gap:var(--space-3);padding:var(--space-3);border:var(--border-width-thick)solid;background:linear-gradient(#1a1a2a 0%,#0e0e1a 100%);border-color:#0a0a14 #2a2a3a #2a2a3a #0a0a14;display:flex;box-shadow:inset 0 2px 8px #00000080}.vu-meter__channel{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.vu-meter__label{font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.vu-meter__bar-container{background:#0a0a14;border:2px solid #1a1a2a;flex-direction:column-reverse;gap:2px;width:20px;height:120px;padding:4px;display:flex;position:relative}.vu-meter__segment{background:#1a1a2a;border:1px solid #0a0a14;width:100%;height:8px;transition:background 50ms}.vu-meter__segment:nth-child(-n+7).vu-meter__segment--active{background:#3f3;box-shadow:inset 1px 1px #ffffff4d,0 0 4px #3f3}.vu-meter__segment:nth-child(8).vu-meter__segment--active,.vu-meter__segment:nth-child(9).vu-meter__segment--active{background:var(--color-yellow);box-shadow:inset 1px 1px 0 #ffffff4d,0 0 4px var(--color-yellow)}.vu-meter__segment:nth-child(n+10).vu-meter__segment--active{background:#f33;box-shadow:inset 1px 1px #ffffff4d,0 0 4px #f33}.vu-meter__peak{background:#fff;height:3px;transition:bottom .1s;position:absolute;left:4px;right:4px;box-shadow:0 0 4px #fff}.vu-meter__scale{flex-direction:column-reverse;justify-content:space-between;height:120px;margin-left:2px;padding:4px 0;display:flex}.vu-meter__scale-mark{color:var(--color-text-dim);font-size:8px;line-height:1}.vu-meter__dual{align-items:flex-end;gap:var(--space-2);display:flex}.vu-meter__stereo-label{width:100%;padding:0 var(--space-2);margin-bottom:var(--space-1);justify-content:space-between;display:flex}.vu-meter__stereo-label span{font-size:var(--font-size-xs);color:var(--color-text-dim)}@keyframes segment-pulse{0%,to{opacity:1}50%{opacity:.8}}.vu-meter__segment--active{animation:.1s ease-in-out segment-pulse}.vu-meter--inactive .vu-meter__segment{box-shadow:none;background:#1a1a2a}.vu-meter--inactive .vu-meter__peak{opacity:0}.vu-meter--compact{padding:var(--space-2)}.vu-meter--compact .vu-meter__bar-container{width:16px;height:80px}.vu-meter--compact .vu-meter__segment{height:5px}
.lcd-display{border:var(--border-width-thick)solid;width:100%;height:72px;font-family:var(--font-mono);background:#1a2a1a;border-color:#0a1a0a #2a3a2a #2a3a2a #0a1a0a;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #33ff331a,inset 2px 2px 8px #00000080}.lcd-display:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff0d 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.lcd-display:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000026 2px 4px);position:absolute;inset:0}.lcd-display__content{height:100%;padding:var(--space-3)var(--space-4);color:#3f3;z-index:0;flex-direction:column;justify-content:center;display:flex;position:relative}.lcd-display__company{font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:2px;white-space:nowrap;text-shadow:0 0 8px #3f3;font-weight:700;overflow:hidden}.lcd-display__role{font-size:var(--font-size-sm);opacity:.9;white-space:nowrap;text-shadow:0 0 4px #3f3;overflow:hidden}.lcd-display__date{font-size:var(--font-size-xs);opacity:.7;margin-top:var(--space-1);text-shadow:0 0 4px #3f3}@keyframes lcd-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lcd-display__company--scrolling,.lcd-display__role--scrolling{animation:8s linear infinite lcd-scroll;display:inline-block}.lcd-display__company--scrolling{animation-duration:10s}.lcd-display__scroll-wrapper{width:max-content;display:flex}.lcd-display__scroll-wrapper span{padding-right:48px}.lcd-display__empty{height:100%;font-size:var(--font-size-md);letter-spacing:4px;justify-content:center;align-items:center;animation:1s step-end infinite lcd-blink;display:flex}@keyframes lcd-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.lcd-display__loading{height:100%;font-size:var(--font-size-sm);letter-spacing:2px;justify-content:center;align-items:center;display:flex}.lcd-display__loading-dots{gap:4px;margin-left:8px;display:inline-flex}.lcd-display__loading-dots span{animation:1.5s step-end infinite lcd-dot}.lcd-display__loading-dots span:first-child{animation-delay:0s}.lcd-display__loading-dots span:nth-child(2){animation-delay:.5s}.lcd-display__loading-dots span:nth-child(3){animation-delay:1s}@keyframes lcd-dot{0%,33%{opacity:1}34%,to{opacity:.2}}.lcd-display__status{top:var(--space-2);right:var(--space-3);font-size:var(--font-size-xs);opacity:.8;position:absolute}.lcd-display__status--playing{animation:.5s step-end infinite lcd-blink}.lcd-display__corner{background:#0a1a0a;width:6px;height:6px;position:absolute}.lcd-display__corner--tl{top:4px;left:4px}.lcd-display__corner--tr{top:4px;right:4px}.lcd-display__corner--bl{bottom:4px;left:4px}.lcd-display__corner--br{bottom:4px;right:4px}
.job-detail-panel{border-left:var(--border-width-thick)solid #3a3a4a;background:linear-gradient(#1a1a2a 0%,#12121e 50%,#0a0a14 100%);flex-direction:column;width:320px;min-width:320px;max-width:320px;height:100%;animation:.4s ease-out slideIn;display:flex;overflow:hidden;box-shadow:inset 2px 0 #2a2a3a,-4px 0 16px #0006}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.job-detail-panel--loading{justify-content:center;align-items:center}.job-detail-panel__loading{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.job-detail-panel__loading-tape{background:#2a2a3a;border:3px solid #4a4a5a;border-radius:4px;width:80px;height:50px;animation:1.5s ease-in-out infinite tapeInsert;position:relative}.job-detail-panel__loading-tape:before,.job-detail-panel__loading-tape:after{content:"";background:#1a1a2a;border:2px solid #3a3a4a;border-radius:50%;width:20px;height:20px;animation:.5s linear infinite spinReel;position:absolute;top:50%;transform:translateY(-50%)}.job-detail-panel__loading-tape:before{left:10px}.job-detail-panel__loading-tape:after{right:10px}@keyframes tapeInsert{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spinReel{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.job-detail-panel__loading-text{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-cyan);text-transform:uppercase;letter-spacing:2px;animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.job-detail-panel__header{padding:var(--space-4);border-bottom:var(--border-width-thick)solid #3a3a4a;background:linear-gradient(#2a2a3a 0%,#1e1e2e 100%);position:relative}.job-detail-panel__color-stripe{height:4px;position:absolute;top:0;left:0;right:0}.job-detail-panel__color-stripe--orange{background:var(--color-orange)}.job-detail-panel__color-stripe--cyan{background:var(--color-cyan)}.job-detail-panel__color-stripe--pink{background:var(--color-pink)}.job-detail-panel__color-stripe--yellow{background:var(--color-yellow)}.job-detail-panel__color-stripe--white{background:#e8e8e8}.job-detail-panel__header-content{padding-top:var(--space-2)}.job-detail-panel__company{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--space-1)0;text-transform:uppercase;letter-spacing:1px}.job-detail-panel__role{font-size:var(--font-size-md);color:var(--color-cyan);margin-bottom:var(--space-2)}.job-detail-panel__meta{gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-dim);flex-direction:column;display:flex}.job-detail-panel__location,.job-detail-panel__dates{align-items:center;gap:var(--space-1);display:flex}.job-detail-panel__description{padding:var(--space-3)var(--space-4);background:#0003;border-bottom:1px solid #2a2a3a}.job-detail-panel__description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.job-detail-panel__skills{gap:var(--space-1);padding:var(--space-3)var(--space-4);border-bottom:1px solid #2a2a3a;flex-wrap:wrap;display:flex}.job-detail-panel__skill{padding:var(--space-1)var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px;background:#2a2a3a;border:1px solid #3a3a4a}.job-detail-panel__content{padding:var(--space-4);flex:1;overflow-y:auto}.job-detail-panel__content::-webkit-scrollbar{width:10px}.job-detail-panel__content::-webkit-scrollbar-track{background:#1a1a2a}.job-detail-panel__content::-webkit-scrollbar-thumb{background:#3a3a4a;border:2px solid #1a1a2a}.job-detail-panel__section-title{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-orange);text-transform:uppercase;letter-spacing:2px;margin:0 0 var(--space-3)0;padding-bottom:var(--space-2);border-bottom:1px dashed #3a3a4a;display:flex}.job-detail-panel__section-icon{color:var(--color-cyan)}.job-detail-panel__projects{margin-bottom:var(--space-5)}.job-detail-panel__project-list{gap:var(--space-3);flex-direction:column;display:flex}.project-card{border:var(--border-width)solid #3a3a4a;padding:var(--space-3);background:#2a2a3a;animation:.3s ease-out backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-card__header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.project-card__track-num{background:var(--color-cyan);color:#1a1a2a;width:24px;height:24px;font-family:var(--font-mono);font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.project-card__title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;line-height:1.4}.project-card__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--space-2)0;line-height:1.5}.project-card__impact{align-items:center;gap:var(--space-2);padding:var(--space-2);border-left:3px solid var(--color-cyan);margin-bottom:var(--space-2);background:#4ecdc41a;display:flex}.project-card__impact-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-cyan);text-transform:uppercase;letter-spacing:1px}.project-card__impact-value{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:700}.project-card__tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.project-card__tag{padding:2px var(--space-2);font-family:var(--font-mono);color:var(--color-text-dim);text-transform:uppercase;background:#1a1a2a;border:1px solid #3a3a4a;font-size:10px}.highlights-section{margin-bottom:var(--space-5)}.highlights-section__title{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-yellow);text-transform:uppercase;letter-spacing:2px;margin:0 0 var(--space-3)0;padding-bottom:var(--space-2);border-bottom:1px dashed #3a3a4a;display:flex}.highlights-section__icon{color:var(--color-yellow)}.highlights-section__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.highlights-section__item{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;display:flex}.highlights-section__bullet{color:var(--color-yellow);flex-shrink:0}.soundcloud-section{margin-bottom:var(--space-4)}.soundcloud-section__title{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-pink);text-transform:uppercase;letter-spacing:2px;margin:0 0 var(--space-3)0;padding-bottom:var(--space-2);border-bottom:1px dashed #3a3a4a;display:flex}.soundcloud-section__icon{color:var(--color-pink)}.soundcloud-section__track-indicator{font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:none;letter-spacing:normal;margin-left:var(--space-1)}.soundcloud-section__track-title{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);padding:var(--space-1)var(--space-2);border-left:2px solid var(--color-pink);background:#ffffff0d}.soundcloud-section__external-link{padding:var(--space-3);color:var(--color-cyan);font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:center;text-decoration:none;transition:background .2s;display:block}.soundcloud-section__external-link:hover{background:#4ecdc41a;text-decoration:underline}.soundcloud-section__embed{border:var(--border-width)solid #3a3a4a;padding:var(--space-2);background:#1a1a2a}.soundcloud-section__embed iframe{display:block}.soundcloud-section--hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.job-detail-panel__empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:2px;flex-direction:column;flex:1;display:flex}.job-detail-panel__empty-icon{opacity:.3;font-size:48px}@media (max-width:1024px){.job-detail-panel{width:280px;min-width:280px;max-width:280px}}@media (max-width:768px){.job-detail-panel{width:100%;max-width:100%;min-width:unset;z-index:10;position:absolute;top:0;bottom:0;right:0}}
.tape-deck{border:var(--border-width-thick)solid;width:100%;height:100%;min-height:400px;font-family:var(--font-mono);background:linear-gradient(#2a2a3a 0%,#1e1e2e 50%,#161622 100%);border-color:#4a4a5a #1a1a2a #1a1a2a #4a4a5a;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #3a3a4a,inset 2px 2px 0 2px #ffffff0d}.tape-deck__player-section{padding:var(--space-5);border-right:var(--border-width-thick)solid;border-color:#1a1a2a;flex-direction:column;flex:1;min-width:320px;display:flex;box-shadow:inset -2px 0 #3a3a4a}.tape-deck__player-top{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.tape-deck__cassette-area{flex:1}.tape-deck__vu-area{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.tape-deck__vu-label{font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.tape-deck__controls-area{margin-top:auto}.tape-deck__library-section{padding:var(--space-5);background:linear-gradient(#222232 0%,#1a1a2a 100%);flex-direction:column;flex:0 0 240px;min-width:200px;max-width:280px;display:flex}.tape-deck__library-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-width)solid #3a3a4a;justify-content:space-between;align-items:center;display:flex}.tape-deck__library-title{font-size:var(--font-size-lg);color:var(--color-cyan);text-transform:uppercase;letter-spacing:2px;margin:0}.tape-deck__library-count{font-size:var(--font-size-sm);color:var(--color-text-dim)}.tape-deck__library-list{gap:var(--space-3);padding-right:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tape-deck__library-list::-webkit-scrollbar{width:12px}.tape-deck__library-list::-webkit-scrollbar-track{background:#1a1a2a;border:2px solid #2a2a3a}.tape-deck__library-list::-webkit-scrollbar-thumb{background:#4a4a5a;border:2px solid #3a3a4a}.tape-deck__library-list::-webkit-scrollbar-thumb:hover{background:#5a5a6a}.tape-deck__cassette-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width)solid;cursor:pointer;transition:background var(--transition-fast);background:#2a2a3a;border-color:#3a3a4a #1a1a2a #1a1a2a #3a3a4a;display:flex}.tape-deck__cassette-item:hover{background:#3a3a4a}.tape-deck__cassette-item--active{border-color:var(--color-cyan);box-shadow:0 0 8px #4ecdc44d}.tape-deck__cassette-color{border:2px solid #1a1a2a;width:24px;height:16px;box-shadow:inset 1px 1px #fff3}.tape-deck__cassette-color--orange{background:var(--color-orange)}.tape-deck__cassette-color--cyan{background:var(--color-cyan)}.tape-deck__cassette-color--pink{background:var(--color-pink)}.tape-deck__cassette-color--yellow{background:var(--color-yellow)}.tape-deck__cassette-color--white{background:#e8e8e8}.tape-deck__cassette-info{flex:1;overflow:hidden}.tape-deck__cassette-company{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-deck__cassette-role{font-size:var(--font-size-xs);color:var(--color-text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-deck:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff05 2px 4px);position:absolute;inset:0}@media (max-width:768px){.tape-deck{flex-direction:column}.tape-deck__player-section{border-right:none;border-bottom:var(--border-width-thick)solid #1a1a2a;min-width:unset;box-shadow:inset 0 -2px #3a3a4a}.tape-deck__library-section{min-width:unset}}
:root{--rp-cabinet-gradient-start:#2a2015;--rp-cabinet-gradient-end:#1a1510;--rp-turntable-section-start:#3d2d20;--rp-turntable-section-end:#2a1f15;--rp-turntable-border:#1a1510;--rp-turntable-bg-start:#282828;--rp-turntable-bg-end:#1a1a1a;--rp-turntable-border-color:#101010;--rp-platter-start:#a0a0a0;--rp-platter-mid:gray;--rp-platter-end:#606060;--rp-platter-border:#404040;--rp-platter-empty-color:#606060;--rp-tonearm-base-start:gray;--rp-tonearm-base-end:#606060;--rp-tonearm-arm-start:#a0a0a0;--rp-tonearm-arm-mid:#707070;--rp-tonearm-arm-end:#606060;--rp-tonearm-head-start:#909090;--rp-tonearm-head-end:#707070;--rp-needle-color:gray;--rp-needle-active:#f44;--rp-display-bg:#0a1a0a;--rp-display-border:#000;--rp-display-inner-shadow:#001a00;--rp-display-status-color:#0f0;--rp-display-info-color:#080;--rp-display-empty-color:#040;--rp-led-off:#400000;--rp-led-loaded:#ff0;--rp-led-playing:#0f0;--rp-transport-bg-start:#2a2520;--rp-transport-bg-end:#1a1510;--rp-button-start:#505050;--rp-button-end:#303030;--rp-button-hover-start:#606060;--rp-button-hover-end:#404040;--rp-play-button-start:#30a030;--rp-play-button-end:#208020;--rp-stop-button-start:#a03030;--rp-stop-button-end:#802020;--rp-control-bg-start:#303030;--rp-control-bg-end:#202020;--rp-control-label:gray;--rp-speed-active-color:#0f0;--rp-speed-active-bg:#020;--rp-volume-fill:linear-gradient(90deg,#0f0 0%,#ff0 70%,red 100%);--rp-volume-value:#0f0;--tuner-body-start:#3d2d20;--tuner-body-end:#2a1f15;--tuner-body-border:#1a1510;--tuner-header-bg:#2a2015;--tuner-header-color:#daa520;--tuner-display-bg:#0a0a00;--tuner-display-border:#daa520;--tuner-display-text:#fa0;--tuner-display-glow:#daa52080;--tuner-dial-bg:#1a1510;--tuner-dial-border:#daa520;--tuner-dial-track:#0a0500;--tuner-dial-track-inner:linear-gradient(180deg,#2a1f10 0%,#1a1510 50%,#2a1f10 100%);--tuner-mark-color:#806030;--tuner-mark-active:#fa0;--tuner-mark-loaded:#0f0;--tuner-needle-color:#daa520;--tuner-needle-glow:#fa0c;--tuner-static-color:#fa0;--tuner-freq-scale:#806030}.record-player-window{background:linear-gradient(180deg,var(--rp-cabinet-gradient-start)0%,var(--rp-cabinet-gradient-end)100%);height:100%;color:var(--color-text-primary);font-family:var(--font-mono);flex-direction:column;display:flex;overflow:hidden}.radio-main-layout{flex:1;display:flex;overflow:hidden}.tuner-section{background:linear-gradient(180deg,var(--tuner-body-start)0%,var(--tuner-body-end)100%);border-right:4px solid var(--tuner-body-border);flex-direction:column;width:140px;display:flex;box-shadow:inset -4px 0 #0000004d,inset 4px 0 #ffffff0d}.tuner-header{padding:var(--space-2)var(--space-3);background:var(--tuner-header-bg);color:var(--tuner-header-color);font-size:var(--font-size-xs);text-align:center;letter-spacing:2px;border-bottom:2px solid var(--tuner-body-border);text-shadow:0 0 8px var(--tuner-display-glow);font-weight:700}.tuner-body{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.tuner-frequency-display{background:var(--tuner-display-bg);border:2px solid var(--tuner-display-border);padding:var(--space-2);text-align:center;box-shadow:inset 1px 1px 0 #00000080,0 0 10px var(--tuner-display-glow)}.freq-value{font-size:var(--font-size-lg);color:var(--tuner-display-text);text-shadow:0 0 8px var(--tuner-display-text);font-weight:700}.freq-unit{font-size:var(--font-size-xs);color:var(--tuner-display-text);opacity:.7;margin-left:2px}.tuner-station-display{background:var(--tuner-display-bg);border:2px solid var(--tuner-display-border);padding:var(--space-2);text-align:center;min-height:44px}.station-name-display{font-size:var(--font-size-sm);color:var(--tuner-display-text);text-shadow:0 0 5px var(--tuner-display-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.station-name-display.tuning{animation:.3s steps(2,end) infinite tuning-blink}@keyframes tuning-blink{0%,to{opacity:1}50%{opacity:.5}}.station-location-display{color:var(--tuner-display-text);opacity:.6;margin-top:2px;font-size:9px}.tuner-dial{cursor:pointer;min-height:180px;margin:var(--space-2)0;-webkit-user-select:none;user-select:none;touch-action:none;flex:1;display:flex;position:relative}.dial-markings{width:50px;position:absolute;top:0;bottom:0;left:0}.dial-mark{align-items:center;gap:4px;transition:all .1s steps(2,end);display:flex;position:absolute;left:0;transform:translateY(50%)}.dial-mark-line{background:var(--tuner-mark-color);width:8px;height:2px;transition:all .1s steps(2,end)}.dial-mark-label{color:var(--tuner-mark-color);text-transform:uppercase;font-size:7px;transition:all .1s steps(2,end)}.dial-mark.active .dial-mark-line{background:var(--tuner-mark-active);width:12px;box-shadow:0 0 4px var(--tuner-mark-active)}.dial-mark.active .dial-mark-label{color:var(--tuner-mark-active);text-shadow:0 0 4px var(--tuner-mark-active)}.dial-mark.loaded .dial-mark-line{background:var(--tuner-mark-loaded);box-shadow:0 0 6px var(--tuner-mark-loaded)}.dial-mark.loaded .dial-mark-label{color:var(--tuner-mark-loaded)}.dial-track{background:var(--tuner-dial-track);border:2px solid var(--tuner-dial-border);width:16px;position:absolute;top:0;bottom:0;left:55px;box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff0d}.dial-track-inner{background:var(--tuner-dial-track-inner);position:absolute;inset:4px}.tuner-needle{pointer-events:none;z-index:10;align-items:center;width:28px;height:16px;transition:bottom 50ms linear;display:flex;position:absolute;left:50px}.tuner-needle.dragging{transition:none}.needle-glow{background:radial-gradient(ellipse,var(--tuner-needle-glow)0%,transparent 70%);opacity:.8;width:22px;height:12px;position:absolute;left:5px}.needle-pointer{background:linear-gradient(90deg,var(--tuner-needle-color)0%,#fff 50%,var(--tuner-needle-color)100%);width:18px;height:4px;box-shadow:0 0 6px var(--tuner-needle-glow);border:1px solid #000;position:absolute;left:7px}.freq-scale{width:24px;color:var(--tuner-freq-scale);text-align:right;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:8px;display:flex;position:absolute;top:0;bottom:0;right:0}.static-indicator{background:var(--tuner-display-bg);border:2px solid var(--tuner-body-border);justify-content:center;align-items:center;height:24px;margin-top:auto;display:flex;overflow:hidden}.static-bars{opacity:.3;gap:3px;height:12px;display:flex}.static-indicator.active .static-bars{opacity:1}.static-bar{background:var(--tuner-static-color);width:4px;animation:.15s steps(3,end) infinite static-dance}@keyframes static-dance{0%{height:4px}33%{height:12px}66%{height:8px}to{height:4px}}.player-section{padding:var(--space-4);background:linear-gradient(180deg,var(--rp-turntable-section-start)0%,var(--rp-turntable-section-end)100%);align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.turntable{background:linear-gradient(145deg,var(--rp-turntable-bg-start)0%,var(--rp-turntable-bg-end)100%);border:4px solid var(--rp-turntable-border-color);width:180px;height:160px;padding:var(--space-2);position:relative;box-shadow:inset -2px -2px #00000080,inset 2px 2px #ffffff0d,4px 4px #000}.platter{background:linear-gradient(135deg,var(--rp-platter-start)0%,var(--rp-platter-mid)50%,var(--rp-platter-end)100%);border:3px solid var(--rp-platter-border);justify-content:center;align-items:center;width:130px;height:130px;display:flex;overflow:hidden;box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 4px 8px #0006}.platter-empty{color:var(--rp-platter-empty-color);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.vinyl-record{background:var(--vinyl-color,#1a1a1a);border:2px solid #000;width:110px;height:110px;position:relative;box-shadow:inset -3px -3px #00000080,inset 3px 3px #ffffff14}.vinyl-record.spinning{animation:vinyl-spin var(--spin-duration,1.818s)linear infinite}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-grooves{background:repeating-radial-gradient(circle,#0000 0 2px,#ffffff0a 2px 4px);justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}.vinyl-label{background:var(--label-color,#ff6b35);text-align:center;border:2px solid #000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden;box-shadow:inset -1px -1px #0000004d,inset 1px 1px #fff3}.vinyl-label.has-cover{background:0 0;padding:0}.vinyl-cover-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:50%}.label-title{color:var(--label-accent,#fff);text-overflow:ellipsis;white-space:nowrap;max-width:32px;font-size:5px;font-weight:700;line-height:1.1;overflow:hidden}.label-freq{color:var(--label-accent,#fff);opacity:.8;font-size:4px}.vinyl-center-hole{background:#000;border:1px solid #404040;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tonearm{pointer-events:none;transform-origin:100% 0;z-index:10;width:60px;height:80px;transition:transform .5s steps(8,end);position:absolute;top:8px;right:10px;transform:rotate(-35deg)}.tonearm.moving{transition:transform .3s steps(6,end);transform:rotate(-15deg)}.tonearm.playing{animation:.8s steps(4,end) infinite square-needle-tracking;transform:rotate(8deg)}@keyframes square-needle-tracking{0%{transform:rotate(8deg)translate(0)}12%{transform:rotate(10deg)translate(2px)}15%{transform:rotate(7deg)translate(-1px)}25%{transform:rotate(8deg)translate(0)}37%{transform:rotate(6deg)translate(-2px)}40%{transform:rotate(9deg)translate(1px)}50%{transform:rotate(8deg)translate(0)}62%{transform:rotate(11deg)translate(3px)}65%{transform:rotate(5deg)translate(-2px)}75%{transform:rotate(8deg)translate(0)}87%{transform:rotate(7deg)translate(-1px)}92%{transform:rotate(9deg)translate(2px)}to{transform:rotate(8deg)translate(0)}}.tonearm-base{background:linear-gradient(135deg,var(--rp-tonearm-base-start)0%,var(--rp-tonearm-base-end)100%);border:2px solid var(--rp-platter-border);width:14px;height:14px;position:absolute;top:0;right:0;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #fff3}.tonearm-arm{background:linear-gradient(180deg,var(--rp-tonearm-arm-start)0%,var(--rp-tonearm-arm-mid)50%,var(--rp-tonearm-arm-end)100%);border:1px solid var(--rp-platter-border);transform-origin:100%;width:45px;height:3px;position:absolute;top:6px;right:10px;box-shadow:0 2px 3px #0000004d}.tonearm-head{background:linear-gradient(180deg,var(--rp-tonearm-head-start)0%,var(--rp-tonearm-head-end)100%);border:1px solid #505050;width:10px;height:8px;position:absolute;top:4px;right:52px}.needle-tip{background:var(--rp-needle-color);width:2px;height:2px;transition:all .2s;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.needle-tip.active{background:var(--rp-needle-active);box-shadow:0 0 4px var(--rp-needle-active),0 0 8px red;animation:.2s steps(2,end) infinite needle-corner-shake}@keyframes needle-corner-shake{0%,to{transform:translate(-50%)translateY(0)}25%{transform:translate(-50%)translateY(-1px)translate(1px)}50%{transform:translate(-50%)translateY(1px)}75%{transform:translate(-50%)translateY(0)translate(-1px)}}.power-led{border:1px solid #000;width:5px;height:5px;transition:all .2s;position:absolute;bottom:6px;right:6px}.power-led.off{background:var(--rp-led-off)}.power-led.loaded{background:var(--rp-led-loaded);box-shadow:0 0 4px var(--rp-led-loaded)}.power-led.playing{background:var(--rp-led-playing);box-shadow:0 0 6px var(--rp-led-playing)}.now-playing-display{background:var(--rp-display-bg);border:2px solid var(--rp-display-border);width:100%;max-width:180px;padding:var(--space-2);text-align:center;box-shadow:inset 1px 1px 0 var(--rp-display-inner-shadow)}.now-playing-status{color:var(--rp-display-status-color);font-size:var(--font-size-xs);text-shadow:0 0 5px var(--rp-display-status-color);margin-bottom:2px}.now-playing-title{color:var(--kvrd-sunset-orange);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.now-playing-info{color:var(--rp-display-info-color);margin-top:2px;font-size:10px}.now-playing-error{color:#f44;margin-top:var(--space-1);justify-content:center;align-items:center;gap:var(--space-2);font-size:10px;display:flex}.retry-button{color:#000;font-family:var(--font-mono);cursor:pointer;background:#f44;border:1px solid #000;padding:1px 4px;font-size:9px}.retry-button:hover{background:#f66}.now-playing-empty{color:var(--rp-display-empty-color);font-size:var(--font-size-xs)}.transport-controls{align-items:center;gap:var(--space-2);padding:var(--space-2);background:linear-gradient(135deg,var(--rp-transport-bg-start)0%,var(--rp-transport-bg-end)100%);border:2px solid #000;display:flex}.transport-button{background:linear-gradient(135deg,var(--rp-button-start)0%,var(--rp-button-end)100%);cursor:pointer;border:2px solid #000;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .1s steps(2,end);display:flex;box-shadow:inset -2px -2px #0006,inset 2px 2px #ffffff1a,2px 2px #000}.transport-button:hover:not(:disabled){background:linear-gradient(135deg,var(--rp-button-hover-start)0%,var(--rp-button-hover-end)100%)}.transport-button:active:not(:disabled){transform:translate(1px,1px);box-shadow:inset -1px -1px #0006,inset 1px 1px #ffffff1a}.transport-button:disabled{opacity:.4;cursor:not-allowed}.play-button{background:linear-gradient(135deg,var(--rp-play-button-start)0%,var(--rp-play-button-end)100%)}.play-button.active{background:linear-gradient(135deg,var(--rp-stop-button-start)0%,var(--rp-stop-button-end)100%)}.play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;width:0;height:0;margin-left:2px}.stop-icon{background:#fff;width:8px;height:8px}.eject-icon{flex-direction:column;align-items:center;gap:1px;display:flex}.eject-icon:before{content:"";border-bottom:4px solid #fff;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.eject-icon:after{content:"";background:#fff;width:8px;height:2px}.buffering-spinner{border:2px solid #ffffff4d;border-top-color:#fff;width:10px;height:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.speed-selector{background:linear-gradient(135deg,var(--rp-control-bg-start)0%,var(--rp-control-bg-end)100%);border:2px solid #000;flex-direction:column;gap:2px;padding:3px 4px;display:flex;box-shadow:inset -1px -1px #404040,inset 1px 1px #101010}.speed-label{color:var(--rp-control-label);text-transform:uppercase;letter-spacing:1px;font-size:7px}.speed-buttons{gap:2px;display:flex}.speed-button{font-size:9px;font-family:var(--font-mono);color:#606060;cursor:pointer;background:0 0;border:1px solid #404040;padding:1px 3px;transition:all .1s steps(2,end)}.speed-button.active{color:var(--rp-speed-active-color);background:var(--rp-speed-active-bg);border-color:var(--rp-speed-active-color)}.volume-control{background:linear-gradient(135deg,var(--rp-control-bg-start)0%,var(--rp-control-bg-end)100%);border:2px solid #000;flex-direction:column;gap:2px;padding:3px 4px;display:flex;box-shadow:inset -1px -1px #404040,inset 1px 1px #101010}.volume-label{color:var(--rp-control-label);text-transform:uppercase;letter-spacing:1px;font-size:7px}.volume-slider-container{align-items:center;gap:3px;display:flex}.volume-track{background:#101010;border:1px solid #404040;width:40px;height:5px;position:relative}.volume-fill{background:var(--rp-volume-fill);height:100%;transition:width .1s;position:absolute;top:0;left:0}.volume-input{opacity:0;cursor:pointer;width:40px;height:5px;position:absolute;top:0;left:0}.volume-value{color:var(--rp-volume-value);text-align:right;min-width:14px;font-size:7px}@media (max-width:768px){.radio-main-layout{flex-direction:column}.tuner-section{border-right:none;border-bottom:4px solid var(--tuner-body-border);flex-direction:row;align-items:stretch;width:100%;height:auto}.tuner-header{writing-mode:vertical-rl;text-orientation:mixed;padding:var(--space-2);border-bottom:none;border-right:2px solid var(--tuner-body-border)}.tuner-body{flex-direction:row;flex:1;min-height:100px}.tuner-dial{flex:1;min-height:80px}.player-section{padding:var(--space-3)}.turntable{width:160px;height:140px}.platter{width:110px;height:110px}.vinyl-record{width:90px;height:90px}.vinyl-label{width:30px;height:30px}.transport-controls{flex-wrap:wrap;justify-content:center}.now-playing-display{max-width:160px}}[data-theme=light]{--rp-cabinet-gradient-start:#fff8f0;--rp-cabinet-gradient-end:#f5ede0;--rp-turntable-section-start:#fffaf5;--rp-turntable-section-end:#f0e8dc;--rp-turntable-border:#d7ccc8;--rp-turntable-bg-start:#fff;--rp-turntable-bg-end:#f5f5f5;--rp-turntable-border-color:#bcaaa4;--rp-platter-start:#e8e8e8;--rp-platter-mid:#d0d0d0;--rp-platter-end:#b8b8b8;--rp-platter-border:#a0a0a0;--rp-platter-empty-color:#8d6e63;--rp-tonearm-base-start:silver;--rp-tonearm-base-end:#a0a0a0;--rp-tonearm-arm-start:#d0d0d0;--rp-tonearm-arm-mid:#b0b0b0;--rp-tonearm-arm-end:#909090;--rp-tonearm-head-start:silver;--rp-tonearm-head-end:#a0a0a0;--rp-needle-color:#a0a0a0;--rp-needle-active:#e85a24;--rp-display-bg:#f5e6d3;--rp-display-border:#8d6e63;--rp-display-inner-shadow:#e8d4c0;--rp-display-status-color:#e85a24;--rp-display-info-color:#8d6e63;--rp-display-empty-color:#bcaaa4;--rp-led-off:#d7ccc8;--rp-led-loaded:#f9a825;--rp-led-playing:#4caf50;--rp-transport-bg-start:#fff8f0;--rp-transport-bg-end:#f0e8dc;--rp-button-start:#e8e0d8;--rp-button-end:#d0c8c0;--rp-button-hover-start:#f0e8e0;--rp-button-hover-end:#e0d8d0;--rp-play-button-start:#81c784;--rp-play-button-end:#66bb6a;--rp-stop-button-start:#e57373;--rp-stop-button-end:#ef5350;--rp-control-bg-start:#f5ede0;--rp-control-bg-end:#e8dcd0;--rp-control-label:#8d6e63;--rp-speed-active-color:#e85a24;--rp-speed-active-bg:#fff3e0;--rp-volume-fill:linear-gradient(90deg,#81c784 0%,#f9a825 70%,#e57373 100%);--rp-volume-value:#e85a24;--tuner-body-start:#fffaf5;--tuner-body-end:#f0e8dc;--tuner-body-border:#bcaaa4;--tuner-header-bg:#e8dcd0;--tuner-header-color:#5d4037;--tuner-display-bg:#fff8f0;--tuner-display-border:#8d6e63;--tuner-display-text:#5d4037;--tuner-display-glow:transparent;--tuner-dial-bg:#f5ede0;--tuner-dial-border:#8d6e63;--tuner-dial-track:#e8dcd0;--tuner-dial-track-inner:linear-gradient(180deg,#d7ccc8 0%,#bcaaa4 50%,#d7ccc8 100%);--tuner-mark-color:#bcaaa4;--tuner-mark-active:#e85a24;--tuner-mark-loaded:#4caf50;--tuner-needle-color:#e85a24;--tuner-needle-glow:#e85a2466;--tuner-static-color:#8d6e63;--tuner-freq-scale:#8d6e63}[data-theme=japan]{--rp-cabinet-gradient-start:#2a1a2a;--rp-cabinet-gradient-end:#1a0a1a;--rp-turntable-section-start:#3a2a3a;--rp-turntable-section-end:#2a1a2a;--rp-turntable-border:#ff69b4;--rp-turntable-bg-start:#3a2a3a;--rp-turntable-bg-end:#2a1a2a;--rp-turntable-border-color:#ff69b4;--rp-platter-start:#ffb7c5;--rp-platter-mid:#f9a;--rp-platter-end:#f78;--rp-platter-border:#ff69b4;--rp-platter-empty-color:#ffb7c5;--rp-tonearm-base-start:#ffb7c5;--rp-tonearm-base-end:#f9a;--rp-tonearm-arm-start:#ffd0dd;--rp-tonearm-arm-mid:#ffb7c5;--rp-tonearm-arm-end:#f9a;--rp-tonearm-head-start:#ffb7c5;--rp-tonearm-head-end:#f9a;--rp-needle-color:#ff69b4;--rp-needle-active:#0ff;--rp-display-bg:#1a0a1a;--rp-display-border:#ff69b4;--rp-display-inner-shadow:#303;--rp-display-status-color:#ff69b4;--rp-display-info-color:#ffb7c5;--rp-display-empty-color:#636;--rp-led-off:#604;--rp-led-loaded:#ff69b4;--rp-led-playing:#0ff;--rp-transport-bg-start:#3a2a3a;--rp-transport-bg-end:#2a1a2a;--rp-button-start:#f9a;--rp-button-end:#f78;--rp-button-hover-start:#ffb7c5;--rp-button-hover-end:#f9a;--rp-play-button-start:#ff69b4;--rp-play-button-end:#f48;--rp-stop-button-start:#9d4edd;--rp-stop-button-end:#7b2cbf;--rp-control-bg-start:#2a1a2a;--rp-control-bg-end:#1a0a1a;--rp-control-label:#ffb7c5;--rp-speed-active-color:#0ff;--rp-speed-active-bg:#033;--rp-volume-fill:linear-gradient(90deg,#0ff 0%,#ff69b4 70%,#9d4edd 100%);--rp-volume-value:#0ff;--tuner-body-start:#3a2a3a;--tuner-body-end:#2a1a2a;--tuner-body-border:#ff69b4;--tuner-header-bg:#2a1a2a;--tuner-header-color:#ff69b4;--tuner-display-bg:#1a0a1a;--tuner-display-border:#ff69b4;--tuner-display-text:#ff69b4;--tuner-display-glow:#ff69b480;--tuner-dial-bg:#2a1a2a;--tuner-dial-border:#ff69b4;--tuner-dial-track:#1a0a1a;--tuner-dial-track-inner:linear-gradient(180deg,#3a2a3a 0%,#2a1a2a 50%,#3a2a3a 100%);--tuner-mark-color:#96a;--tuner-mark-active:#ff69b4;--tuner-mark-loaded:#0ff;--tuner-needle-color:#ff69b4;--tuner-needle-glow:#ff69b4cc;--tuner-static-color:#ff69b4;--tuner-freq-scale:#ffb7c5}[data-theme=japan] .record-player-window{box-shadow:inset 0 0 30px #ff69b433}[data-theme=japan] .turntable{box-shadow:inset -2px -2px #00000080,inset 2px 2px #ff69b433,0 0 20px #ff69b44d,4px 4px #000}[data-theme=japan] .now-playing-display{box-shadow:inset 1px 1px #303,0 0 10px #ff69b44d}[data-theme=japan] .tuner-section{box-shadow:inset -4px 0 #0000004d,inset 4px 0 #ff69b41a,0 0 20px #ff69b433}[data-theme=japan] .tuner-frequency-display,[data-theme=japan] .tuner-station-display{box-shadow:inset 1px 1px #00000080,0 0 10px #ff69b466}[data-theme=miami]{--rp-cabinet-gradient-start:#e0f7fa;--rp-cabinet-gradient-end:#b2ebf2;--rp-turntable-section-start:#b2ebf2;--rp-turntable-section-end:#80deea;--rp-turntable-border:#40e0d0;--rp-turntable-bg-start:#fff;--rp-turntable-bg-end:#e0f7fa;--rp-turntable-border-color:#40e0d0;--rp-platter-start:#e8e8e8;--rp-platter-mid:silver;--rp-platter-end:#a0a0a0;--rp-platter-border:#40e0d0;--rp-platter-empty-color:#00acc1;--rp-tonearm-base-start:#e0e0e0;--rp-tonearm-base-end:silver;--rp-tonearm-arm-start:#f0f0f0;--rp-tonearm-arm-mid:#d0d0d0;--rp-tonearm-arm-end:#b0b0b0;--rp-tonearm-head-start:#e0e0e0;--rp-tonearm-head-end:silver;--rp-needle-color:#40e0d0;--rp-needle-active:#ff6f61;--rp-display-bg:#1a237e;--rp-display-border:#40e0d0;--rp-display-inner-shadow:#0d1642;--rp-display-status-color:#40e0d0;--rp-display-info-color:#80deea;--rp-display-empty-color:#5c6bc0;--rp-led-off:#4a148c;--rp-led-loaded:#ff6f61;--rp-led-playing:#40e0d0;--rp-transport-bg-start:#e0f7fa;--rp-transport-bg-end:#b2ebf2;--rp-button-start:#80deea;--rp-button-end:#4dd0e1;--rp-button-hover-start:#b2ebf2;--rp-button-hover-end:#80deea;--rp-play-button-start:#40e0d0;--rp-play-button-end:#26c6da;--rp-stop-button-start:#ff6f61;--rp-stop-button-end:#ff5252;--rp-control-bg-start:#b2ebf2;--rp-control-bg-end:#80deea;--rp-control-label:#1a237e;--rp-speed-active-color:#ff6f61;--rp-speed-active-bg:#ffe0e0;--rp-volume-fill:linear-gradient(90deg,#40e0d0 0%,#ff69b4 70%,#ff6f61 100%);--rp-volume-value:#ff6f61;--tuner-body-start:#b2ebf2;--tuner-body-end:#80deea;--tuner-body-border:#40e0d0;--tuner-header-bg:#80deea;--tuner-header-color:#1a237e;--tuner-display-bg:#1a237e;--tuner-display-border:#40e0d0;--tuner-display-text:#40e0d0;--tuner-display-glow:#40e0d080;--tuner-dial-bg:#e0f7fa;--tuner-dial-border:#40e0d0;--tuner-dial-track:#b2ebf2;--tuner-dial-track-inner:linear-gradient(180deg,#80deea 0%,#4dd0e1 50%,#80deea 100%);--tuner-mark-color:#00acc1;--tuner-mark-active:#ff6f61;--tuner-mark-loaded:#ff69b4;--tuner-needle-color:#ff6f61;--tuner-needle-glow:#ff6f61cc;--tuner-static-color:#40e0d0;--tuner-freq-scale:#1a237e}[data-theme=miami] .record-player-window{box-shadow:inset 0 0 30px #40e0d026}[data-theme=miami] .turntable{box-shadow:inset -2px -2px #0003,inset 2px 2px #ffffff80,0 0 20px #40e0d04d,4px 4px #0000001a}[data-theme=miami] .now-playing-display{box-shadow:inset 1px 1px #0d1642,0 0 15px #40e0d066}[data-theme=miami] .tuner-section{box-shadow:inset -4px 0 #0000001a,inset 4px 0 #ffffff4d,0 0 20px #40e0d033}[data-theme=miami] .tuner-frequency-display,[data-theme=miami] .tuner-station-display{box-shadow:inset 1px 1px #0000004d,0 0 12px #40e0d080}
.hit-counter{padding:var(--space-3);background:#000;border:3px outset gray;flex-direction:column;align-items:center;gap:4px;display:flex}.counter-label{font-family:var(--font-mono);color:#0f0;text-transform:uppercase;font-size:10px}.counter-digits{gap:2px;display:flex}.counter-digit{color:#0f0;width:16px;height:24px;font-family:var(--font-mono);text-shadow:0 0 8px #0f0;background:linear-gradient(#010 0%,#030 50%,#010 100%);border:2px inset #040;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.counter-since{font-family:var(--font-mono);color:#080;font-size:8px}.under-construction{padding:var(--space-3);background:#ff0;border:4px solid #000;flex-direction:column;align-items:center;display:flex}.construction-border{justify-content:space-around;width:100%;display:flex}.construction-stripe{font-size:16px;transition:color .5s}.stripe-yellow{color:#ff0;text-shadow:0 0 4px #f80}.stripe-black{color:#000}.construction-content{align-items:center;gap:var(--space-3);padding:var(--space-2)0;display:flex}.construction-icon{font-size:24px;animation:.5s ease-in-out infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.construction-text{text-align:center;flex-direction:column;align-items:center;display:flex}.construction-title{font-family:var(--font-mono);font-size:var(--font-size-lg);color:red;text-shadow:2px 2px #000;font-weight:700}.construction-desc{font-family:var(--font-mono);font-size:var(--font-size-sm);color:#000}.construction-date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:#333;font-style:italic}.best-viewed-banner{padding:var(--space-2)var(--space-3);background:linear-gradient(135deg,silver 0%,gray 100%);border:2px outset #fff;flex-direction:column;align-items:center;gap:2px;display:flex}.banner-icon{font-size:16px}.banner-text{font-family:var(--font-mono);color:#000;font-size:10px;font-weight:700}.banner-browser{font-family:var(--font-mono);color:#333;font-size:8px}.web-ring{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-medium);border:3px double var(--kvrd-ocean-blue);flex-direction:column;display:flex}.webring-header{align-items:center;gap:var(--space-2);display:flex}.webring-icon{font-size:14px}.webring-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--kvrd-sunset-orange);font-weight:700}.webring-nav{align-items:center;gap:var(--space-3);display:flex}.webring-button{padding:var(--space-1)var(--space-2);background:var(--kvrd-ocean-blue);color:#fff;font-family:var(--font-mono);cursor:pointer;border:2px outset #4aa8ff;font-size:10px}.webring-button:hover{background:var(--kvrd-sunset-orange)}.webring-button:active{border-style:inset}.webring-info{font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center;font-size:9px;line-height:1.3}.webring-links{gap:var(--space-3);display:flex}.webring-link{font-family:var(--font-mono);color:var(--kvrd-highlight);font-size:9px;text-decoration:underline}.webring-link:hover{color:#fff}.webring-badge{font-family:var(--font-mono);color:#0f0;margin-left:var(--space-2);background:#000;border:1px solid #0f0;padding:2px 6px;font-size:8px;animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.webring-loading{padding:var(--space-2);margin:var(--space-2)0;background:#000;border:2px inset #404040;flex-direction:column;align-items:center;gap:4px;display:flex}.webring-loading-text{font-family:var(--font-mono);color:#0ff;font-size:9px;animation:.5s step-end infinite loading-blink}@keyframes loading-blink{0%,to{opacity:1}50%{opacity:.5}}.webring-loading-bar{background:#000;border:2px inset #333;width:100%;height:16px;position:relative;overflow:hidden}.webring-loading-progress{background:linear-gradient(90deg,#00a 0%,#00f 25%,#08f 50%,#00f 75%,#00a 100%) 0 0/200% 100%;height:100%;transition:width .1s ease-out;animation:1s linear infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.webring-loading-percent{font-family:var(--font-mono);color:#0f0;font-size:10px;font-weight:700}.webring-site-preview{margin:var(--space-2)0;background:#fff;border:3px outset silver;max-width:100%;animation:.3s ease-out preview-appear;position:relative}@keyframes preview-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.webring-preview-close{font-family:var(--font-mono);color:#000;cursor:pointer;z-index:10;background:silver;border:2px outset #fff;padding:1px 4px;font-size:10px;position:absolute;top:2px;right:2px}.webring-preview-close:hover{color:#fff;background:red}.webring-preview-close:active{border-style:inset}.webring-site-header{padding:var(--space-2);background:var(--kvrd-ocean-blue);border-bottom:2px solid #000}.webring-site-name{font-family:var(--font-mono);color:#fff;text-shadow:1px 1px #000;font-size:14px;font-weight:700}.webring-site-url{font-family:var(--font-mono);color:#ff0;font-size:9px}.webring-site-content{padding:var(--space-2);background:linear-gradient(#fff 0%,#e8e8e8 100%)}.webring-site-tagline{font-family:var(--font-mono);color:navy;text-align:center;margin-bottom:var(--space-2);font-size:12px;font-weight:700;animation:1.5s step-end infinite tagline-blink}@keyframes tagline-blink{0%,70%,to{opacity:1}35%{opacity:0}}.webring-site-desc{color:#000;margin-bottom:var(--space-2);padding:var(--space-2);background:#ffc;border:1px solid #cc0;font-family:Times New Roman,serif;font-size:11px;line-height:1.4}.webring-site-info{font-family:var(--font-mono);color:#333;flex-direction:column;gap:4px;font-size:9px;display:flex}.webring-site-dj{color:#080;align-items:center;gap:4px;font-weight:700;display:flex}.webring-site-show{color:#800;font-style:italic}.webring-site-wattage{color:#666}.webring-site-footer{padding:var(--space-1)var(--space-2);font-family:var(--font-mono);color:#333;background:silver;border-top:1px solid gray;justify-content:space-between;font-size:8px;display:flex}.webring-site-counter{color:navy}.webring-link-btn{font-family:var(--font-mono);color:var(--kvrd-highlight);cursor:pointer;background:0 0;border:none;padding:0;font-size:9px;text-decoration:underline}.webring-link-btn:hover{color:#fff}.webring-link-btn:disabled{color:#666;cursor:not-allowed}.webring-link-disabled{color:#666;cursor:not-allowed;text-decoration:line-through}.webring-site-list{z-index:100;width:90%;max-width:280px;margin-top:var(--space-2);background:#ffffc0;border:2px outset silver;position:absolute;left:50%;transform:translate(-50%);box-shadow:4px 4px #00000080}.webring-site-list-header{padding:var(--space-1)var(--space-2);color:#fff;font-family:var(--font-mono);background:linear-gradient(90deg,navy 0%,#00f 100%);font-size:10px;font-weight:700}.webring-site-list-item{width:100%;padding:var(--space-1)var(--space-2);cursor:pointer;text-align:left;background:0 0;border-top:none;border-bottom:1px dotted #999;border-left:3px solid #0000;border-right:none;flex-direction:column;align-items:flex-start;display:flex;position:relative}.webring-site-list-item:hover{background:#e0e0ff}.webring-site-list-item.active{background:#c0c0ff;font-weight:700}.webring-site-list-item.visited .site-list-name{color:purple}.webring-site-list-item:disabled{cursor:not-allowed;opacity:.5}.site-list-name{font-family:var(--font-mono);color:#00f;font-size:10px;text-decoration:underline}.site-list-tagline{font-family:var(--font-mono);color:#666;font-size:8px}.site-list-check{right:var(--space-2);color:#080;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.webring-achievement{margin-top:var(--space-2);padding:var(--space-2);color:#000;font-family:var(--font-mono);text-align:center;background:linear-gradient(135deg,gold 0%,orange 50%,gold 100%);border:2px outset gold;font-size:9px;font-weight:700;animation:1s ease-in-out infinite alternate achievement-glow}@keyframes achievement-glow{0%{box-shadow:0 0 5px gold,0 0 10px gold}to{box-shadow:0 0 10px gold,0 0 20px orange,0 0 30px gold}}.achievement-star{color:red;margin:0 4px;font-size:12px;animation:2s linear infinite star-spin;display:inline-block}@keyframes star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.web-ring{position:relative}.mailto-section{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-dark);border:2px solid var(--color-window-border);flex-direction:column;display:flex}.mailto-header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-window-border);display:flex}.mailto-icon{font-size:14px}.mailto-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--kvrd-sunset-orange);font-weight:700}.mailto-links{gap:var(--space-1);flex-direction:column;display:flex}.mailto-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--kvrd-highlight);font-size:10px;text-decoration:none;display:flex}.mailto-link:hover{color:#fff;text-decoration:underline}.link-icon{font-size:12px}.mailto-aim{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-window-border);font-family:var(--font-mono);font-size:10px;display:flex}.aim-label{color:var(--color-text-dim)}.aim-name{color:var(--kvrd-dial-gold);font-weight:700}.aim-status{color:#0f0;animation:2s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.animated-gifs{justify-content:center;gap:var(--space-4);padding:var(--space-3);display:flex}.gif-item{font-size:24px}.radio-tower{flex-direction:column;align-items:center;display:flex;position:relative}.tower-base{color:gray;font-size:16px}.tower-top{animation:2s ease-in-out infinite antenna-rotate}@keyframes antenna-rotate{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.signal-wave{color:var(--kvrd-radio-red);opacity:0;font-size:12px;animation:1.5s ease-out infinite signal-emit;position:absolute}.wave-1{animation-delay:0s;top:-10px;left:20px}.wave-2{animation-delay:.5s;top:-10px;left:25px}.wave-3{animation-delay:1s;top:-10px;left:30px}@keyframes signal-emit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}.palm-tree{animation:3s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.sun{animation:4s ease-in-out infinite sun-glow}@keyframes sun-glow{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.marquee-container{width:100%;padding:var(--space-1)0;background:#000;border:2px inset #404040;overflow:hidden}.marquee-content{white-space:nowrap;font-family:var(--font-mono);font-size:var(--font-size-sm);color:#0f0;animation:20s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.blink-text{color:var(--kvrd-radio-red);font-weight:700;animation:1s step-end infinite classic-blink}@keyframes classic-blink{0%,to{opacity:1}50%{opacity:0}}.y2k-badge{background:linear-gradient(#e8e8e8 0%,silver 15%,#a0a0a0 30%,#d0d0d0 50%,#a0a0a0 70%,silver 85%,#e8e8e8 100%);border:3px outset #fff;border-radius:4px;flex-direction:column;align-items:center;padding:8px 12px 4px;animation:3s ease-in-out infinite y2k-shine;display:inline-flex;position:relative;box-shadow:inset 0 1px #fffc,inset 0 -1px #0003,2px 2px 4px #00000080}@keyframes y2k-shine{0%,to{box-shadow:inset 0 1px #fffc,inset 0 -1px #0003,2px 2px 4px #00000080}50%{box-shadow:inset 0 1px #fff,inset 0 -1px #0003,2px 2px 4px #00000080,0 0 10px #ffffff80}}.y2k-badge-inner{align-items:center;gap:6px;display:flex}.y2k-checkmark{color:#fff;text-shadow:0 0 2px #000;background:linear-gradient(135deg,#228b22 0%,#006400 50%,#228b22 100%);border:2px solid #040;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;animation:2s ease-in-out infinite y2k-pulse;display:flex}@keyframes y2k-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.y2k-text{flex-direction:column;align-items:center;line-height:1;display:flex}.y2k-title{font-family:var(--font-mono);color:navy;text-shadow:1px 1px silver;letter-spacing:1px;font-size:14px;font-weight:700}.y2k-subtitle{font-family:var(--font-mono);color:#333;letter-spacing:2px;font-size:9px;font-weight:700;animation:1.5s step-end infinite y2k-blink}@keyframes y2k-blink{0%,70%,to{opacity:1}35%{opacity:0}}.y2k-year{font-family:var(--font-mono);color:#666;text-align:center;border-top:1px solid #999;width:100%;margin-top:2px;padding-top:2px;font-size:8px}.retro-footer{justify-content:center;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(180deg,var(--color-bg-dark)0%,#0a0a1a 100%);border-top:4px solid var(--kvrd-sunset-orange);flex-wrap:wrap;display:flex}.footer-section{flex:1;min-width:200px;max-width:300px}.footer-divider{display:none}.footer-badges{justify-content:center;gap:var(--space-4);width:100%;padding:var(--space-3)0;display:flex}.footer-bottom{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding-top:var(--space-4);border-top:1px solid var(--color-window-border);font-family:var(--font-mono);color:var(--color-text-dim);flex-wrap:wrap;font-size:10px;display:flex}.footer-bottom .separator{color:var(--kvrd-dial-gold)}@media (max-width:768px){.retro-footer{flex-direction:column;align-items:center}.footer-section{width:100%;max-width:none}.webring-nav{gap:var(--space-2);flex-direction:column}}
.about-window{color:#3f3;height:100%;font-family:var(--font-mono);background:#1a2a1a;flex-direction:column;display:flex;overflow:hidden}.about-header{padding:var(--space-3);text-align:center;background:#0d1a0d;border-bottom:2px solid #3f3}.ascii-art-name{color:#3f3;text-shadow:0 0 10px #3f3;white-space:pre;margin:0;font-size:10px;line-height:1.1;overflow-x:auto}.about-content{flex:1;display:flex;overflow:hidden}.about-main{padding:var(--space-4);flex:1;overflow-y:auto}.terminal-output{font-size:var(--font-size-md);line-height:1.6}.terminal-line{white-space:pre-wrap;word-break:break-word;margin-bottom:2px}.terminal-line.command{margin-top:var(--space-3)}.prompt{color:#6f6;font-weight:700}.command-text{color:#fff;text-shadow:0 0 5px #fff}.output-text{color:#3f3}.cursor-line{margin-top:var(--space-4)}.cursor{color:#3f3;opacity:0;animation:none}.cursor.visible{opacity:1}.social-links{gap:var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.social-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);color:#3f3;transition:all var(--transition-fast);background:#0d1a0d;border:2px solid #3f3;text-decoration:none;display:inline-flex}.social-link:hover{color:#0d1a0d;text-shadow:none;background:#3f3}.link-icon{font-weight:700}.link-name{font-size:var(--font-size-sm)}.about-sidebar{width:140px;padding:var(--space-4);align-items:center;gap:var(--space-4);background:#0d1a0d;border-left:2px solid #3f3;flex-direction:column;display:flex}.ascii-face pre{color:#3f3;text-shadow:0 0 8px #3f3;white-space:pre;margin:0;font-size:11px;line-height:1.2}.kvrd-badge{text-align:center;padding:var(--space-3);border:3px solid var(--kvrd-sunset-orange);background:linear-gradient(180deg,var(--color-bg-dark)0%,#0a0a1a 100%)}.badge-call{font-size:var(--font-size-xl);color:var(--kvrd-sunset-orange);text-shadow:0 0 10px var(--kvrd-sunset-orange);letter-spacing:2px;font-weight:700}.badge-freq{font-size:var(--font-size-md);color:var(--kvrd-dial-gold);font-weight:700}.badge-slogan{color:var(--kvrd-ocean-blue);margin-top:var(--space-1);font-size:8px;font-style:italic}.visitor-badge{text-align:center;padding:var(--space-3);background:#1a2a1a;border:2px solid #3f3}.badge-title{font-size:var(--font-size-xs);color:#6f6;margin-bottom:var(--space-2)}.badge-number{font-size:var(--font-size-lg);color:#3f3;text-shadow:0 0 10px #3f3;font-weight:700}.about-footer{background:#0d1a0d;border-top:2px solid #3f3}.status-bar{padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);justify-content:space-around;display:flex}.status-item{color:#6f6}.about-main::-webkit-scrollbar{width:12px}.about-main::-webkit-scrollbar-track{background:#0d1a0d;border-left:2px solid #3f3}.about-main::-webkit-scrollbar-thumb{background:#3f3;border:2px solid #0d1a0d}.about-main::-webkit-scrollbar-thumb:hover{background:#6f6}@media (max-width:768px){.about-content{flex-direction:column}.about-sidebar{width:100%;padding:var(--space-3);border-top:2px solid #3f3;border-left:none;flex-direction:row;justify-content:center}.ascii-face{display:none}.ascii-art-name{font-size:8px}.status-bar{align-items:center;gap:var(--space-1);flex-direction:column}}
.guestbook-window{height:100%;color:var(--color-text-primary);font-family:var(--font-mono);background:linear-gradient(#1a1a3a 0%,#2a2a4a 100%);flex-direction:column;display:flex;overflow:hidden}.guestbook-header{background:var(--color-bg-medium);border-bottom:4px solid var(--color-cyan);padding:var(--space-3)}.marquee-container{padding:var(--space-2);margin-bottom:var(--space-3);border:2px solid var(--color-cyan);background:#000;overflow:hidden}.marquee-text{color:var(--color-yellow);white-space:nowrap;font-size:var(--font-size-md);text-shadow:0 0 5px var(--color-yellow);animation:15s linear infinite marquee}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.visitor-counter{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);border:2px solid var(--color-orange);font-size:var(--font-size-lg);background:#000;display:flex}.counter-label{color:var(--color-text-secondary)}.counter-number{color:var(--color-orange);text-shadow:0 0 10px var(--color-orange);font-weight:700;animation:1s ease-in-out infinite pulse}.counter-icon{color:var(--color-yellow);animation:.5s infinite blink-fast}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink-fast{0%,to{opacity:1}50%{opacity:0}}.guestbook-form-section{padding:var(--space-4);background:var(--color-bg-dark);border-bottom:2px solid var(--color-window-border)}.form-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-lg);color:var(--color-pink);display:flex}.form-icon{color:var(--color-cyan)}.success-message{color:#3f3;padding:var(--space-3);margin-bottom:var(--space-3);text-align:center;background:#1a3a1a;border:2px solid #3f3;animation:.5s ease-in-out flash}.error-message{color:#f33;padding:var(--space-3);margin-bottom:var(--space-3);text-align:center;background:#3a1a1a;border:2px solid #f33;animation:.5s ease-in-out flash}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.guestbook-form{gap:var(--space-3);flex-direction:column;display:flex}.form-row{align-items:center;gap:var(--space-3);display:flex}.form-row label{text-align:right;width:80px;color:var(--color-text-secondary);font-size:var(--font-size-md)}.retro-input{padding:var(--space-2)var(--space-3);color:var(--color-cyan);border:2px solid var(--color-window-border);font-family:var(--font-mono);font-size:var(--font-size-md);background:#0a0a1a;outline:none;flex:1}.retro-input:focus{border-color:var(--color-cyan);box-shadow:0 0 5px var(--color-cyan)}.retro-input::placeholder{color:var(--color-text-dim)}.retro-textarea{resize:none}.message-row{align-items:flex-start}.message-row label{padding-top:var(--space-2)}.form-actions{margin-top:var(--space-2);justify-content:center;display:flex}.sign-button{padding:var(--space-3)var(--space-6);background:linear-gradient(180deg,var(--color-pink)0%,#c47 100%);color:#fff;font-family:var(--font-mono);font-size:var(--font-size-lg);cursor:pointer;text-shadow:2px 2px #904;transition:all var(--transition-fast);border:4px solid #904;border-color:#f9b #904 #904 #f9b;font-weight:700}.sign-button:hover{background:linear-gradient(180deg,#f9b 0%,var(--color-pink)100%)}.sign-button:active{border-color:#904 #f9b #f9b #904;transform:translateY(2px)}.sign-button:disabled{opacity:.7;cursor:not-allowed;animation:.5s ease-in-out infinite pulse}.button-star{color:var(--color-yellow);margin:0 var(--space-2)}.guestbook-entries{flex-direction:column;flex:1;display:flex;overflow:hidden}.entries-header{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--color-bg-medium);border-bottom:2px solid var(--color-window-border);font-size:var(--font-size-md);color:var(--color-cyan);display:flex}.entries-icon{color:var(--color-orange)}.entries-list{padding:var(--space-3);flex:1;overflow-y:auto}.guestbook-entry{background:var(--color-bg-medium);padding:var(--space-3);margin-bottom:var(--space-3);border:2px solid var(--color-window-border)}.entry-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-window-border);display:flex}.entry-number{color:var(--color-text-dim);font-size:var(--font-size-sm)}.entry-name{color:var(--color-orange);flex:1;font-weight:700}.entry-date{color:var(--color-text-dim);font-size:var(--font-size-sm)}.entry-website{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm);display:flex}.website-icon{color:var(--color-cyan)}.entry-website a{color:var(--color-cyan);text-decoration:underline}.entry-website a:hover{color:var(--color-pink)}.entry-message{color:var(--color-text-primary);font-size:var(--font-size-md);white-space:pre-wrap;word-break:break-word;line-height:1.5}.entry-divider{margin-top:var(--space-3);color:var(--color-text-dim);text-align:center;font-size:var(--font-size-sm)}.guestbook-footer{padding:var(--space-3);background:var(--color-bg-medium);border-top:2px solid var(--color-window-border);text-align:center}.footer-decoration{color:var(--color-pink);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.footer-text{color:var(--color-text-dim);font-size:var(--font-size-sm)}.entries-list::-webkit-scrollbar{width:14px}.entries-list::-webkit-scrollbar-track{background:var(--color-bg-dark);border:2px solid var(--color-window-border-dark)}.entries-list::-webkit-scrollbar-thumb{background:var(--color-button-bg);border:2px solid var(--color-window-border-light)}.entries-list::-webkit-scrollbar-thumb:hover{background:var(--color-button-hover)}@media (max-width:768px){.form-row{flex-direction:column;align-items:stretch}.form-row label{text-align:left;width:auto;margin-bottom:var(--space-1)}.visitor-counter{gap:var(--space-1);flex-direction:column}.sign-button{width:100%}.entry-header{flex-wrap:wrap}}
.settings-window{background:var(--color-bg-dark);height:100%;color:var(--color-text-primary);font-family:var(--font-mono);flex-direction:column;display:flex;overflow:hidden}.settings-header{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-medium);border-bottom:4px solid var(--color-cyan);display:flex}.header-icon{color:var(--color-orange);font-size:var(--font-size-lg)}.header-title{font-size:var(--font-size-lg);color:var(--color-cyan);text-shadow:0 0 5px var(--color-cyan);font-weight:700}.settings-content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.settings-section{background:var(--color-bg-medium);border:2px solid var(--color-window-border)}.section-header{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-titlebar);border-bottom:2px solid var(--color-window-border);font-size:var(--font-size-md);font-weight:700;display:flex}.section-icon{color:var(--color-yellow)}.section-content{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.setting-row{padding:var(--space-2);background:var(--color-bg-dark);border:2px solid var(--color-window-border-dark);justify-content:space-between;align-items:center;display:flex}.setting-info{gap:var(--space-1);flex-direction:column;display:flex}.setting-label{font-size:var(--font-size-md);color:var(--color-text-primary)}.setting-description{font-size:var(--font-size-sm);color:var(--color-text-dim)}.toggle-switch{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-dark);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-md);transition:all var(--transition-fast);border:4px solid;display:flex}.toggle-switch.on{border-color:#3a3 #151 #151 #3a3}.toggle-switch.off{border-color:#a33 #511 #511 #a33}.toggle-track{min-width:60px;padding:var(--space-1)var(--space-2);text-align:center}.toggle-switch.on .toggle-track{background:#151}.toggle-switch.off .toggle-track{background:#511}.toggle-indicator{letter-spacing:1px;font-weight:700}.toggle-switch.on .toggle-indicator{color:#3f3;text-shadow:0 0 5px #3f3}.toggle-switch.off .toggle-indicator{color:#f33;text-shadow:0 0 5px #f33}.toggle-status-led{border:2px solid var(--color-window-border);width:12px;height:12px}.toggle-switch.on .toggle-status-led{background:#3f3;box-shadow:0 0 8px #3f3}.toggle-switch.off .toggle-status-led{background:#511}.toggle-switch:hover{background:var(--color-bg-medium)}.toggle-switch:active{transform:translateY(1px)}.theme-row{flex-wrap:wrap}.theme-buttons{gap:var(--space-2);display:flex}.theme-button{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-bg-dark);color:var(--color-text-secondary);border:3px solid;border-color:var(--color-button-border-dark)var(--color-button-border-light)var(--color-button-border-light)var(--color-button-border-dark);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.theme-button:hover{background:var(--color-bg-medium);color:var(--color-text-primary)}.theme-button.active{background:var(--color-cyan);color:var(--color-bg-dark);border-color:var(--color-button-border-light)var(--color-button-border-dark)var(--color-button-border-dark)var(--color-button-border-light);font-weight:700}.theme-button.active:hover{background:var(--color-cyan);color:var(--color-bg-dark)}[data-theme=light] .theme-button.active{background:var(--kvrd-ocean-blue);color:#fff}.theme-button--japan{border-color:#604 #ffb7c5 #ffb7c5 #604}.theme-button--japan:hover{color:#ff69b4}.theme-button--japan.active{color:#fff;background:linear-gradient(90deg,#ff69b4 0%,#9d4edd 100%);border-color:#ffb7c5 #604 #604 #ffb7c5;box-shadow:0 0 8px #ff69b480}[data-theme=japan] .theme-button.active{color:#fff;background:linear-gradient(90deg,#ff69b4 0%,#9d4edd 100%)}.action-row{padding:var(--space-2);background:var(--color-bg-dark);border:2px solid var(--color-window-border-dark);justify-content:space-between;align-items:center;display:flex}.action-info{gap:var(--space-1);flex-direction:column;display:flex}.action-label{font-size:var(--font-size-md);color:var(--color-text-primary)}.action-description{font-size:var(--font-size-sm);color:var(--color-text-dim)}.action-button{padding:var(--space-2)var(--space-4);background:var(--color-button-bg);color:var(--color-orange);border:4px solid;border-color:var(--color-button-border-light)var(--color-button-border-dark)var(--color-button-border-dark)var(--color-button-border-light);font-family:var(--font-mono);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.action-button:hover{background:var(--color-button-hover);color:var(--color-yellow)}.action-button:active{border-color:var(--color-button-border-dark)var(--color-button-border-light)var(--color-button-border-light)var(--color-button-border-dark);transform:translateY(2px)}.button-brackets{color:var(--color-text-dim)}.settings-footer{padding:var(--space-3)var(--space-4);background:var(--color-bg-medium);border-top:2px solid var(--color-window-border);text-align:center}.footer-info{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.version{color:var(--color-cyan);font-size:var(--font-size-sm)}.copyright{color:var(--color-text-dim);font-size:var(--font-size-sm)}.footer-decoration{color:var(--color-text-dim);font-size:var(--font-size-xs)}.settings-content::-webkit-scrollbar{width:14px}.settings-content::-webkit-scrollbar-track{background:var(--color-bg-dark);border:2px solid var(--color-window-border-dark)}.settings-content::-webkit-scrollbar-thumb{background:var(--color-button-bg);border:2px solid var(--color-window-border-light)}@media (max-width:768px){.setting-row,.action-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.toggle-switch,.action-button{justify-content:center;width:100%}}
.chatbot-window{height:100%;color:var(--color-text-primary);font-family:var(--font-mono);background:linear-gradient(#1a1a2e 0%,#16213e 100%);flex-direction:column;display:flex;overflow:hidden}.chatbot-header{justify-content:space-between;align-items:stretch;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-medium);border-bottom:3px solid var(--color-cyan);display:flex}.chatbot-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.chatbot-header-right{flex-shrink:0}.chatbot-avatar{border:2px solid var(--color-cyan);background:#0a0a1a;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.avatar-art{color:var(--color-cyan);white-space:pre;font-size:8px;line-height:1}.avatar-art pre{margin:0;font-size:6px;line-height:1.1}.chatbot-info{flex:1}.bot-name{font-size:var(--font-size-lg);color:var(--color-orange);text-shadow:0 0 5px var(--color-orange);font-weight:700}.bot-status{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.status-dot{background:#3f3;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%,to{box-shadow:0 0 3px #3f3}50%{box-shadow:0 0 10px #3f3,0 0 20px #3f3}}.bot-tagline{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-pink);font-style:italic}.chatbot-messages{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message{max-width:85%;display:flex}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-bubble{padding:var(--space-3);border:2px solid;position:relative}.message.user .message-bubble{border-color:var(--color-cyan);color:var(--color-text-primary);background:linear-gradient(#2a4a6a 0%,#1a3a5a 100%)}.message.bot .message-bubble{border-color:var(--color-pink);color:var(--color-text-primary);background:linear-gradient(#3a2a4a 0%,#2a1a3a 100%)}.message-text{font-size:var(--font-size-md);white-space:pre-wrap;word-break:break-word;line-height:1.5}.message-time{font-size:var(--font-size-xs);color:var(--color-text-dim);text-align:right;margin-top:var(--space-1)}.message-bubble.typing{padding:var(--space-3)var(--space-4);align-items:center;gap:4px;display:flex}.typing-dot{background:var(--color-pink);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.cursor-blink{color:var(--color-pink);font-weight:700;animation:.8s infinite cursor-blink}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.chatbot-input-area{padding:var(--space-3);background:var(--color-bg-dark);border-top:2px solid var(--color-window-border)}.chatbot-form{gap:var(--space-2);display:flex}.chatbot-input{padding:var(--space-2)var(--space-3);color:var(--color-cyan);border:2px solid var(--color-window-border);font-family:var(--font-mono);font-size:var(--font-size-md);background:#0a0a1a;outline:none;flex:1}.chatbot-input:focus{border-color:var(--color-cyan);box-shadow:0 0 5px var(--color-cyan)}.chatbot-input::placeholder{color:var(--color-text-dim)}.chatbot-input:disabled{opacity:.6}.send-button{padding:var(--space-2)var(--space-4);background:linear-gradient(180deg,var(--color-cyan)0%,#08a 100%);color:#000;font-family:var(--font-mono);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);border:3px solid #068;border-color:#6ff #068 #068 #6ff;font-weight:700}.send-button:hover:not(:disabled){background:linear-gradient(180deg,#6ff 0%,var(--color-cyan)100%)}.send-button:active:not(:disabled){border-color:#068 #6ff #6ff #068;transform:translateY(1px)}.send-button:disabled{opacity:.5;cursor:not-allowed}.input-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-dim);text-align:center}.chatbot-footer{padding:var(--space-2);background:var(--color-bg-medium);border-top:1px solid var(--color-window-border);text-align:center}.footer-text{font-size:var(--font-size-xs);color:var(--color-text-dim)}.chatbot-messages::-webkit-scrollbar{width:12px}.chatbot-messages::-webkit-scrollbar-track{background:var(--color-bg-dark);border:2px solid var(--color-window-border-dark)}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--color-button-bg);border:2px solid var(--color-window-border-light)}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--color-button-hover)}@media (max-width:768px){.chatbot-header{flex-direction:column;align-items:center}.chatbot-header-left{text-align:center;flex-direction:column}.message{max-width:95%}.chatbot-form{flex-direction:column}.send-button{width:100%}}[data-theme=light] .chatbot-window{background:linear-gradient(#fff8f0 0%,#f5f0e6 100%)}[data-theme=light] .chatbot-header{background:#efebe9;border-bottom-color:#0097a7}[data-theme=light] .chatbot-avatar{background:#fffbf5;border-color:#0097a7}[data-theme=light] .avatar-art{color:#0097a7}[data-theme=light] .bot-name{color:#e85a24;text-shadow:none}[data-theme=light] .bot-tagline{color:#e91e63}[data-theme=light] .message.user .message-bubble{color:#2c1810;background:linear-gradient(#e0f7fa 0%,#b2ebf2 100%);border-color:#0097a7}[data-theme=light] .message.bot .message-bubble{color:#2c1810;background:linear-gradient(#fce4ec 0%,#f8bbd9 100%);border-color:#e91e63}[data-theme=light] .chatbot-input-area{background:#f5f0e6}[data-theme=light] .chatbot-input{color:#2c1810;background:#fffbf5;border-color:#bcaaa4}[data-theme=light] .chatbot-input:focus{border-color:#0097a7;box-shadow:0 0 5px #0097a780}[data-theme=light] .chatbot-input::placeholder{color:#8d6e63}[data-theme=light] .chatbot-footer{background:#efebe9}[data-theme=light] .typing-dot{background:#e91e63}[data-theme=light] .chatbot-messages::-webkit-scrollbar-track{background:#f5f0e6;border-color:#8d6e63}[data-theme=light] .chatbot-messages::-webkit-scrollbar-thumb{background:#d7ccc8;border-color:#efebe9}[data-theme=miami] .chatbot-window{background:linear-gradient(#e0f7fa 0%,#e8f5e9 100%)}[data-theme=miami] .chatbot-header{background:#b2ebf2;border-bottom-color:#40e0d0}[data-theme=miami] .chatbot-avatar{background:#fff;border-color:#40e0d0}[data-theme=miami] .avatar-art{color:#40e0d0}[data-theme=miami] .bot-name{color:#ff6f61;text-shadow:none}[data-theme=miami] .bot-tagline{color:#ff69b4}[data-theme=miami] .message.user .message-bubble{color:#1a237e;background:linear-gradient(#e0f7fa 0%,#b2ebf2 100%);border-color:#40e0d0}[data-theme=miami] .message.bot .message-bubble{color:#1a237e;background:linear-gradient(#fce4ec 0%,#f8bbd9 100%);border-color:#ff69b4}[data-theme=miami] .chatbot-input-area{background:#e0f7fa}[data-theme=miami] .chatbot-input{color:#1a237e;background:#fff;border-color:#40e0d0}[data-theme=miami] .chatbot-input:focus{border-color:#40e0d0;box-shadow:0 0 5px #40e0d080}[data-theme=miami] .chatbot-input::placeholder{color:#546e7a}[data-theme=miami] .chatbot-footer{background:#b2ebf2}[data-theme=miami] .typing-dot{background:#ff69b4}[data-theme=miami] .chatbot-messages::-webkit-scrollbar-track{background:#e0f7fa;border-color:#00acc1}[data-theme=miami] .chatbot-messages::-webkit-scrollbar-thumb{background:#80deea;border-color:#b2ebf2}
.snob-dial{align-items:center;gap:var(--space-2);padding:var(--space-3);border:var(--border-width-thick)solid;-webkit-user-select:none;user-select:none;background:linear-gradient(#2a2a3a 0%,#1e1e2e 100%);border-color:#3a3a4a #1a1a2a #1a1a2a #3a3a4a;flex-direction:column;display:flex}.snob-dial__label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-orange);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 4px var(--color-orange)}.snob-dial__container{width:120px;height:120px;position:relative}.snob-dial__numbers{pointer-events:none;position:absolute;inset:0}.snob-dial__number{width:18px;height:18px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-dim);cursor:pointer;pointer-events:auto;transition:color var(--transition-fast),text-shadow var(--transition-fast);background:0 0;border:none;padding:0;position:absolute;transform:translate(-50%,-50%)}.snob-dial__number:hover{color:var(--color-cyan);text-shadow:0 0 4px var(--color-cyan)}.snob-dial__number--active{color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);font-weight:700}.snob-dial__knob{cursor:grab;width:60px;height:60px;margin-top:-30px;margin-left:-30px;transition:transform .1s ease-out;position:absolute;top:50%;left:50%}.snob-dial__knob--dragging{cursor:grabbing;transition:none}.snob-dial__knob-inner{background:linear-gradient(#5a5a6a 0%,#3a3a4a 30%,#2a2a3a 70%,#1a1a2a 100%);border:4px solid #1a1a2a;border-color:#6a6a7a #1a1a2a #1a1a2a #6a6a7a;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #0000004d,3px 3px 8px #00000080}.snob-dial__knob-inner:before{content:"";opacity:.5;background:repeating-conic-gradient(#4a4a5a 0deg 10deg,#3a3a4a 10deg 20deg);border-radius:50%;position:absolute;inset:4px}.snob-dial__knob-indicator{background:var(--color-orange);width:4px;height:12px;box-shadow:0 0 6px var(--color-orange);position:absolute;top:4px;left:50%;transform:translate(-50%)}.snob-dial__value{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background:#0a0a14;border:2px solid #3a3a4a;border-color:#1a1a2a #3a3a4a #3a3a4a #1a1a2a;flex-direction:column;min-width:100px;display:flex}.snob-dial__value-number{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);line-height:1}.snob-dial__value-label{font-family:var(--font-mono);color:var(--color-pink);text-transform:uppercase;letter-spacing:1px;font-size:9px}[data-theme=light] .snob-dial{background:linear-gradient(#efebe9 0%,#d7ccc8 100%);border-color:#fffaf5 #8d6e63 #8d6e63 #fffaf5}[data-theme=light] .snob-dial__label{color:#e85a24;text-shadow:none}[data-theme=light] .snob-dial__number{color:#8d6e63}[data-theme=light] .snob-dial__number:hover,[data-theme=light] .snob-dial__number--active{color:#0097a7;text-shadow:none}[data-theme=light] .snob-dial__knob-inner{background:linear-gradient(#efebe9 0%,#d7ccc8 30%,#bcaaa4 70%,#8d6e63 100%);border-color:#fffaf5 #5d4037 #5d4037 #fffaf5}[data-theme=light] .snob-dial__knob-inner:before{background:repeating-conic-gradient(#d7ccc8 0deg 10deg,#bcaaa4 10deg 20deg)}[data-theme=light] .snob-dial__knob-indicator{box-shadow:none;background:#e85a24}[data-theme=light] .snob-dial__value{background:#fffaf5;border-color:#8d6e63 #fffaf5 #fffaf5 #8d6e63}[data-theme=light] .snob-dial__value-number{color:#0097a7;text-shadow:none}[data-theme=light] .snob-dial__value-label{color:#e91e63}[data-theme=japan] .snob-dial{background:linear-gradient(#2a1a2a 0%,#1a0a1a 100%);border-color:#3a2a3a #0a0a14 #0a0a14 #3a2a3a}[data-theme=japan] .snob-dial__label{color:#ff69b4;text-shadow:0 0 4px #ff69b4}[data-theme=japan] .snob-dial__number{color:#9d7a8a}[data-theme=japan] .snob-dial__number:hover{color:#0ff;text-shadow:0 0 4px #0ff}[data-theme=japan] .snob-dial__number--active{color:#0ff;text-shadow:0 0 8px #0ff}[data-theme=japan] .snob-dial__knob-inner{background:linear-gradient(#3a2a3a 0%,#2a1a2a 30%,#1a0a1a 70%,#0a0a14 100%);border-color:#ff69b4 #604 #604 #ff69b4;box-shadow:inset 2px 2px 4px #ff69b41a,inset -2px -2px 4px #0000004d,3px 3px 8px #00000080,0 0 12px #ff69b433}[data-theme=japan] .snob-dial__knob-inner:before{background:repeating-conic-gradient(#3a2a3a 0deg 10deg,#2a1a2a 10deg 20deg)}[data-theme=japan] .snob-dial__knob-indicator{background:#ff69b4;box-shadow:0 0 6px #ff69b4}[data-theme=japan] .snob-dial__value{background:#0a0a14;border-color:#604 #ff69b4 #ff69b4 #604}[data-theme=japan] .snob-dial__value-number{color:#0ff;text-shadow:0 0 8px #0ff}[data-theme=japan] .snob-dial__value-label{color:#ff69b4}[data-theme=miami] .snob-dial{background:linear-gradient(#e0f7fa 0%,#b2ebf2 100%);border-color:#fff #00acc1 #00acc1 #fff}[data-theme=miami] .snob-dial__label{color:#ff6f61;text-shadow:none}[data-theme=miami] .snob-dial__number{color:#546e7a}[data-theme=miami] .snob-dial__number:hover{color:#40e0d0;text-shadow:none}[data-theme=miami] .snob-dial__number--active{color:#40e0d0;text-shadow:0 0 4px #40e0d080}[data-theme=miami] .snob-dial__knob-inner{background:linear-gradient(#fff 0%,#e0f7fa 30%,#b2ebf2 70%,#80deea 100%);border-color:#fff #00acc1 #00acc1 #fff;box-shadow:inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #0000001a,3px 3px 8px #00000026}[data-theme=miami] .snob-dial__knob-inner:before{background:repeating-conic-gradient(#e0f7fa 0deg 10deg,#b2ebf2 10deg 20deg)}[data-theme=miami] .snob-dial__knob-indicator{box-shadow:none;background:#ff6f61}[data-theme=miami] .snob-dial__value{background:#fff;border-color:#00acc1 #fff #fff #00acc1}[data-theme=miami] .snob-dial__value-number{color:#40e0d0;text-shadow:none}[data-theme=miami] .snob-dial__value-label{color:#ff69b4}@media (max-width:480px){.snob-dial__container{width:100px;height:100px}.snob-dial__knob{width:50px;height:50px;margin-top:-25px;margin-left:-25px}.snob-dial__number{width:16px;height:16px;font-size:10px}}
.paint-window{min-height:0;font-family:var(--font-mono);background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.paint-menubar{z-index:100;background:linear-gradient(90deg,#1a1a1a 0%,#2d1b3d 50%,#1a1a1a 100%);border-bottom:2px solid #8b00ff;flex-shrink:0;gap:2px;padding:2px 4px;display:flex;position:relative}.paint-menu-container{position:relative}.paint-menu-item{font-size:var(--font-size-sm,14px);color:silver;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-user-select:none;user-select:none;padding:2px 8px}.paint-menu-item:hover,.paint-menu-item.active{color:#fff;text-shadow:0 0 8px #f0f;background:linear-gradient(#8b00ff 0%,#6a0dad 100%)}.paint-menu-item.disabled{color:#666;cursor:default}.paint-menu-item.disabled:hover{text-shadow:none;background:0 0}.paint-dropdown{z-index:1000;background:#2a2a2a;border:2px solid #8b00ff;border-top:none;min-width:160px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000080,0 0 20px #8b00ff33}.dropdown-item{color:silver;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.dropdown-item:hover{color:#fff;background:linear-gradient(90deg,#8b00ff 0%,#6a0dad 100%)}.dropdown-item.disabled{color:#555;cursor:default}.dropdown-item.disabled:hover{color:#555;background:0 0}.dropdown-item .shortcut{color:#888;margin-left:16px;font-size:10px}.dropdown-item:hover .shortcut{color:#ccc}.dropdown-divider{background:linear-gradient(90deg,#0000 0%,#8b00ff 50%,#0000 100%);height:1px;margin:4px 8px}.dropdown-label{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:11px}.paint-main{flex:1;min-height:0;display:flex;overflow:hidden}.paint-toolbox{background:linear-gradient(#252525 0%,#1a1a1a 100%);border-right:2px solid #8b00ff;flex-direction:column;gap:4px;width:56px;padding:4px;display:flex;overflow-y:auto}.toolbox-section{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.tool-button{cursor:pointer;color:silver;background:#333;border:1px solid #555;border-radius:2px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:10px;font-weight:700;transition:all .1s;display:flex}.tool-button:hover{color:#fff;background:#444;border-color:#8b00ff}.tool-button.active{color:#fff;background:linear-gradient(#8b00ff 0%,#6a0dad 100%);border-color:#ba55d3;box-shadow:0 0 6px #8b00ff}.tool-icon{font-family:monospace;line-height:1}.toolbox-divider{background:linear-gradient(90deg,#0000 0%,#8b00ff 50%,#0000 100%);height:1px;margin:4px 0}.tool-options{flex-direction:column;gap:4px;padding:4px 0;display:flex}.option-label{color:#888;letter-spacing:1px;text-align:center;font-size:7px}.option-buttons{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.option-buttons-col{flex-direction:column;gap:2px;display:flex}.option-button{cursor:pointer;color:#999;background:#2a2a2a;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:10px;transition:all .1s;display:flex}.option-button:hover{color:#fff;background:#3a3a3a;border-color:#ff6b35}.option-button.active{color:#fff;background:linear-gradient(#ff6b35 0%,#e85d75 100%);border-color:#ff8c42;box-shadow:0 0 4px #ff6b35}.option-button-wide{cursor:pointer;color:#999;background:#2a2a2a;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;width:100%;height:14px;padding:0 4px;font-size:8px;transition:all .1s;display:flex}.option-button-wide:hover{color:#fff;background:#3a3a3a;border-color:#ff6b35}.option-button-wide.active{color:#fff;background:linear-gradient(#ff6b35 0%,#e85d75 100%);border-color:#ff8c42;box-shadow:0 0 4px #ff6b35}.symmetry-section{flex-direction:column;gap:4px;padding:4px 0;display:flex}.symmetry-buttons{justify-content:center;gap:2px;display:flex}.symmetry-button{cursor:pointer;color:#999;background:#2a2a2a;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;width:18px;height:14px;padding:0;font-size:7px;font-weight:700;transition:all .1s;display:flex}.symmetry-button:hover{color:#fff;background:#3a3a3a;border-color:#0ff}.symmetry-button.active{color:#000;background:linear-gradient(#0ff 0%,#008b8b 100%);border-color:#0ff;box-shadow:0 0 4px #0ff}.slider-section{flex-direction:column;align-items:center;gap:2px;padding:4px 2px;display:flex}.slider-label{color:#888;letter-spacing:1px;font-size:7px}.paint-window .paint-slider{appearance:none;background:#1a1a1a;border:1px solid #444;border-radius:4px;outline:none;width:44px;height:8px}.paint-window .paint-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#00ff7f 0%,#228b22 100%);border:1px solid #32cd32;border-radius:2px;width:10px;height:14px;box-shadow:0 0 4px #00ff7f}.paint-window .paint-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(#00ff7f 0%,#228b22 100%);border:1px solid #32cd32;border-radius:2px;width:10px;height:14px;box-shadow:0 0 4px #00ff7f}.slider-value{color:#00ff7f;font-size:8px;font-weight:700}.action-button{cursor:pointer;color:#999;background:#2a2a2a;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;width:100%;height:18px;margin-bottom:2px;font-size:12px;transition:all .1s;display:flex}.action-button:hover:not(:disabled){color:#fff;background:#3a3a3a;border-color:#8b00ff}.action-button:disabled{opacity:.4;cursor:not-allowed}.action-button.undo-btn:hover:not(:disabled){color:gold;border-color:gold}.action-button.redo-btn:hover:not(:disabled){color:#0ff;border-color:#0ff}.clear-button{cursor:pointer;color:#e74c3c;text-transform:uppercase;letter-spacing:1px;background:#2a2a2a;border:1px solid #e74c3c;border-radius:2px;padding:4px 2px;font-size:8px;font-weight:700;transition:all .1s}.clear-button:hover{color:#fff;background:linear-gradient(#e74c3c 0%,#922b21 100%);box-shadow:0 0 6px #e74c3c}.clear-button:active{transform:scale(.95)}.paint-canvas-area{background:#1a1a1a;flex:1;justify-content:flex-start;align-items:flex-start;min-height:0;padding:8px;display:flex;overflow:auto}.paint-window .paint-canvas{cursor:crosshair;image-rendering:pixelated;background:#fff;border:3px solid #333;position:static;box-shadow:0 0 20px #8b00ff4d,inset 0 0 0 1px #555}.paint-window .paint-palette{background:linear-gradient(#252525 0%,#1a1a1a 100%);border-top:2px solid #8b00ff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:8px 10px;display:flex}.palette-tabs{gap:2px;width:100%;margin-bottom:4px;display:flex}.palette-tab{text-transform:uppercase;letter-spacing:.5px;color:#888;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700;transition:all .1s}.palette-tab:hover{color:gold;background:#3a3a3a;border-color:gold}.palette-tab.active{color:#000;background:linear-gradient(gold 0%,#b8860b 100%);border-color:#ffc125;box-shadow:0 0 4px gold}.current-colors{width:32px;height:32px;margin-right:8px;position:relative}.color-primary{z-index:2;border:2px solid #fff;width:22px;height:22px;position:absolute;top:0;left:0;box-shadow:0 0 4px #ffffff80}.color-secondary{z-index:1;border:2px solid #666;width:22px;height:22px;position:absolute;bottom:0;right:0}.color-grid{flex-wrap:wrap;gap:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #444;border-radius:4px;width:24px;height:24px;padding:0;transition:all .1s}.color-swatch:hover{z-index:1;border:2px solid #fff;transform:scale(1.1)}.color-swatch.selected-primary{outline-offset:1px;outline:2px solid #0ff;box-shadow:0 0 8px #0ff}.color-swatch.selected-secondary{outline-offset:1px;outline:2px dashed #f0f}.paint-statusbar{color:#888;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#1a1a1a 0%,#2d1b3d 50%,#1a1a1a 100%);border-top:1px solid #8b00ff;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.status-tool{color:#8b00ff;font-weight:700}.status-symmetry{color:#0ff;font-weight:700}.status-size{color:#00ff7f}.status-opacity{color:#ff6b35}.status-palette{color:gold}.status-zoom{color:#ff69b4}.status-dimensions{color:#66fcf1}.status-divider{color:#444}.status-hint{color:#666;letter-spacing:2px;margin-left:auto;font-style:italic}.paint-canvas-area::-webkit-scrollbar{width:12px;height:12px}.paint-canvas-area::-webkit-scrollbar-track{background:#1a1a1a}.paint-canvas-area::-webkit-scrollbar-thumb{background:linear-gradient(#444 0%,#333 100%);border:1px solid #555;border-radius:4px}.paint-canvas-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b00ff 0%,#6a0dad 100%);border-color:#8b00ff}.paint-canvas-area::-webkit-scrollbar-corner{background:#1a1a1a}.paint-toolbox::-webkit-scrollbar{width:6px}.paint-toolbox::-webkit-scrollbar-track{background:#1a1a1a}.paint-toolbox::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.paint-toolbox::-webkit-scrollbar-thumb:hover{background:#8b00ff}@media (max-width:768px){.paint-toolbox{width:48px;padding:2px}.tool-button{width:18px;height:18px;font-size:8px}.option-button{width:12px;height:12px;font-size:8px}.symmetry-button{width:14px;height:12px;font-size:6px}.paint-slider{width:36px}.palette-tabs{display:none}.color-grid{grid-template-columns:repeat(4,1fr)}.color-swatch{width:14px;height:14px}.paint-statusbar{font-size:9px}.status-hint{display:none}}.paint-gallery-toast{color:#000;text-transform:uppercase;letter-spacing:1px;z-index:1000;background:linear-gradient(#00ff7f 0%,#228b22 100%);border:2px solid #32cd32;border-radius:4px;padding:12px 24px;font-size:14px;font-weight:700;animation:.2s ease-out toastFadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00ff7f66,0 0 40px #00ff7f33}.paint-gallery-toast.error{background:linear-gradient(#e74c3c 0%,#922b21 100%);border-color:#ff6b6b;box-shadow:0 4px 20px #e74c3c66,0 0 40px #e74c3c33}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.action-button.gallery-btn{font-size:9px;font-weight:700}.action-button.gallery-btn:hover:not(:disabled){color:#00ff7f;border-color:#00ff7f}.action-button.share-btn{font-size:12px;font-weight:700}.action-button.share-btn:hover:not(:disabled){color:#ff69b4;border-color:#ff69b4}.paint-dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paint-share-dialog{background:silver;border:2px outset #dfdfdf;min-width:280px;box-shadow:2px 2px #000,inset -1px -1px gray,inset 1px 1px #fff}.paint-dialog-titlebar{color:#fff;background:linear-gradient(90deg,navy 0%,#1084d0 100%);justify-content:space-between;align-items:center;padding:2px 4px;font-size:12px;font-weight:700;display:flex}.paint-dialog-title{padding-left:2px}.paint-dialog-close{cursor:pointer;background:silver;border:2px outset #dfdfdf;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:10px;font-weight:700;line-height:1;display:flex}.paint-dialog-close:hover{background:#dfdfdf}.paint-dialog-close:active{background:#a0a0a0;border-style:inset}.paint-dialog-content{padding:16px}.paint-dialog-label{color:#000;margin-bottom:8px;font-size:12px;display:block}.paint-dialog-input{box-sizing:border-box;background:#fff;border:2px inset gray;outline:none;width:100%;padding:4px 6px;font-family:inherit;font-size:12px}.paint-dialog-input:focus{outline-offset:-2px;outline:1px dotted #000}.paint-dialog-buttons{justify-content:flex-end;gap:8px;padding:0 16px 16px;display:flex}.paint-dialog-btn{cursor:pointer;background:silver;border:2px outset #dfdfdf;min-width:75px;padding:4px 12px;font-family:inherit;font-size:12px}.paint-dialog-btn:hover{background:#d0d0d0}.paint-dialog-btn:active{background:#a0a0a0;border-style:inset}.paint-dialog-btn:focus{outline-offset:-4px;outline:1px dotted #000}.paint-dialog-section{margin-bottom:12px}.paint-dialog-section:last-child{margin-bottom:0}.paint-dialog-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.paint-dialog-row:last-child{margin-bottom:0}.paint-dialog-row span{color:#000;min-width:70px;font-size:12px}.paint-dialog-number{box-sizing:border-box;text-align:right;background:#fff;border:2px inset gray;outline:none;width:80px;padding:4px 6px;font-family:inherit;font-size:12px}.paint-dialog-number:focus{outline-offset:-2px;outline:1px dotted #000}.paint-dialog-info{color:#666;margin-top:8px;font-size:11px;font-style:italic}.paint-color-picker{cursor:pointer;background:#fff;border:2px inset gray;width:100px;height:80px;margin-bottom:12px}.paint-dialog-preview{border:2px inset gray;width:100%;height:30px;margin-top:12px}.paint-shortcuts-dialog{min-width:320px}.paint-shortcuts-content{max-height:300px;overflow-y:auto}.paint-shortcut-group{margin-bottom:12px}.paint-shortcut-group:last-child{margin-bottom:0}.paint-shortcut-group h4{color:navy;border-bottom:1px solid gray;margin:0 0 6px;padding-bottom:2px;font-size:12px}.paint-shortcut-row{color:#000;justify-content:space-between;padding:2px 0;font-size:11px;display:flex}.paint-shortcut-row span:last-child{color:#666;font-family:monospace}.paint-about-content{text-align:center}.paint-about-title{color:navy;margin-bottom:4px;font-size:16px;font-weight:700}.paint-about-version{color:#666;margin-bottom:8px;font-size:12px}.paint-about-divider{background:gray;height:1px;margin:12px 0}.paint-about-text{color:#000;margin-bottom:8px;font-size:11px;line-height:1.4}.paint-about-copyright{color:#666;margin-top:8px;font-size:10px}
.gallery-window{min-height:0;font-family:var(--font-mono);background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.gallery-tabbar{background:linear-gradient(90deg,#1a1a1a 0%,#2d1b3d 50%,#1a1a1a 100%);border-bottom:2px solid #8b00ff;flex-shrink:0;gap:2px;padding:4px 8px;display:flex}.gallery-tab{text-transform:uppercase;letter-spacing:1px;color:#888;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.gallery-tab:hover{color:silver;background:#3a3a3a;border-color:#8b00ff}.gallery-tab.active{color:#fff;background:linear-gradient(#8b00ff 0%,#6a0dad 100%);border-color:#ba55d3;box-shadow:0 0 8px #8b00ff80}.gallery-tab-count{color:#666;font-size:10px;font-weight:400}.gallery-tab.active .gallery-tab-count{color:#ffffffb3}.gallery-tab-loading{color:gold;animation:.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.gallery-content{background:#1a1a1a;flex:1;min-height:0;padding:12px;overflow-y:auto}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.gallery-thumbnail{aspect-ratio:1;cursor:pointer;background:#252525;border:2px solid #444;border-radius:4px;padding:0;transition:all .15s;position:relative;overflow:hidden}.gallery-thumbnail:hover{border-color:#8b00ff;transform:scale(1.03);box-shadow:0 4px 16px #8b00ff4d}.gallery-thumbnail-image{object-fit:cover;image-rendering:auto;width:100%;height:100%;transition:opacity .2s}.gallery-thumbnail-image--loading{opacity:0}.gallery-thumbnail-loading{background:#252525;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-thumbnail-spinner{border:2px solid #444;border-top-color:#8b00ff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite thumbnailSpin}@keyframes thumbnailSpin{to{transform:rotate(360deg)}}.gallery-thumbnail--error{border-color:#e74c3c}.gallery-thumbnail-error{background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.gallery-thumbnail-error-icon{color:#e74c3c;font-family:monospace;font-size:24px}.gallery-thumbnail-error-text{color:#888;text-transform:uppercase;font-size:10px}.gallery-thumbnail-overlay{background:linear-gradient(#0000,#000000e6);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-thumbnail-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;overflow:hidden}.gallery-thumbnail-artist{color:#0ff;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.gallery-empty{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.gallery-empty-icon{color:#444;font-family:monospace;font-size:48px}.gallery-empty-text{color:#888;text-transform:uppercase;letter-spacing:2px;margin:0;font-size:16px;font-weight:700}.gallery-empty-hint{color:#666;margin:0;font-size:12px}.gallery-loading{justify-content:center;align-items:center;height:100%;display:flex}.gallery-loading-text{color:#8b00ff;text-transform:uppercase;letter-spacing:2px;font-size:14px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gallery-statusbar{color:#888;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#1a1a1a 0%,#2d1b3d 50%,#1a1a1a 100%);border-top:1px solid #8b00ff;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.gallery-status-tab{color:#8b00ff;font-weight:700}.gallery-status-count{color:#00ff7f}.gallery-status-divider{color:#444}.gallery-status-hint{color:#666;letter-spacing:2px;margin-left:auto;font-style:italic}.gallery-toast{color:#000;text-transform:uppercase;letter-spacing:1px;z-index:1000;background:linear-gradient(#00ff7f 0%,#228b22 100%);border:2px solid #32cd32;border-radius:4px;padding:12px 24px;font-size:14px;font-weight:700;animation:.2s ease-out toastFadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00ff7f66,0 0 40px #00ff7f33}.gallery-toast.error{background:linear-gradient(#e74c3c 0%,#922b21 100%);border-color:#ff6b6b;box-shadow:0 4px 20px #e74c3c66,0 0 40px #e74c3c33}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.gallery-modal-backdrop{z-index:900;background:#000000d9;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal{background:#252525;border:3px solid #8b00ff;border-radius:4px;flex-direction:column;max-width:90%;max-height:90%;animation:.2s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 8px 32px #8b00ff66,0 0 60px #8b00ff33}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.gallery-modal-header{background:linear-gradient(90deg,#1a1a1a 0%,#2d1b3d 50%,#1a1a1a 100%);border-bottom:2px solid #8b00ff;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.gallery-modal-title{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.gallery-modal-close{color:silver;cursor:pointer;background:#333;border:1px solid #555;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.gallery-modal-close:hover{color:#fff;background:linear-gradient(#e74c3c 0%,#922b21 100%);border-color:#ff6b6b}.gallery-modal-content{background:#1a1a1a;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.gallery-modal-image{object-fit:contain;border:2px solid #333;max-width:100%;max-height:100%;box-shadow:0 4px 20px #00000080}.gallery-modal-error{background:#1a1a1a;border:2px solid #e74c3c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.gallery-modal-error-icon{color:#e74c3c;font-family:monospace;font-size:48px}.gallery-modal-error-text{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:14px}.gallery-modal-info{text-transform:uppercase;letter-spacing:.5px;background:#252525;border-top:1px solid #444;flex-wrap:wrap;gap:12px;padding:8px 12px;font-size:11px;display:flex}.gallery-modal-artist{color:#0ff;font-weight:700}.gallery-modal-date{color:#888}.gallery-modal-palette{color:gold}.gallery-modal-likes{color:#ff69b4}.gallery-modal-actions{background:linear-gradient(#252525 0%,#1a1a1a 100%);border-top:2px solid #8b00ff;gap:8px;padding:12px;display:flex}.gallery-modal-btn{text-transform:uppercase;letter-spacing:1px;color:silver;cursor:pointer;background:#333;border:2px solid #555;border-radius:4px;flex:1;padding:8px 16px;font-size:12px;font-weight:700;transition:all .1s}.gallery-modal-btn:hover{color:#fff;background:linear-gradient(#8b00ff 0%,#6a0dad 100%);border-color:#ba55d3;box-shadow:0 0 8px #8b00ff80}.gallery-modal-btn--share{color:#0ff;border-color:#0ff}.gallery-modal-btn--share:hover{color:#000;background:linear-gradient(#0ff 0%,#008b8b 100%);border-color:#0ff;box-shadow:0 0 8px #00ffff80}.gallery-modal-btn--share.disabled{opacity:.5;cursor:not-allowed}.gallery-modal-btn--danger{color:#e74c3c;border-color:#e74c3c}.gallery-modal-btn--danger:hover{color:#fff;background:linear-gradient(#e74c3c 0%,#922b21 100%);border-color:#ff6b6b;box-shadow:0 0 8px #e74c3c80}.gallery-modal-btn--danger.confirm{color:#fff;background:linear-gradient(#e74c3c 0%,#922b21 100%);border-color:#ff6b6b;animation:.5s infinite confirmPulse}@keyframes confirmPulse{0%,to{box-shadow:0 0 8px #e74c3c80}50%{box-shadow:0 0 16px #e74c3ccc}}.gallery-content::-webkit-scrollbar{width:12px}.gallery-content::-webkit-scrollbar-track{background:#1a1a1a}.gallery-content::-webkit-scrollbar-thumb{background:linear-gradient(#444 0%,#333 100%);border:1px solid #555;border-radius:4px}.gallery-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b00ff 0%,#6a0dad 100%);border-color:#8b00ff}.gallery-modal-btn--like{color:#ff69b4;border-color:#ff69b4}.gallery-modal-btn--like:hover{color:#fff;background:linear-gradient(#ff69b4 0%,#c71585 100%);border-color:#ff69b4;box-shadow:0 0 8px #ff69b480}.gallery-modal-btn--like.liked{color:#fff;opacity:.7;cursor:default;background:linear-gradient(#ff69b4 0%,#c71585 100%);border-color:#ff69b4}.gallery-modal-btn--like.disabled{opacity:.5;cursor:not-allowed}.gallery-share-overlay{z-index:950;background:#000000e6;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:absolute;inset:0}.gallery-share-dialog{background:#252525;border:3px solid #0ff;border-radius:4px;width:90%;max-width:320px;animation:.2s ease-out modalSlideIn;box-shadow:0 8px 32px #0ff6,0 0 60px #0ff3}.gallery-share-header{color:#0ff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#1a1a1a 0%,#033 50%,#1a1a1a 100%);border-bottom:2px solid #0ff;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.gallery-share-close{color:silver;cursor:pointer;background:#333;border:1px solid #555;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.gallery-share-close:hover{color:#fff;background:#e74c3c;border-color:#ff6b6b}.gallery-share-body{flex-direction:column;gap:8px;padding:16px;display:flex}.gallery-share-label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.gallery-share-input{width:100%;font-size:14px;font-family:var(--font-mono);color:#fff;background:#1a1a1a;border:2px solid #444;border-radius:4px;outline:none;padding:10px 12px;transition:border-color .1s}.gallery-share-input:focus{border-color:#0ff;box-shadow:0 0 8px #00ffff4d}.gallery-share-input::placeholder{color:#555}.gallery-share-actions{gap:8px;padding:12px 16px 16px;display:flex}.gallery-share-btn{text-transform:uppercase;letter-spacing:1px;color:silver;cursor:pointer;background:#333;border:2px solid #555;border-radius:4px;flex:1;padding:10px 16px;font-size:12px;font-weight:700;transition:all .1s}.gallery-share-btn--cancel:hover{color:#fff;background:#444;border-color:#666}.gallery-share-btn--confirm{color:#000;background:linear-gradient(#0ff 0%,#008b8b 100%);border-color:#0ff}.gallery-share-btn--confirm:hover{box-shadow:0 0 12px #0ff9}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.gallery-tab{padding:4px 12px;font-size:11px}.gallery-tab-count{display:none}.gallery-modal{max-width:95%;max-height:95%}.gallery-modal-actions{flex-direction:column}.gallery-statusbar{font-size:9px}.gallery-status-hint{display:none}}