.record-player{width:280px;height:200px;background:radial-gradient(ellipse 15px 8px at 45% 30%,rgba(101,67,33,.15) 0,transparent 70%),radial-gradient(ellipse 20px 10px at 75% 70%,rgba(139,69,19,.12) 0,transparent 80%),radial-gradient(ellipse 12px 6px at 25% 80%,rgba(160,82,45,.1) 0,transparent 75%),linear-gradient(88deg,rgba(160,112,62,.3),rgba(196,145,92,.25) 8%,rgba(212,165,116,.2) 15%,rgba(196,145,92,.25) 22%,rgba(184,133,90,.3) 30%,rgba(196,145,92,.25) 38%,rgba(212,165,116,.2) 45%,rgba(196,145,92,.25) 52%,rgba(184,133,90,.3) 60%,rgba(196,145,92,.25) 68%,rgba(212,165,116,.2) 75%,rgba(196,145,92,.25) 83%,rgba(184,133,90,.3) 90%,rgba(160,112,62,.3)),linear-gradient(45deg,rgba(139,69,19,.06),rgba(160,82,45,.04) 25%,rgba(139,69,19,.08) 50%,rgba(160,82,45,.04) 75%,rgba(139,69,19,.06)),#d4a574;background-size:100% 100%,100% 100%,100% 100%,35px 100%,100% 100%;border-radius:12px;padding:15px;box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.1),inset 0 3px 8px rgba(255,248,220,.3),inset 0 -3px 8px rgba(80,53,26,.4),inset 3px 0 6px rgba(139,69,19,.2),inset -3px 0 6px rgba(139,69,19,.2),inset 0 2px 4px rgba(255,248,220,.2),inset 0 -2px 4px rgba(101,67,33,.2);border-color:#7d5a2e #4a3018 #4a3018 #7d5a2e;z-index:998;position:relative}.record-player:before{top:3px;left:3px;right:-3px;bottom:-3px;background:radial-gradient(ellipse 12px 6px at 35% 25%,rgba(80,50,25,.2) 0,transparent 70%),radial-gradient(ellipse 15px 8px at 70% 75%,rgba(101,67,33,.15) 0,transparent 80%),radial-gradient(ellipse 10px 5px at 20% 85%,rgba(120,75,40,.1) 0,transparent 75%),linear-gradient(88deg,rgba(120,90,62,.2),rgba(139,107,76,.15) 8%,rgba(157,127,90,.1) 15%,rgba(139,107,76,.15) 22%,rgba(122,90,66,.2) 30%,rgba(139,107,76,.15) 38%,rgba(157,127,90,.1) 45%,rgba(139,107,76,.15) 52%,rgba(122,90,66,.2) 60%,rgba(139,107,76,.15) 68%,rgba(157,127,90,.1) 75%,rgba(139,107,76,.15) 83%,rgba(122,90,66,.2) 90%,rgba(120,90,62,.2)),linear-gradient(45deg,rgba(101,50,15,.06),rgba(120,65,35,.04) 25%,rgba(101,50,15,.08) 50%,rgba(120,65,35,.04) 75%,rgba(101,50,15,.06)),#9b7b5c;background-size:100% 100%,100% 100%,100% 100%,28px 100%,100% 100%,100% 100%;z-index:-1;transform:translateZ(-6px);box-shadow:0 4px 12px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,248,220,.1),inset 0 -1px 2px rgba(0,0,0,.3)}.record-player:after,.record-player:before{content:"";position:absolute;border-radius:12px}.record-player:after{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,248,220,.25),rgba(255,248,220,.1) 15%,transparent 30%,transparent 70%,rgba(255,248,220,.05) 85%,rgba(255,248,220,.15)),linear-gradient(0deg,transparent,rgba(255,248,220,.1) 5%,transparent 10%,transparent 90%,rgba(80,53,26,.2) 95%,rgba(80,53,26,.3)),linear-gradient(90deg,transparent,rgba(255,248,220,.1) 5%,transparent 10%,transparent 90%,rgba(80,53,26,.2) 95%,rgba(80,53,26,.3));pointer-events:none;transform:translateZ(2px);box-shadow:inset 0 0 8px rgba(255,248,220,.1),inset 0 0 16px rgba(139,69,19,.1);z-index:2}.turntable-base{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.turntable-base>*{pointer-events:auto}.platter{width:146px;height:146px;transform:translateZ(6px);background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.01) 0deg,rgba(255,255,255,.01) 1deg,transparent 1deg,transparent 3deg),#222222;border-radius:50%;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),inset 0 2px 6px rgba(255,255,255,.08),inset 0 -2px 6px rgba(0,0,0,.3),inset 0 0 20px rgba(255,255,255,.03),inset 2px 0 4px rgba(0,0,0,.2),inset -2px 0 4px rgba(255,255,255,.03),inset 0 0 0 1px rgba(255,255,255,.6),inset 0 0 0 2px rgba(220,220,220,.4),inset 0 0 0 3px rgba(180,180,180,.2);z-index:1015;isolation:isolate}.platter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;border:.5px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.08);pointer-events:none;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-record{0%{transform:translate(-50%,-50%) translateZ(8px) rotate(0deg)}to{transform:translate(-50%,-50%) translateZ(8px) rotate(1turn)}}.center-spindle{transform:translate(-50%,-50%);width:6px;height:6px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0,rgba(255,255,255,.4) 40%,transparent 70%),radial-gradient(circle at 25% 25%,rgba(80,80,80,1) 0,rgba(70,70,70,1) 40%,rgba(60,60,60,1) 70%,rgba(50,50,50,1) 100%);border-radius:50%;border:.5px solid #555;box-shadow:0 1px 2px rgba(0,0,0,.6),0 .5px 1px rgba(0,0,0,.5),inset 0 .5px .5px rgba(255,255,255,.9),inset 0 -.5px .5px rgba(0,0,0,.4),0 0 0 .5px rgba(80,80,80,.6)}.center-spindle,.turntable-record{position:absolute;top:50%;left:50%}.turntable-record{transform:translate(-50%,-50%) translateZ(8px);width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(255,255,255,.05)),radial-gradient(circle at 25% 25%,rgba(255,255,255,.015) 1px,transparent 0),radial-gradient(circle at 75% 75%,rgba(0,0,0,.02) .5px,transparent 0),#0e0e0e;background-size:100% 100%,25px 25px,18px 18px,100% 100%;background-position:50%,0 0,8px 8px,50%;box-shadow:0 2px 6px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1),inset 0 1px 3px rgba(255,255,255,.08),inset 0 -1px 3px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.03);z-index:1018;transform-origin:center center;transform-style:preserve-3d}.turntable-record:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(139,69,19,.02) .5px,transparent 1px),radial-gradient(circle at 70% 80%,rgba(101,67,33,.015) .4px,transparent .8px);background-size:15px 15px,12px 12px;background-position:0 0,8px 8px;opacity:.3;pointer-events:none;z-index:1}.turntable-record *{transform-style:preserve-3d}.turntable-record .record-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:700;color:#FFD700;text-shadow:0 0 2px rgba(0,0,0,.8);overflow:hidden;z-index:1019;background:#1a1a1a;box-shadow:0 2px 6px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.1);background-size:cover;background-position:50%;background-repeat:no-repeat;border:3px solid #1a1a1a}.turntable-record .record-label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.08) 1px,transparent 2px),radial-gradient(circle at 70% 20%,rgba(0,0,0,.06) .8px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.05) 1.2px,transparent 2.5px),radial-gradient(circle at 80% 70%,rgba(0,0,0,.04) .6px,transparent 1.2px),linear-gradient(45deg,rgba(139,69,19,.02),transparent 25%,rgba(160,82,45,.015) 50%,transparent 75%,rgba(101,67,33,.018));background-size:8px 8px,6px 6px,10px 10px,7px 7px,100% 100%;background-position:2px 5px,12px 3px,8px 15px,18px 12px,50%;opacity:.3;pointer-events:none;z-index:1}.turntable-record .label-text{font-size:8px;font-weight:700;margin-bottom:2px}.turntable-record .label-subtext,.turntable-record .label-text{color:#FFD700;text-align:center;line-height:1;font-family:serif}.turntable-record .label-subtext{font-size:6px;opacity:.8}.turntable-record .record-grooves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turntable-record .groove{border:.3px solid rgba(255,255,255,.03);border-radius:50%;box-shadow:inset 0 0 .5px rgba(0,0,0,.8),0 0 .3px rgba(255,255,255,.01)}.turntable-record .groove,.turntable-record .song-break{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.turntable-record .song-break{border:1px solid orange;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.6),0 0 .5px rgba(200,200,200,.08)}.turntable-record .center-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0,rgba(255,255,255,.4) 40%,transparent 70%),radial-gradient(circle at 25% 25%,rgba(80,80,80,1) 0,rgba(70,70,70,1) 40%,rgba(60,60,60,1) 70%,rgba(50,50,50,1) 100%);border-radius:50%;border:.5px solid #555;box-shadow:0 1px 2px rgba(0,0,0,.6),0 .5px 1px rgba(0,0,0,.5),inset 0 .5px .5px rgba(255,255,255,.9),inset 0 -.5px .5px rgba(0,0,0,.4),0 0 0 .5px rgba(80,80,80,.6);z-index:1020}.tone-arm-assembly{position:absolute;top:10px;right:15px;transform-origin:7.5px 7.5px;transition:transform .8s ease;z-index:1030;isolation:isolate;transform:translateZ(12px) rotate(0deg);will-change:transform}.tone-arm-assembly.on-record{transform:translateZ(12px) rotate(25deg)}.tone-arm-assembly.on-record.paused{transform:translateZ(12px) rotate(37deg)}.tone-arm-assembly.dragging{cursor:grabbing}.tone-arm-assembly.on-record:not(.dragging){cursor:grab}.tone-arm-base{width:15px;height:15px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) .5px,transparent 0,transparent 1px),#a0a0a0;border-radius:50%;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2),inset 0 2px 4px rgba(255,255,255,.4),inset 0 -2px 4px rgba(0,0,0,.3),inset 2px 0 3px rgba(0,0,0,.15),inset -2px 0 3px rgba(255,255,255,.1);border:1px solid #777;z-index:1031;isolation:isolate}.tone-arm{top:7px;left:7px;width:2px;height:80px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1) .3px,transparent 0,transparent .6px),#b0b0b0;transform-origin:top center;box-shadow:2px 0 4px rgba(0,0,0,.4),1px 0 2px rgba(0,0,0,.2),inset 0 0 2px rgba(255,255,255,.4),inset 1px 0 1px rgba(255,255,255,.2),inset -1px 0 1px rgba(0,0,0,.2);z-index:1032}.cartridge,.tone-arm{position:absolute;border-radius:1px;isolation:isolate}.cartridge{top:85px;left:5px;width:6px;height:8px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08),rgba(255,255,255,.08) .3px,transparent 0,transparent .6px),#999999;box-shadow:0 3px 6px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.4),inset 0 -1px 2px rgba(0,0,0,.2),inset 1px 0 1px rgba(255,255,255,.2),inset -1px 0 1px rgba(0,0,0,.15);border:.5px solid #777;z-index:1033}.vintage-control-button{position:absolute;bottom:6px;right:6px;width:28px;height:12px;border:none;background:transparent;padding:0;cursor:pointer;outline:none;outline-offset:4px;transition:filter .25s;z-index:1052;pointer-events:auto}.button-shadow{background:rgba(0,0,0,.25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.button-edge,.button-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.button-edge{background:linear-gradient(270deg,#757575 0,#8a8a8a 8%,#9a9a9a 92%,#757575);box-shadow:inset 0 1px 2px rgba(0,0,0,.08),inset 0 -1px 2px rgba(255,255,255,.08)}.button-front{display:block;position:relative;width:100%;height:100%;border-radius:4px;background:radial-gradient(ellipse 120% 80% at 35% 25%,rgba(255,255,255,.7) 0,rgba(255,255,255,.4) 30%,rgba(255,255,255,.15) 60%,transparent 100%),radial-gradient(ellipse 100% 70% at 50% 30%,rgba(255,255,255,.25) 0,transparent 70%),radial-gradient(ellipse at 50% 30%,#f0f0f0 0,#e0e0e0 40%,#d0d0d0 70%,#c0c0c0 100%);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1);box-shadow:inset 0 -2px 4px rgba(0,0,0,.12),inset 0 2px 3px rgba(255,255,255,.4),inset 2px 0 3px rgba(255,255,255,.2),inset -2px 0 3px rgba(0,0,0,.08)}.button-recess{position:absolute;bottom:2px;right:2px;width:36px;height:20px;border-radius:6px;background:transparent;box-shadow:inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2);z-index:1051;pointer-events:none;transition:all .3s ease}.button-recess.playing{--glow-intensity:0.6;--glow-size:12px;box-shadow:inset 0 0 var(--glow-size) rgba(255,51,51,var(--glow-intensity)),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2);animation:recess-pulse-smooth 3s ease-in-out infinite}.button-recess.ready{--glow-intensity:0.5;--glow-size:10px;box-shadow:inset 0 0 var(--glow-size) rgba(51,255,51,var(--glow-intensity)),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2);animation:recess-pulse-green 2.5s ease-in-out infinite}.vintage-control-button:before{display:none}.vintage-control-button:hover:not(.disabled){filter:brightness(110%)}.vintage-control-button:hover:not(.disabled) .button-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.vintage-control-button:hover:not(.disabled) .button-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.vintage-control-button:active:not(.disabled) .button-front{transform:translateY(-2px);transition:transform 34ms}.vintage-control-button:active:not(.disabled) .button-shadow{transform:translateY(1px);transition:transform 34ms}.vintage-control-button.playing .button-front{transform:translateY(-1px);background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1) 50%,transparent),#d0d0d0}.vintage-control-button.playing .button-shadow{transform:translateY(1px)}.vintage-control-button.playing:hover:not(.disabled){filter:brightness(105%)}.vintage-control-button.playing:hover:not(.disabled) .button-front{transform:translateY(-1.5px);transition:transform .4s cubic-bezier(.3,.7,.4,1)}.vintage-control-button.playing:hover:not(.disabled) .button-shadow{transform:translateY(1.5px);transition:transform .4s cubic-bezier(.3,.7,.4,1)}.button-label{position:absolute;bottom:24px;right:2px;transform:translateZ(1px);z-index:1030;pointer-events:none;text-align:center;width:36px;height:16px;display:flex;align-items:center;justify-content:center;gap:3px}.icon-separator,.play-icon,.stop-icon{color:#4a3018;text-shadow:0 .5px 1px rgba(255,255,255,.3),0 -.5px 1px rgba(0,0,0,.5);line-height:1}.play-icon{font-size:8px}.stop-icon{font-size:10px;margin-top:-3px}.icon-separator{font-size:7px;margin:0 1px}.vintage-control-button.disabled{cursor:not-allowed}.button-text{font-family:Drogowskaz_lekki_owalny,Arial Black,sans-serif;font-size:8px;font-weight:700;color:#333;text-shadow:0 1px 1px rgba(255,255,255,.6),0 -1px 1px rgba(0,0,0,.2);letter-spacing:.5px;line-height:1;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.vintage-control-button.disabled .button-text{color:#888;text-shadow:0 1px 1px rgba(255,255,255,.3),0 -1px 1px rgba(0,0,0,.1)}.playing-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:radial-gradient(circle,#ff4444 0,#cc0000 100%);border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 6px rgba(255,68,68,.8),inset 0 1px 1px rgba(255,255,255,.4);animation:pulse 1.5s ease-in-out infinite}@keyframes recess-pulse{0%{box-shadow:inset 0 0 10px rgba(255,51,51,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}25%{box-shadow:inset 0 0 14px rgba(255,51,51,.7),inset 0 0 10px rgba(255,68,68,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}50%{box-shadow:inset 0 0 18px rgba(255,51,51,.8),inset 0 0 14px rgba(255,68,68,.6),inset 0 0 10px rgba(255,85,85,.4),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}75%{box-shadow:inset 0 0 14px rgba(255,51,51,.7),inset 0 0 10px rgba(255,68,68,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}to{box-shadow:inset 0 0 10px rgba(255,51,51,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}}@keyframes recess-pulse-smooth{0%{box-shadow:inset 0 0 10px rgba(255,51,51,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}50%{box-shadow:inset 0 0 16px rgba(255,51,51,.7),inset 0 0 12px rgba(255,68,68,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}to{box-shadow:inset 0 0 10px rgba(255,51,51,.5),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}}@keyframes recess-pulse-green{0%{box-shadow:inset 0 0 6px rgba(51,255,51,.3),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}25%{box-shadow:inset 0 0 9px rgba(51,255,51,.4),inset 0 0 8px rgba(68,255,68,.2),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}50%{box-shadow:inset 0 0 12px rgba(51,255,51,.5),inset 0 0 9px rgba(68,255,68,.3),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}75%{box-shadow:inset 0 0 9px rgba(51,255,51,.4),inset 0 0 8px rgba(68,255,68,.2),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}to{box-shadow:inset 0 0 6px rgba(51,255,51,.3),inset 0 0 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -2px 4px rgba(255,255,255,.1),0 0 4px rgba(0,0,0,.2)}}@keyframes pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 6px rgba(255,68,68,.8),inset 0 1px 1px rgba(255,255,255,.4)}50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 10px rgba(255,68,68,1),inset 0 1px 1px rgba(255,255,255,.4)}to{opacity:1;transform:scale(1);box-shadow:0 0 6px rgba(255,68,68,.8),inset 0 1px 1px rgba(255,255,255,.4)}}.volume-slider{position:absolute;left:8px;top:20px;bottom:20px;width:12px;z-index:1050;isolation:isolate;background:rgba(255,255,255,.01);transform:translateZ(3px)}.volume-slider-track{position:relative;width:6px;height:100%;background:transparent;border-radius:3px;margin:0 auto;box-shadow:inset 0 0 6px rgba(0,0,0,.4),inset 0 2px 3px rgba(0,0,0,.3),inset 0 -2px 3px rgba(255,255,255,.1),0 0 3px rgba(0,0,0,.2);border:0;isolation:isolate}.volume-slider-handle{position:absolute;left:-7px;width:20px;height:8px;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.25) 0,rgba(255,255,255,.12) 50%,transparent 100%),#c8c8c8;border-radius:6px;cursor:grab;border:1px solid #999;box-shadow:0 1px 3px rgba(0,0,0,.4),0 .5px 1px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2),inset 0 -1px 1px rgba(255,255,255,.3);transform:translateY(50%);transition:box-shadow .15s ease;isolation:isolate}.volume-slider-handle:hover{background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.3) 0,rgba(255,255,255,.15) 50%,transparent 100%),#d0d0d0;box-shadow:0 1px 4px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.15),inset 0 -1px 1px rgba(255,255,255,.35)}.volume-slider-handle:active{cursor:grabbing;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,transparent 100%),#c0c0c0;box-shadow:0 1px 2px rgba(0,0,0,.5),0 .5px 1px rgba(0,0,0,.4),inset 0 2px 3px rgba(0,0,0,.4),inset 0 -1px 1px rgba(255,255,255,.3)}.debug-track-slider{position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:200px;padding:10px;background:rgba(0,0,0,.8);border-radius:8px;z-index:1100;font-family:Drogowskaz,Monaco,Menlo,Consolas,monospace;color:#fff;font-size:11px;box-shadow:0 4px 12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2)}.debug-label{display:block;margin-bottom:5px;font-weight:700;color:#ffcc00;text-align:center}.debug-slider{width:100%;height:4px;background:#333;border-radius:2px;outline:none;margin-bottom:5px;appearance:none;-webkit-appearance:none;cursor:pointer}.debug-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:#ffcc00;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.debug-slider::-moz-range-thumb{height:14px;width:14px;border-radius:50%;background:#ffcc00;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.debug-time-info{text-align:center;color:#ccc;font-size:10px}.record{width:140px;height:140px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 25%,transparent 35%,transparent 65%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.08)),radial-gradient(circle at 20% 30%,rgba(255,255,255,.025) 1px,transparent 0),radial-gradient(circle at 70% 10%,rgba(0,0,0,.035) .5px,transparent 0),radial-gradient(circle at 40% 70%,rgba(255,255,255,.02) .8px,transparent 0),radial-gradient(circle at 85% 60%,rgba(0,0,0,.03) .3px,transparent 0),radial-gradient(circle at 15% 80%,rgba(255,255,255,.025) .6px,transparent 0),repeating-linear-gradient(45deg,transparent,rgba(255,255,255,.008) .5px,transparent 1px,rgba(0,0,0,.012) 1.5px,transparent 2px),conic-gradient(from 0deg,rgba(255,255,255,.015) 0deg,transparent 5deg,rgba(255,255,255,.025) 10deg,transparent 15deg,rgba(255,255,255,.012) 20deg,transparent 25deg,rgba(255,255,255,.03) 30deg,transparent 35deg,rgba(255,255,255,.018) 40deg,transparent 1turn),repeating-conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.008) .5deg,transparent 1deg,rgba(255,255,255,.005) 1.5deg,transparent 2deg),#0e0e0e;background-size:100% 100%,25px 25px,18px 18px,22px 22px,15px 15px,20px 20px,3px 3px,100% 100%,100% 100%,100% 100%;background-position:50%,0 0,8px 8px,12px 4px,20px 15px,5px 25px,50%,50%,50%,50%;border-radius:50%;position:relative;box-shadow:inset 0 1px 4px rgba(255,255,255,.12),inset 0 -2px 4px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);filter:drop-shadow(0 6px 15px rgba(0,0,0,.3)) drop-shadow(0 3px 8px rgba(0,0,0,.22)) drop-shadow(0 1px 4px rgba(0,0,0,.18));transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;cursor:grab;user-select:none;transform-style:preserve-3d}.record:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(139,69,19,.035) .5px,transparent 1px),radial-gradient(circle at 80% 40%,rgba(101,67,33,.025) .3px,transparent .8px),radial-gradient(circle at 50% 80%,rgba(160,82,45,.02) .4px,transparent .9px),radial-gradient(circle at 15% 60%,rgba(139,69,19,.03) .6px,transparent 1.2px),radial-gradient(circle at 75% 25%,rgba(80,60,40,.015) .7px,transparent 1.5px),radial-gradient(circle at 25% 75%,rgba(120,80,60,.012) .4px,transparent 1px),repeating-radial-gradient(circle at center,transparent 0,rgba(255,255,255,.008) 15px,transparent 16px,rgba(0,0,0,.012) 30px,transparent 31px,rgba(255,255,255,.006) 45px,transparent 46px),repeating-conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.004) .2deg,transparent .4deg,rgba(0,0,0,.006) .6deg,transparent .8deg);background-size:12px 12px,8px 8px,10px 10px,14px 14px,16px 16px,11px 11px,100% 100%,100% 100%;background-position:0 0,6px 6px,3px 9px,12px 2px,8px 4px,15px 10px,50%,50%;opacity:.4;pointer-events:none;z-index:1}.record:hover{transform:translateY(-3px);box-shadow:inset 0 1px 4px rgba(255,255,255,.15),inset 0 -2px 4px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);filter:drop-shadow(0 10px 24px rgba(0,0,0,.35)) drop-shadow(0 5px 15px rgba(0,0,0,.28)) drop-shadow(0 2px 8px rgba(0,0,0,.22))}.record:active{cursor:grabbing;transform:translateY(-5px);filter:drop-shadow(0 15px 35px rgba(0,0,0,.4)) drop-shadow(0 8px 20px rgba(0,0,0,.32)) drop-shadow(0 3px 12px rgba(0,0,0,.25))}.record.dragging{transform:rotate(5deg) scale(1.05);opacity:.8;cursor:grabbing}.record.on-player{transform-style:preserve-3d}.record.playing{box-shadow:0 0 20px rgba(255,255,255,.3)}.record-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#1a1a1a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.1);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;border:3px solid #1a1a1a}.record-label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.08) 1px,transparent 2px),radial-gradient(circle at 70% 20%,rgba(0,0,0,.06) .8px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.05) 1.2px,transparent 2.5px),radial-gradient(circle at 80% 70%,rgba(0,0,0,.04) .6px,transparent 1.2px),linear-gradient(45deg,rgba(139,69,19,.02),transparent 25%,rgba(160,82,45,.015) 50%,transparent 75%,rgba(101,67,33,.018));background-size:8px 8px,6px 6px,10px 10px,7px 7px,100% 100%;background-position:2px 5px,12px 3px,8px 15px,18px 12px,50%;opacity:.3;pointer-events:none;z-index:1}.label-text{font-size:8px;font-weight:700;margin-bottom:2px}.label-subtext,.label-text{color:#FFD700;text-align:center;line-height:1;font-family:serif}.label-subtext{font-size:6px;opacity:.8}.record-grooves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.groove{border:.2px solid rgba(255,255,255,.025);border-radius:50%;box-shadow:inset 0 0 .5px rgba(0,0,0,.9),inset 0 1px .5px rgba(0,0,0,.7),inset 0 -1px .5px rgba(255,255,255,.015),0 0 .2px rgba(255,255,255,.008);background:conic-gradient(from 0deg,rgba(0,0,0,.08) 0deg,rgba(0,0,0,.05) 45deg,rgba(0,0,0,.12) 90deg,rgba(0,0,0,.06) 135deg,rgba(0,0,0,.09) 180deg,rgba(0,0,0,.05) 225deg,rgba(0,0,0,.11) 270deg,rgba(0,0,0,.07) 315deg,rgba(0,0,0,.08) 1turn)}.groove,.song-break{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.song-break{border:.5px solid rgba(255,140,0,.15);border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.8),inset 0 2px 1px rgba(0,0,0,.6),inset 0 -2px 1px rgba(255,255,255,.02),0 0 .3px rgba(255,140,0,.12);background:conic-gradient(from 0deg,rgba(0,0,0,.15) 0deg,rgba(0,0,0,.08) 30deg,rgba(0,0,0,.18) 60deg,rgba(0,0,0,.1) 90deg,rgba(0,0,0,.16) 120deg,rgba(0,0,0,.09) 150deg,rgba(0,0,0,.2) 180deg,rgba(0,0,0,.12) 210deg,rgba(0,0,0,.17) 240deg,rgba(0,0,0,.09) 270deg,rgba(0,0,0,.19) 300deg,rgba(0,0,0,.11) 330deg,rgba(0,0,0,.15) 1turn)}.record:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px;border-radius:50%;background:radial-gradient(circle at center,rgba(20,20,20,1) 0,rgba(10,10,10,1) 70%,rgba(0,0,0,1) 100%);border:.5px solid #222;box-shadow:inset 0 1px 2px rgba(0,0,0,.95),inset 0 -.5px 1px rgba(255,255,255,.05),0 0 0 .5px rgba(40,40,40,.6),0 .5px 1px rgba(0,0,0,.4);pointer-events:none;z-index:2}@font-face{font-family:Drogowskaz;src:url(/fonts/Drogowskaz_lekki_owalny.woff2) format("woff2"),url(/fonts/Drogowskaz_lekki_owalny.woff) format("woff"),url(/fonts/Drogowskaz_lekki_owalny.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--book-font-family:"Palatino","Palatino Linotype","Book Antiqua",Georgia,serif;--drogoswaz-font-family:"Drogowskaz",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .3s ease-out}.loading-text{font-family:var(--book-font-family);font-size:1.3rem;color:var(--foreground);font-weight:400;font-style:italic;text-align:center}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);display:none;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width:768px){.mobile-overlay{display:flex}}.mobile-overlay-text{font-family:var(--book-font-family);font-size:1.2rem;color:white;font-weight:400;font-style:italic;text-align:center;padding:2rem;max-width:80%;line-height:1.5}.book-container{display:flex;justify-content:flex-start;align-items:center;min-height:100vh;background:transparent;padding:2rem;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;perspective:1500px;perspective-origin:left 40%}.book-container:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:300px;background:-webkit-radial-gradient(center center,ellipse,rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 40%,transparent 70%);background:radial-gradient(ellipse at center center,rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 40%,transparent 70%);z-index:-1;pointer-events:none}.book-container.mobile{padding:60px 1rem 1rem;perspective:none}.book-container.mobile .book{transform:none}.book-container.mobile .book-spine{display:none}.book-container.mobile .page{transform:none;box-shadow:none}.mobile-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#4a5d23,#5a6d33);color:white;text-align:center;padding:12px 16px;font-size:14px;font-weight:500;font-family:var(--book-font-family);z-index:2000;box-shadow:0 2px 8px rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.1)}.book-wrapper{cursor:default;perspective:1500px;perspective-origin:center 45%;transform-style:preserve-3d;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15)) drop-shadow(0 6px 12px rgba(0,0,0,.1)) drop-shadow(0 3px 6px rgba(0,0,0,.08));will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.book-wrapper.dragging{cursor:grabbing;user-select:none;filter:drop-shadow(0 8px 15px rgba(0,0,0,.15));transition:none!important}.book-drag-handle{position:fixed;top:0;left:0;width:80px;height:25px;background:linear-gradient(145deg,#f5f5f5,#e0e0e0);border-radius:12px;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.15),inset 0 1px 3px rgba(255,255,255,.7);border:1px solid #ddd;z-index:1500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center center}.book-drag-handle.dragging{transition:none!important;animation:none!important}.book-drag-handle.animate-in{animation:flyOutFromBook .08s cubic-bezier(.23,1,.32,1) forwards}.book-drag-handle.animate-out{animation:flyBackToBook .25s cubic-bezier(.4,0,.2,1) forwards}.book-drag-handle.player-drag-handle.animate-in{animation:flyOutFromPlayerSimple .08s cubic-bezier(.23,1,.32,1) forwards}.book-drag-handle.player-drag-handle.animate-out{animation:flyBackToPlayerSimple .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes flyOutFromBook{0%{opacity:0;transform:translate(-50%,25px) scale(.4) rotateX(30deg);filter:blur(2px)}30%{opacity:.5;transform:translate(-50%,12px) scale(.7) rotateX(12deg);filter:blur(1px)}70%{opacity:.9;transform:translate(-50%,2px) scale(.95) rotateX(3deg);filter:blur(.3px)}to{opacity:1;transform:translate(-50%) scale(1) rotateX(0deg);filter:blur(0)}}@keyframes flyBackToBook{0%{opacity:1;transform:translate(-50%) scale(1) rotateX(0deg);filter:blur(0)}30%{opacity:.8;transform:translate(-50%,8px) scale(.8) rotateX(15deg);filter:blur(1px)}to{opacity:0;transform:translate(-50%,25px) scale(.3) rotateX(30deg);filter:blur(3px)}}@keyframes flyOutFromPlayer{0%{opacity:0;transform:translate(calc(-50% + 0px),22px) scale(.4) rotateX(30deg);filter:blur(2px)}30%{opacity:.5;transform:translate(calc(-50% + 0px),10px) scale(.7) rotateX(12deg);filter:blur(1px)}70%{opacity:.9;transform:translate(calc(-50% + 0px),2px) scale(.95) rotateX(3deg);filter:blur(.3px)}to{opacity:1;transform:translate(calc(-50% + 0px)) scale(1) rotateX(0deg);filter:blur(0)}}@keyframes flyBackToPlayer{0%{opacity:1;transform:translate(calc(-50% + 0px)) scale(1) rotateX(0deg);filter:blur(0)}30%{opacity:.8;transform:translate(calc(-50% + 0px),7px) scale(.8) rotateX(15deg);filter:blur(1px)}to{opacity:0;transform:translate(calc(-50% + 0px),22px) scale(.3) rotateX(30deg);filter:blur(3px)}}@keyframes flyOutFromPlayerSimple{0%{opacity:0;scale:.4;filter:blur(2px);translate:0 20px}30%{opacity:.5;scale:.7;filter:blur(1px);translate:0 8px}70%{opacity:.9;scale:.95;filter:blur(.3px);translate:0 2px}to{opacity:1;scale:1;filter:blur(0);translate:0 0}}@keyframes flyBackToPlayerSimple{0%{opacity:1;scale:1;filter:blur(0);translate:0 0}30%{opacity:.8;scale:.8;filter:blur(1px);translate:0 7px}to{opacity:0;scale:.3;filter:blur(3px);translate:0 20px}}.book-drag-handle:hover{background:linear-gradient(145deg,#f0f0f0,#d5d5d5);box-shadow:0 3px 6px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.6)}.book-drag-handle:active{cursor:grabbing;background:linear-gradient(145deg,#d5d5d5,#c0c0c0);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.1)}.drag-dots{display:flex;gap:3px;align-items:center}.dot{width:4px;height:4px;background:#666;border-radius:50%;opacity:.8}.custom-tooltip{bottom:100%;margin-bottom:8px;padding:8px 12px;background:rgba(0,0,0,.9);color:white;font-size:12px;font-family:var(--drogoswaz-font-family);border-radius:6px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:2000;animation:tooltipFadeIn .2s ease-out;display:none}.custom-tooltip,.tooltip-arrow{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-arrow{top:100%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.9)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.book{transform:rotateX(8deg) rotateY(-3deg) rotate(-1.5deg);transform-style:preserve-3d;position:relative}.book-spine{top:0;width:40px;height:100%;background:linear-gradient(90deg,#3a1c10 0,#4a2c20 10%,#5d4037 20%,#7d5e47 35%,#8b6b57 50%,#7d5e47 65%,#5d4037 80%,#4a2c20 90%,#3a1c10);box-shadow:inset -6px 0 12px rgba(0,0,0,.5),inset 6px 0 12px rgba(139,69,19,.4),0 0 20px rgba(0,0,0,.4),-3px 0 15px rgba(0,0,0,.3),3px 0 8px rgba(139,69,19,.2);border-radius:3px;z-index:-1;opacity:1;transition:all .3s ease}.book-spine,.book-spine:before{position:absolute;left:50%;transform:translateX(-50%)}.book-spine:before{content:"";top:8%;width:3px;height:84%;background:linear-gradient(180deg,transparent 0,rgba(212,175,55,.3) 10%,rgba(139,69,19,.5) 25%,rgba(160,82,45,.7) 50%,rgba(139,69,19,.5) 75%,rgba(212,175,55,.3) 90%,transparent);border-radius:1.5px;box-shadow:0 0 4px rgba(212,175,55,.4)}.book-spine:after{content:"BEL AMI";position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#f4e787;font-family:var(--book-font-family);font-size:12px;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 3px rgba(244,231,135,.8),0 1px 3px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.5),1px 0 2px rgba(139,69,19,.4);white-space:nowrap;filter:contrast(1.2) brightness(1.1)}.book-spine:hover{opacity:1;box-shadow:inset -8px 0 16px rgba(0,0,0,.6),inset 8px 0 16px rgba(139,69,19,.5),0 0 25px rgba(0,0,0,.5),-4px 0 20px rgba(0,0,0,.4),4px 0 12px rgba(139,69,19,.3)}.book-wrapper:before{content:"";position:absolute;left:50%;top:-2px;width:2px;height:calc(100% + 4px);transform:translateX(-50%);background:linear-gradient(180deg,transparent 0,rgba(212,175,55,.6) 20%,rgba(244,231,135,.8) 50%,rgba(212,175,55,.6) 80%,transparent);border-radius:1px;z-index:-2;opacity:.8}.page{position:relative;overflow:hidden;box-sizing:border-box;word-wrap:break-word;hyphens:auto;transform-style:preserve-3d;backface-visibility:hidden;border-radius:0 3px 3px 0;box-shadow:inset 0 0 30px rgba(0,0,0,.12),0 8px 25px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1),inset -3px 0 8px rgba(0,0,0,.08),inset 0 -3px 6px rgba(0,0,0,.06)}.page:nth-child(2n){transform:skewY(.8deg) rotateX(2deg) rotate(.5deg) translateZ(2px);border-radius:3px 0 0 3px;box-shadow:inset 0 0 30px rgba(0,0,0,.12),0 12px 30px rgba(0,0,0,.25),0 6px 20px rgba(0,0,0,.18),0 3px 12px rgba(0,0,0,.12),inset -5px 0 12px rgba(0,0,0,.12),inset 0 -4px 8px rgba(0,0,0,.08),4px 0 15px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}.page:nth-child(odd){transform:skewY(-.8deg) rotateX(2deg) rotate(-.5deg) translateZ(2px);box-shadow:inset 0 0 30px rgba(0,0,0,.12),0 12px 30px rgba(0,0,0,.25),0 6px 20px rgba(0,0,0,.18),0 3px 12px rgba(0,0,0,.12),inset 5px 0 12px rgba(0,0,0,.12),inset 0 -4px 8px rgba(0,0,0,.08),-4px 0 15px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.05) 30%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.12));pointer-events:none;z-index:1}.page:nth-child(2n):after{right:auto;left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.05) 30%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.12))}.page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.02) 25%,transparent 50%,rgba(0,0,0,.01) 75%,transparent);pointer-events:none;z-index:1}.cover-page{background:linear-gradient(135deg,#78350f,#92400e);color:#fef3c7;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0 8px 8px 0;border:4px solid rgba(0,0,0,.2);position:relative;overflow:hidden;transform:translateZ(8px);box-shadow:0 0 0 3px rgba(139,69,19,.9),0 0 0 6px rgba(101,51,15,.7),0 0 0 8px rgba(78,35,10,.5),0 15px 40px rgba(0,0,0,.4),0 8px 25px rgba(0,0,0,.3),0 4px 15px rgba(0,0,0,.25),0 25px 60px rgba(0,0,0,.2),inset 0 3px 8px rgba(255,255,255,.15),inset 0 -3px 8px rgba(0,0,0,.25),inset -3px 0 6px rgba(0,0,0,.15),inset 3px 0 6px rgba(0,0,0,.15)}.cover-page:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,rgba(78,35,10,.8),rgba(101,51,15,.6) 25%,transparent 35%,transparent 65%,rgba(101,51,15,.6) 75%,rgba(78,35,10,.8));border-radius:12px;z-index:-1;pointer-events:none}.inner-cover-page{background:radial-gradient(circle at 30% 20%,rgba(120,53,15,.08) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(146,64,14,.06) 0,transparent 50%),linear-gradient(135deg,#f5f2e8,#ede7d3 25%,#f0ebd7 50%,#e8e0c7 75%,#f2ebdc);border-radius:6px;border:2px solid rgba(120,53,15,.1);position:relative;overflow:hidden;box-shadow:inset 0 0 40px rgba(120,53,15,.08),inset 0 0 20px rgba(146,64,14,.05),0 4px 15px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.08)}.inner-cover-page:before{background-image:radial-gradient(circle at 25% 25%,rgba(120,53,15,.04) 1px,transparent 0),radial-gradient(circle at 75% 75%,rgba(146,64,14,.03) 1px,transparent 0),radial-gradient(circle at 45% 65%,rgba(120,53,15,.035) .5px,transparent 0),radial-gradient(circle at 15% 85%,rgba(139,69,19,.02) 1.5px,transparent 0);background-size:18px 18px,22px 22px,28px 28px,35px 35px;background-position:0 0,9px 9px,14px 5px,20px 15px;opacity:.7}.inner-cover-page:after,.inner-cover-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.inner-cover-page:after{background:linear-gradient(45deg,transparent 48%,rgba(120,53,15,.018) 49%,rgba(120,53,15,.018) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(146,64,14,.012) 49%,rgba(146,64,14,.012) 51%,transparent 52%),linear-gradient(90deg,transparent 47%,rgba(139,69,19,.008) 49%,rgba(139,69,19,.008) 51%,transparent 53%);background-size:4px 4px,6px 6px,8px 8px;opacity:.85}.inner-cover-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;z-index:10}.inner-corner{position:absolute;width:3rem;height:3rem;opacity:.35}.inner-corner-top-left{left:1.5rem;border-left:1px solid rgba(120,53,15,.5);border-radius:4px 0 0 0}.inner-corner-top-left,.inner-corner-top-right{top:1.5rem;border-top:1px solid rgba(120,53,15,.5)}.inner-corner-top-right{right:1.5rem;border-right:1px solid rgba(120,53,15,.5);border-radius:0 4px 0 0}.inner-corner-bottom-left{left:1.5rem;border-left:1px solid rgba(120,53,15,.5);border-radius:0 0 0 4px}.inner-corner-bottom-left,.inner-corner-bottom-right{bottom:1.5rem;border-bottom:1px solid rgba(120,53,15,.5)}.inner-corner-bottom-right{right:1.5rem;border-right:1px solid rgba(120,53,15,.5);border-radius:0 0 4px 0}.cover-page:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath d=%22M0 0h100v100H0z%22 fill=%22none%22/%3E%3Cpath d=%22M20 20h60v60H20z%22 fill=%22none%22 stroke=%22%23d97706%22 stroke-width=%220.5%22 opacity=%220.3%22/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,rgba(255,255,255,.08) 1px,transparent 3px),radial-gradient(circle at 75% 75%,rgba(0,0,0,.08) 1px,transparent 3px),radial-gradient(circle at 50% 10%,rgba(212,175,55,.06) 2px,transparent 4px),linear-gradient(45deg,transparent 48%,rgba(255,255,255,.04) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,0,0,.04) 50%,transparent 52%),linear-gradient(90deg,transparent 49%,rgba(139,69,19,.03) 50%,transparent 51%);background-size:100% 100%,20px 20px,25px 25px,35px 35px,6px 6px,8px 8px,10px 10px;background-position:0 0,0 0,12px 12px,18px 8px,0 0,4px 4px,5px 5px;opacity:.3}.cover-page .title-container{text-align:center;z-index:10;display:flex;align-items:center;justify-content:center;height:100%}.cover-page .title{font-family:var(--drogoswaz-font-family);font-weight:700;letter-spacing:.1em;font-size:4.5rem;display:inline-block;transform:scale(1);transition:transform .3s ease;color:#d4af37;text-shadow:0 1px 0 #f4e787,0 -1px 0 rgba(0,0,0,.3),1px 1px 2px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cover-page .title.mobile{font-size:3rem}.cover-page .corner{position:absolute;width:4rem;height:4rem;opacity:.5}.cover-page .corner-top-left{top:1rem;left:1rem;border-top:2px solid #d97706;border-left:2px solid #d97706}.cover-page .corner-top-right{top:1rem;right:1rem;border-top:2px solid #d97706;border-right:2px solid #d97706}.cover-page .corner-bottom-left{bottom:1rem;left:1rem;border-bottom:2px solid #d97706;border-left:2px solid #d97706}.cover-page .corner-bottom-right{bottom:1rem;right:1rem;border-bottom:2px solid #d97706;border-right:2px solid #d97706}.dedication-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.dedication-page,.weathered-page{background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:4rem 3rem;box-sizing:border-box}.weathered-page.mobile{padding:2.5rem 2rem}.weathered-page:before{content:"";position:absolute;inset:0;opacity:.2}.weathered-page:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cfilter id=%22noise%22%3E%3CfeTurbulence baseFrequency=%220.9%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.92 0 0 0 0 0.87 0 0 0 0 0.69 0 0 0 0.1 0%22/%3E%3C/filter%3E%3C/defs%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23noise)%22/%3E%3C/svg%3E")}.weathered-page:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cfilter id=%22noise2%22%3E%3CfeTurbulence baseFrequency=%220.8%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.91 0 0 0 0 0.86 0 0 0 0 0.68 0 0 0 0.1 0%22/%3E%3C/filter%3E%3C/defs%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23noise2)%22/%3E%3C/svg%3E");opacity:.15}.weathered-page:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cfilter id=%22noise3%22%3E%3CfeTurbulence baseFrequency=%221.1%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.90 0 0 0 0 0.85 0 0 0 0 0.67 0 0 0 0.12 0%22/%3E%3C/filter%3E%3C/defs%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23noise3)%22/%3E%3C/svg%3E");opacity:.18}.weathered-page:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cfilter id=%22noise4%22%3E%3CfeTurbulence baseFrequency=%220.9%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.91 0 0 0 0 0.86 0 0 0 0 0.68 0 0 0 0.11 0%22/%3E%3C/filter%3E%3C/defs%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23noise4)%22/%3E%3C/svg%3E");opacity:.16}.weathered-page:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cfilter id=%22noise5%22%3E%3CfeTurbulence baseFrequency=%221.0%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.89 0 0 0 0 0.84 0 0 0 0 0.66 0 0 0 0.13 0%22/%3E%3C/filter%3E%3C/defs%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23noise5)%22/%3E%3C/svg%3E");opacity:.19}.weathered-page:nth-child(7):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cfilter id=%22noise6%22%3E%3CfeTurbulence baseFrequency=%220.8%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.90 0 0 0 0 0.85 0 0 0 0 0.67 0 0 0 0.14 0%22/%3E%3C/filter%3E%3C/defs%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23noise6)%22/%3E%3C/svg%3E");opacity:.17}.page-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.page-content.full-height{justify-content:center;align-items:center;text-align:center}.dedication-text{line-height:1.75;margin-bottom:1rem;font-style:italic;border:2px dotted #572a0d;padding:3rem 3rem 2.5rem;border-radius:50%}.dedication-text,.quote-title{font-family:var(--book-font-family);color:#572a0d;font-size:.9em}.quote-title{margin-bottom:1.5rem;text-align:center;border:2px dotted #572a0d;padding:1rem;line-height:1.2}.quote-title:before{content:"“";font-size:1.5em}.quote-title:after{content:"”";font-size:1.2em}.page-text{font-family:var(--book-font-family);color:#572a0d;line-height:1.75;font-size:1.125rem;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.page-text.mobile{font-size:.9rem;line-height:1.6;margin-bottom:.8rem}.page-text.italic{font-style:italic}.content-wrapper{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}@media (max-width:768px){.content-wrapper{max-height:calc(100% - 4rem)}.page-text{margin-bottom:.6rem}.weathered-page{padding:2.5rem 2rem}.page-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.end-box{padding:1.5rem}}.page-text em{font-style:italic;word-wrap:break-word}.content-wrapper p{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:8%}.page-number{text-align:center;color:#b45309;font-size:.875rem;margin-top:1rem;font-family:var(--book-font-family)}.end-box{border:2px solid #fbbf24;padding:2rem;background-color:rgba(255,251,235,.5);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.end-title{font-family:var(--book-font-family);font-weight:700;color:#78350f;margin-bottom:1rem;font-size:1.5rem}.end-title.mobile{font-size:1.25rem}.end-quote{font-family:var(--book-font-family);color:#92400e;font-style:italic;font-size:1.125rem}.end-quote.mobile{font-size:1rem}.end-page-number{text-align:center;color:#b45309;font-size:.875rem;margin-top:2rem;font-family:var(--book-font-family)}.back-cover-page{background:linear-gradient(135deg,#78350f,#92400e);color:#fef3c7;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px 0 0 8px;border:4px solid rgba(0,0,0,.2);position:relative;overflow:hidden;transform:translateZ(8px);box-shadow:0 0 0 3px rgba(139,69,19,.9),0 0 0 6px rgba(101,51,15,.7),0 0 0 8px rgba(78,35,10,.5),0 15px 40px rgba(0,0,0,.4),0 8px 25px rgba(0,0,0,.3),0 4px 15px rgba(0,0,0,.25),0 25px 60px rgba(0,0,0,.2),inset 0 3px 8px rgba(255,255,255,.15),inset 0 -3px 8px rgba(0,0,0,.25),inset -3px 0 6px rgba(0,0,0,.15),inset 3px 0 6px rgba(0,0,0,.15)}.back-cover-page:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath d=%22M0 0h100v100H0z%22 fill=%22none%22/%3E%3Cpath d=%22M20 20h60v60H20z%22 fill=%22none%22 stroke=%22%23d97706%22 stroke-width=%220.5%22 opacity=%220.3%22/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,rgba(255,255,255,.08) 1px,transparent 3px),radial-gradient(circle at 75% 75%,rgba(0,0,0,.08) 1px,transparent 3px),radial-gradient(circle at 50% 10%,rgba(212,175,55,.06) 2px,transparent 4px),linear-gradient(45deg,transparent 48%,rgba(255,255,255,.04) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,0,0,.04) 50%,transparent 52%),linear-gradient(90deg,transparent 49%,rgba(139,69,19,.03) 50%,transparent 51%);background-size:100% 100%,20px 20px,25px 25px,35px 35px,6px 6px,8px 8px,10px 10px;background-position:0 0,0 0,12px 12px,18px 8px,0 0,4px 4px,5px 5px;opacity:.3}.back-cover-page:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,rgba(78,35,10,.8),rgba(101,51,15,.6) 25%,transparent 35%,transparent 65%,rgba(101,51,15,.6) 75%,rgba(78,35,10,.8));border-radius:12px;z-index:-1;pointer-events:none}.water-stained-page{position:relative}.water-stain{position:absolute;bottom:15px;right:12px;width:28px;height:35px;background:radial-gradient(ellipse 12px 18px at 40% 45%,rgba(139,69,19,.15) 0,transparent 70%),radial-gradient(ellipse 20px 28px at 50% 50%,rgba(139,69,19,.08) 0,transparent 80%),radial-gradient(ellipse 25px 32px at 45% 55%,rgba(120,53,15,.05) 0,transparent 85%);border-radius:45% 35% 60% 40%;opacity:.6;transform:rotate(-8deg);pointer-events:none;z-index:20;mix-blend-mode:multiply}.water-stain:after{content:"";position:absolute;top:-8px;left:15px;width:8px;height:12px;background:radial-gradient(ellipse at center,rgba(139,69,19,.1) 0,transparent 60%);border-radius:50% 40% 60% 35%;transform:rotate(25deg);opacity:.4}.water-stain-extra{position:absolute;top:45px;left:25px;width:22px;height:28px;background:radial-gradient(ellipse 10px 14px at 45% 40%,rgba(139,69,19,.12) 0,transparent 65%),radial-gradient(ellipse 16px 22px at 50% 50%,rgba(139,69,19,.06) 0,transparent 75%),radial-gradient(ellipse 20px 26px at 40% 60%,rgba(120,53,15,.04) 0,transparent 80%);border-radius:50% 40% 55% 45%;opacity:.5;transform:rotate(15deg);pointer-events:none;z-index:20;mix-blend-mode:multiply}.water-stain-extra:after{content:"";position:absolute;top:12px;right:-6px;width:6px;height:9px;background:radial-gradient(ellipse at center,rgba(139,69,19,.08) 0,transparent 55%);border-radius:60% 30% 50% 40%;transform:rotate(-30deg);opacity:.3}@keyframes hiddenRecordSlideIn{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}.hidden-record-animate-in{animation:hiddenRecordSlideIn 1s cubic-bezier(.4,0,.2,1) forwards;position:relative;overflow:visible}.hidden-record-initial{opacity:0;transform:translateY(-200px)}