:root{--bg:#C6C8BE;--fg:#22241E;--muted:#5C6053;--rule:#A8AC9E;--panel:#D3D5CB;--case:#C9C2AE;--case-hi:#E4DECB;--case-lo:#9C947C;--case-deep:#6E684F;--silk:#4A452F;--silk-soft:#6B6448;--lcd:#A8B09A;--lcd-hi:#B7BEA8;--ghost:#9BA38D;--ink:#1E2118;--tie:#A63525;--accent:#B4402F}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#181A15;--fg:#DFDDCF;--muted:#8D9081;--rule:#33362D;--panel:#22241E}}:root[data-theme=dark]{--bg:#181A15;--fg:#DFDDCF;--muted:#8D9081;--rule:#33362D;--panel:#22241E}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Golos Text,Segoe UI,system-ui,sans-serif;padding:32px 20px 56px;display:flex;flex-direction:column;align-items:center}.wrap{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:26px}header{width:100%;display:flex;flex-direction:column;gap:10px}.eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;display:flex;align-items:center;gap:12px}.eyebrow{flex-wrap:wrap}.rule{flex:1 1 20px;min-width:0;height:1px;background:var(--rule)}.byline{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;transition:color .15s}.byline:hover{color:var(--accent)}.byline:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.mark{flex:0 0 auto;aspect-ratio:1;-webkit-mask:url(./logo-DOupEakk.png) center/contain no-repeat;mask:url(./logo-DOupEakk.png) center/contain no-repeat}.byline-mark{width:20px;background-color:currentColor}.plate-mark{width:16px;background-color:var(--silk-soft);opacity:.85}h1{font-family:Russo One,sans-serif;font-weight:400;font-size:clamp(30px,7vw,44px);line-height:1.04;margin:0;text-wrap:balance;min-width:0}h1 em{font-style:normal;color:var(--accent)}.lede{margin:0;max-width:56ch;color:var(--muted);font-size:15px;line-height:1.55}.device{width:100%;padding:14px 14px 16px;border-radius:26px 26px 34px 34px;background:linear-gradient(148deg,var(--case-hi) 0%,var(--case) 26%,var(--case) 72%,var(--case-lo) 100%);box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #00000038,inset 3px 0 #ffffff2e,inset -3px 0 #0000001f,0 26px 44px -18px #1416108c,0 2px 0 var(--case-deep)}.brandbar{display:flex;align-items:center;gap:10px;padding:2px 8px 12px}.brand{font-family:Russo One,sans-serif;font-size:14px;letter-spacing:.1em;color:var(--silk)}.model{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--silk-soft);border:1px solid rgba(74,69,47,.4);border-radius:3px;padding:2px 5px}.stripe{flex:1;height:6px;border-radius:3px;opacity:.85;background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 22px)}.screen{position:relative;border-radius:12px;padding:10px;background:linear-gradient(180deg,#3b3b31,#2a2a23);box-shadow:inset 0 3px 7px #0009,0 1px #ffffff59;min-height:60px}.screen svg{display:block;width:100%;height:auto;border-radius:4px;background:linear-gradient(170deg,var(--lcd-hi),var(--lcd) 45%,#9AA28C);box-shadow:inset 0 0 22px #3c463059}#lcd{font-family:Golos Text,sans-serif;cursor:pointer}#lcd .seg{color:var(--ghost);opacity:.26}#lcd .seg.on{color:var(--ink);opacity:1}#lcd .lit{color:var(--ink)}#lcd .hole{fill:var(--lcd)}#lcd .tie{fill:var(--tie)}#lcd .holeline{stroke:var(--lcd)}#lcd text{fill:currentColor}.deck{margin-top:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.pad{display:flex;flex-direction:column;gap:9px}.dbtn{width:52px;height:38px;border:0;border-radius:9px;cursor:pointer;background:linear-gradient(180deg,#5c5b52,#37362f);box-shadow:0 3px #232219,inset 0 1px #ffffff38;color:#d9d6c6;font-size:16px;line-height:1;display:grid;place-items:center;transition:transform .05s,box-shadow .05s}.dbtn:active,.dbtn.hit{transform:translateY(3px);box-shadow:0 0 #232219,inset 0 1px #ffffff26}.dbtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.center{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.modes{display:flex;gap:8px}.mbtn{border:0;border-radius:7px;padding:8px 10px 7px;cursor:pointer;font-family:Russo One,sans-serif;font-size:10px;letter-spacing:.06em;background:linear-gradient(180deg,#d8d3be,#b3ac92);color:#3a3524;box-shadow:0 3px #8a8368,inset 0 1px #fff9;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px;transition:transform .05s,box-shadow .05s}.mbtn small{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.04em;opacity:.66;font-weight:600}.mbtn.b{background:linear-gradient(180deg,#d2705f,#ac3a29);color:#fcefe9;box-shadow:0 3px #7c2618,inset 0 1px #ffffff59}.mbtn:active{transform:translateY(3px);box-shadow:0 0 #8a8368}.mbtn.b:active{box-shadow:0 0 #7c2618}.mbtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hint{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.1em;color:#5b5540;text-transform:uppercase;min-height:12px;text-align:center}.hint.blink{animation:soft 1.6s ease-in-out infinite}@keyframes soft{0%,to{opacity:1}50%{opacity:.25}}.footplate{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--silk-soft);border-top:1px solid rgba(74,69,47,.22);padding-top:9px;flex-wrap:wrap}.plate{display:flex;align-items:center;gap:7px}.ctrls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sw{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none}.sw input{accent-color:var(--accent);margin:0}.vol{display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none}.vol input[type=range]{-webkit-appearance:none;appearance:none;width:66px;height:5px;border-radius:3px;margin:0;background:linear-gradient(180deg,#8a8368,#b6af95);box-shadow:inset 0 1px 2px #00000073;cursor:pointer}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:17px;border-radius:2px;border:0;background:linear-gradient(180deg,#5c5b52,#33322b);box-shadow:0 1px #ffffff59,0 1px 3px #0006;cursor:pointer}.vol input[type=range]::-moz-range-thumb{width:11px;height:17px;border:0;border-radius:2px;background:#45443c;box-shadow:0 1px #ffffff59;cursor:pointer}.vol input[type=range]:focus-visible,.sw input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spec{width:100%;margin:0;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:0 26px}.spec>div{padding:14px 0 16px;border-bottom:1px solid var(--rule)}.spec dt{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.spec dd{margin:0;font-size:13.5px;line-height:1.5}.spec dd b{font-family:JetBrains Mono,monospace;font-weight:600;font-variant-numeric:tabular-nums}.key{font-family:JetBrains Mono,monospace;font-size:11px;border:1px solid var(--rule);border-radius:4px;padding:1px 5px;background:var(--panel)}#rec{color:var(--accent);font-size:22px;font-family:JetBrains Mono,monospace;font-weight:600;font-variant-numeric:tabular-nums}.unit{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-left:6px}footer{width:100%;display:flex;flex-direction:column;gap:22px}.foot-label{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.flinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 26px}.flink{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--fg)}.flink-name{font-family:Golos Text,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3;display:flex;align-items:center;gap:8px;transition:color .15s}.flink-name:after{content:"→";color:var(--accent);font-weight:400;transition:transform .15s}.flink:hover .flink-name{color:var(--accent)}.flink:hover .flink-name:after{transform:translate(4px)}.flink-url{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--muted)}.flink:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.socials{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px}.socials a{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);text-decoration:none;padding-bottom:3px;border-bottom:1px solid var(--rule);transition:color .15s,border-color .15s}.socials a:hover{color:var(--accent);border-bottom-color:var(--accent)}.socials a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.fineprint{margin:0;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--muted);line-height:1.8}@media(prefers-reduced-motion:reduce){.hint.blink{animation:none}.dbtn,.mbtn,.flink-name,.flink-name:after,.socials a,.byline{transition:none}}@media(max-width:520px){.dbtn{width:44px;height:34px}.mbtn{min-width:56px;padding:7px 5px}}