@font-face{font-family:CMYKERNotes;src:url('Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
.dn-reviews,.wm-player,.cf-footer{box-sizing:border-box;font-family:Arial,sans-serif}
.dn-reviews *,.wm-player *,.cf-footer *{box-sizing:border-box}
#reviews.dn-reviews{width:min(2005px,98%);margin:52px auto 0;padding:0;position:relative;scroll-margin-top:90px;background:#000;color:#eeeee6}
.dn-board{position:relative;aspect-ratio:2005/784;container-type:inline-size}
.dn-backdrop{display:block;width:100%;height:auto}
.dn-mobile-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dn-slot{position:absolute;top:39%;height:40.8%;width:14.2%;margin:0;padding:0;background:none;border:0;transform:none!important}
.dn-slot[data-slot="0"]{left:16.5%}.dn-slot[data-slot="1"]{left:33.5%}.dn-slot[data-slot="2"]{left:50.45%}.dn-slot[data-slot="3"]{left:67.4%}
.dn-copy{display:grid;grid-template-rows:1fr auto auto;gap:1cqi;padding:1.15cqi 1cqi .8cqi;width:100%;height:100%;border:0;background:transparent;color:#22251f;text-align:left;cursor:pointer;opacity:1;transition:opacity 180ms ease;box-shadow:none;border-radius:2px}
.dn-copy.is-fading{opacity:0}
.dn-quote{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;font:500 clamp(16px,1.65cqi,33px)/1.05 CMYKERNotes,'Segoe Print',serif;overflow-wrap:break-word;min-height:0}
.dn-author{font:600 clamp(14px,1.5cqi,30px)/1 CMYKERNotes,'Segoe Print',serif;text-align:right;color:#27291f;overflow-wrap:break-word}
.dn-rating{font:clamp(13px,1.4cqi,28px)/1.1 Arial,sans-serif;letter-spacing:.25cqi;white-space:nowrap;text-align:center;color:#262920}
.dn-letter{font:clamp(8px,.65cqi,13px)/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.dn-arrow{position:absolute;top:55%;transform:translateY(-50%);width:54px;min-height:54px;background:#050505a6;border:0;border-radius:50%;color:#d9e82a;font:36px/1 Arial,sans-serif;cursor:pointer;text-shadow:0 2px 8px #000;transition:color .2s,background .2s}
.dn-arrow:hover{background:#050505e6;color:#fff}.dn-prev{left:10.5%}.dn-next{right:11%}
.dn-arrow[hidden],.wm-controls[hidden],.wm-bottom[hidden]{display:none!important}
.dn-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 3% 26px;color:#999c90;font:11px/1.65 Arial,sans-serif}
.dn-caption p{margin:0}.dn-caption .dn-page{color:#cbd250;white-space:nowrap;font-family:monospace}
.dn-reviews :focus-visible,.wm-player :focus-visible,.cf-footer :focus-visible{outline:2px solid #d6e82b;outline-offset:4px}
.dn-dialog{width:min(660px,calc(100% - 30px));max-height:85dvh;background:#eee7d9;color:#25271f;border:1px solid #6d6e59;border-radius:8px;padding:30px;overscroll-behavior:contain}
.dn-dialog::backdrop{background:#000d;backdrop-filter:blur(4px)}
.dn-dialog button{float:right;width:44px;height:44px;border:1px solid #a49f8e;background:transparent;font:26px Arial;cursor:pointer;color:#27291f}
.dn-dialog h3{font:600 29px/1.2 CMYKERNotes,serif;margin:24px 0 6px;color:inherit}
.dn-dialog blockquote,.dn-archive blockquote{padding:0;margin:25px 0;white-space:pre-line;font:17px/1.65 Georgia,serif;color:inherit;border:0}
.dn-dialog p{font:12px/1.6 Arial,sans-serif;color:#626354}.dn-kicker{letter-spacing:.13em}.dn-archive{padding:24px}
#music.cmyker-music-finale{padding-top:0;background:#000}
.cm-scene{min-height:780px;padding:36px 2% 38px;max-width:1700px}.cm-right{width:49%;max-width:740px}.cm-logo{width:73%;margin:0 auto 26px}
.wm-player{width:100%;container-type:inline-size;color:#ddded5}
.wm-song-title{font:600 clamp(16px,3.7cqi,26px)/1.2 Arial,sans-serif;color:#eee;margin:0;text-align:center;letter-spacing:-.02em}
.wm-subtitle{font:11px/1.5 Arial,sans-serif;color:#a3a69a;text-align:center;margin:8px 0 10px}
.wm-device{position:relative;width:100%;aspect-ratio:3/2}
.wm-art{display:block;width:100%;height:auto}
.wm-key{position:absolute;top:74.6%;width:12.8%;height:14.1%;min-height:36px;border:0;border-radius:9%;background:transparent;box-shadow:none;cursor:pointer}
.wm-key:hover{background:#d6e33114;box-shadow:inset 0 0 0 1px #d6e36a88}
.wm-key:active{background:#0005}.wm-rewind{left:14.2%}.wm-play{left:29.2%}.wm-forward{left:44.1%}.wm-stop{left:59.2%}
.wm-play span{display:none}.wm-play[aria-pressed="true"] span{display:grid;place-items:center;position:absolute;inset:22% 28%;background:#e9a000;color:#080a05;font:bold clamp(16px,5cqi,35px)/1 Arial,sans-serif}
.wm-key:disabled{cursor:default}
.wm-rotor{position:absolute;top:34.37%;width:9.2%;aspect-ratio:1;border-radius:50%;background-image:url('walkman-front.png');background-repeat:no-repeat;background-size:1086.95652% auto;transform:rotate(var(--rotor-angle,0deg));pointer-events:none}
.wm-rotor-left{left:25.37%;background-position:27.9405% 39.8706%}
.wm-rotor-right{left:51.54%;background-position:56.7621% 39.8706%}
.wm-film-window{position:absolute;left:37.35%;top:34.9%;width:11.5%;height:12.8%;background:#080907;overflow:hidden;border:1px solid #323129;border-radius:2px;box-shadow:inset 0 0 8px #000}
.wm-film{position:absolute;top:50%;width:94%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#3b2c21 0 1px,#1f1914 1.5px 2.5px);transform:translate(-50%,-50%) scale(var(--film-radius,1));border:1px solid #574132;box-shadow:0 0 8px #000}
.wm-film-left{left:-4%}.wm-film-right{left:104%;--film-radius:.48}.wm-tape-line{position:absolute;left:0;right:0;bottom:2px;height:2px;background:#4d3829}
.wm-volume{position:absolute;left:82.8%;top:21.9%;width:7.2%;height:45.1%;background:linear-gradient(90deg,#252523 0%,#151613 28%,#030402 31%,#030402 66%,#292c25 70%,#20221d 100%);border:1px solid #737568;border-radius:5px;box-shadow:inset 0 1px 3px #000}
.wm-volume input{writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;margin:0;background:transparent;cursor:ns-resize;border:0;padding:0}
.wm-volume::after{content:'';position:absolute;pointer-events:none;left:-3%;width:106%;height:22%;top:calc(78% * (1 - var(--volume,1)));border:1px solid #969b86;border-radius:3px;background:linear-gradient(#aeb0a4,#62655c 18%,#cacdc0 22%,#898c7f 48%,#3a3e34 53%,#8e9184 59%,#606456 88%,#b6b9ac);box-shadow:0 3px 4px #000}
.wm-volume input{opacity:0;position:relative;z-index:1;touch-action:none}.wm-volume:focus-within{outline:2px solid #d6e82b;outline-offset:4px}.wm-timeline input{touch-action:none}
.wm-volume input::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent}
.wm-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:100%;height:8cqi;border-radius:3px;border:1px solid #999d88;background:linear-gradient(#aeb0a4,#62655c 18%,#cacdc0 22%,#898c7f 48%,#3a3e34 53%,#8e9184 59%,#606456 88%,#b6b9ac);box-shadow:0 3px 4px #000}
.wm-volume input::-moz-range-track{background:transparent}.wm-volume input::-moz-range-thumb{width:5cqi;height:8cqi;border-radius:3px;border:1px solid #999d88;background:linear-gradient(#b1b4a6,#62655a,#c8cabc,#707564,#aaae9d)}
.wm-volume-value{position:absolute;left:82%;top:73%;width:9%;font:clamp(8px,1.6cqi,12px)/1 monospace;text-align:center;color:#ced039}
.wm-display{position:absolute;top:24.2%;left:35.3%;width:31%;height:4%;background:#292d23;font:600 clamp(7px,1.5cqi,11px)/1.3 monospace;letter-spacing:.08em;color:#d1d72a;padding:.4% .7%;white-space:nowrap}
.wm-bottom{display:flex;align-items:center;gap:16px;margin:0 6%}.wm-timeline{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.wm-timeline input{width:100%;min-width:0;height:36px;accent-color:#d3df32;cursor:pointer;margin:0;padding:0}.wm-timeline output{font:11px/1 monospace;white-space:nowrap;color:#bfc2b2}
.wm-bottom button{font:9px/1 Arial,sans-serif;min-height:40px;border:1px solid #414633;border-radius:3px;background:#12150e;color:#c9d436;padding:8px;cursor:pointer}
.wm-native{width:88%;margin:0 6%;color-scheme:dark}.wm-native.is-enhanced{display:none}.wm-status{min-height:18px;font:10px/1.5 Arial,sans-serif;color:#9ea48f;text-align:center;margin:12px 6% 0}
.wm-player.is-playing .wm-status{color:#ccd846}
.cf-footer{background:#000;padding:25px 5%;border-top:1px solid #25271f;color:#b7bbae}.cf-compact{display:flex;align-items:center;justify-content:space-between;gap:25px}.cf-links{display:flex;flex-wrap:wrap;gap:15px 24px}.cf-links a{color:#c4c7bc;text-decoration:none;font:13px/1.6 Arial,sans-serif}.cf-links a:hover{color:#d6e82b}.cf-pending{font:10px/1.6 Arial,sans-serif;color:#797e6d}.cf-metrika{min-width:125px}.qa-note{text-align:center;padding:10px;color:#b9bc9d;background:#171a10;font:11px/1.4 Arial,sans-serif;margin:0}
@media(max-width:1100px){.dn-board{aspect-ratio:auto;height:640px;background:#090a08 url('designer-desk-bg-v1.png') center/auto 100% no-repeat;border:1px solid #595d30;border-radius:16px}.dn-backdrop{display:none}.dn-mobile-title{position:relative;clip:auto;width:auto;height:auto;margin:0;padding:30px 25px;white-space:normal;overflow:visible;font:700 32px/1.05 CMYKERArchive,Arial,sans-serif;color:#f2f0e7}.dn-mobile-title span{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-top:14px;color:#c9cabc}.dn-slot{top:175px;left:50%!important;margin-left:-160px;width:320px;height:403px;background:url('designer-notes-fixed-v2.png') 18.84% 65% / 652% auto no-repeat;border-radius:12px;overflow:hidden}.dn-slot:not([data-slot="0"]){display:none}.dn-copy{position:absolute;top:12%;left:4%;width:92%;height:85%;padding:19px 21px 14px;gap:17px}.dn-quote{font-size:29px;line-height:1.05;-webkit-line-clamp:7}.dn-author{font-size:27px;line-height:1.1}.dn-rating{font-size:24px;letter-spacing:4px}.dn-letter{font-size:10px}.dn-arrow{top:380px}.dn-prev{left:calc(50% - 225px)}.dn-next{right:calc(50% - 225px)}.dn-caption{padding-inline:15px;align-items:start}.dn-caption p:last-child{max-width:450px}.cm-scene{min-height:680px}.cm-right{width:50%}}
@media(max-width:700px){#reviews.dn-reviews{width:100%;margin-top:24px}.dn-board{border-radius:0;border-left:0;border-right:0;height:635px}.dn-mobile-title{font-size:30px;padding:30px 22px}.dn-slot{width:calc(100% - 96px);max-width:320px;height:auto;aspect-ratio:320/403;left:50%!important;top:175px;margin-left:0;transform:translateX(-50%)!important}.dn-copy{padding:5% 6% 4%;gap:12px}.dn-quote{font-size:clamp(23px,6.8vw,29px);-webkit-line-clamp:7}.dn-author{font-size:clamp(22px,6vw,27px)}.dn-rating{font-size:21px;letter-spacing:2px}.dn-prev{left:1px}.dn-next{right:1px}.dn-arrow{width:44px;min-height:48px;top:365px;font-size:29px}.dn-caption{flex-direction:column;gap:8px;font-size:10px}.dn-dialog{padding:22px}.cm-scene{min-height:0;padding:24px 0 24px}.cm-right{width:100%;max-width:520px}.cm-logo{width:min(300px,82%);margin-bottom:315px}.wm-subtitle{font-size:10px}.wm-song-title{font-size:21px}.wm-volume{width:7.2%;left:82.8%}.wm-volume input{min-width:25px}.wm-bottom{gap:8px}.wm-timeline{gap:7px}.wm-timeline output{font-size:10px}.wm-bottom button{font-size:8px}.cf-compact{flex-direction:column;align-items:flex-start}.cf-links{gap:12px 20px}}
@media(max-width:360px){.dn-board{height:550px}.dn-slot{top:150px}.dn-arrow{top:310px}.dn-copy{gap:9px}.dn-quote{font-size:23px;-webkit-line-clamp:6}.dn-author{font-size:21px}.dn-rating{font-size:18px}.dn-mobile-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.dn-copy,.dn-arrow{transition:none}}