.os7{position:relative;width:100%;height:100%;box-sizing:border-box;font-family:Geneva,Helvetica Neue,Arial,sans-serif;color:#000;background-color:#8a8a92;background-image:repeating-conic-gradient(#80808a,#80808a 25%,#969aa2 0%,#969aa2 50%);background-size:4px 4px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;overflow:hidden}.os7__menubar{display:flex;align-items:center;gap:20px;height:22px;padding:0 12px;background:#fff;border-bottom:1px solid #000;font-size:14px;flex:none}.os7__apple:before{content:""}.os7__appname{margin-left:auto;font-weight:700}.desktop{position:relative;flex:1;min-height:0}.desktop__icons{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:18px}.icon{width:76px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font:inherit}.icon__label{font-size:12px;color:#000;padding:0 5px;background:#d9dbe0;border-radius:2px}.icon[data-selected=true] .icon__label{background:#000;color:#fff}.icon[data-selected=true] .icon__glyph{filter:invert(1)}.icon__glyph{position:relative}.icon__glyph--work{width:50px;height:38px;background:#f6f3e6;border:2px solid #000;border-radius:0 4px 4px}.icon__glyph--work:before{content:"";position:absolute;top:-7px;left:-2px;width:22px;height:8px;background:#f6f3e6;border:2px solid #000;border-bottom:none;border-radius:4px 7px 0 0}.icon__glyph--music{width:44px;height:44px;border-radius:50%;background:#d6d8e2;border:2px solid #000}.icon__glyph--music:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:#fff;border:2px solid #000;border-radius:50%}.icon__glyph--about{width:38px;height:46px;background:#fff;border:2px solid #000;display:grid;place-items:center;font:700 26px Georgia,Times New Roman,serif}.icon__glyph--about:after{content:"i"}.icon__glyph--mixer{width:46px;height:42px;background:#fff;border:2px solid #000;background-image:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 12px);background-position:6px center;background-repeat:no-repeat;background-size:30px 100%}.icon__glyph--talk{width:50px;height:36px;background:#fff;border:2px solid #000;border-radius:9px}.icon__glyph--talk:after{content:"";position:absolute;bottom:-9px;left:11px;width:0;height:0;border:6px solid transparent;border-top-color:#000}.win{position:absolute;background:#fff;border:2px solid #000;box-shadow:3px 3px #0006;display:flex;flex-direction:column;min-height:0;max-height:calc(100% - 44px)}.win__bar{display:flex;align-items:center;height:22px;padding:0 8px;border-bottom:2px solid #000;background:repeating-linear-gradient(to bottom,#000 0,#000 1px,#fff 1px,#fff 3px);cursor:grab;flex:none}.win__close{width:12px;height:12px;background:#fff;border:2px solid #000;cursor:pointer;flex:none}.win__title{margin:0 auto;padding:0 10px;background:#fff;font-weight:700;font-size:13px}.win__body{padding:12px;overflow:auto;font-size:13px;min-height:0}.os7-btn{font:inherit;font-weight:700;font-size:13px;padding:5px 16px;background:#fff;color:#000;border:2px solid #000;border-radius:9px;box-shadow:2px 2px #000;cursor:pointer}.os7-btn:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.os7-btn:disabled{opacity:.4;cursor:default}.work__list{display:flex;flex-direction:column;gap:2px}.work__item{display:flex;align-items:center;gap:12px;padding:7px 8px;background:none;border:none;font:inherit;text-align:left;cursor:pointer;color:#000}.work__item:hover{background:#000;color:#fff}.work__doc{width:22px;height:28px;flex:none;background:#fff;border:2px solid #000;position:relative}.work__doc:after{content:"";position:absolute;top:-2px;right:-2px;border-width:0 0 8px 8px;border-style:solid;border-color:transparent transparent #000 #000}.work__item-text{display:flex;flex-direction:column}.work__item-title{font-size:15px;font-weight:700}.work__item-cat{font-size:12px;opacity:.7}.work__detail{display:flex;flex-direction:column;gap:6px}.work__detail-title{font-size:20px;font-weight:700;margin:0}.work__detail-cat{font-size:12px;font-weight:700}.work__detail-desc{font-size:14px;line-height:1.45;margin:0 0 8px}.about__title{font-size:18px;margin:0 0 8px}.about p{font-size:13px;line-height:1.5;margin:0 0 10px}.win__body:has(.wa){padding:0}.wa{background:linear-gradient(#3c3c46,#26262c);color:#c9d2c9;font-family:Courier New,monospace;padding:8px;display:flex;flex-direction:column;gap:7px;border-top:1px solid #54545e}.wa__lcd{background:#08110a;border:1px solid #000;box-shadow:inset 0 0 0 1px #143a20;padding:7px 9px;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center}.wa__time{grid-row:1 / span 2;font:700 26px Courier New,monospace;color:#2bd66e;text-shadow:0 0 7px rgba(43,214,110,.6);letter-spacing:1px}.wa__eq{display:flex;align-items:flex-end;gap:1px;height:28px}.wa__eq span{width:3px;height:2px;background:#2bd66e}.wa__info{overflow:hidden;white-space:nowrap}.wa__marquee{display:inline-block;color:#2bd66e;font-size:11px;animation:wa-marquee 10s linear infinite}@keyframes wa-marquee{0%{transform:translate(30%)}to{transform:translate(-100%)}}.wa__meta{display:block;font-size:9px;color:#1f8a4a;letter-spacing:1px}.wa__seek{height:10px;background:#15151a;border:1px solid #000;border-radius:2px;position:relative}.wa__seek-thumb{position:absolute;top:1px;left:1px;width:18px;height:6px;background:linear-gradient(#828290,#4a4a52);border:1px solid #1a1a22}.wa__seek-thumb[data-playing=true]{animation:wa-scrub 16s linear infinite}@keyframes wa-scrub{0%{left:1px}to{left:calc(100% - 19px)}}.wa__controls{display:flex;align-items:center;justify-content:center;gap:10px}.wa__transport{display:flex;gap:2px}.wa__btn{width:26px;height:18px;font-size:9px;color:#1a1a1a;background:linear-gradient(#d8d8de,#a6a6b0);border:1px solid #000;border-radius:2px;cursor:pointer}.wa__btn--play{width:30px}.talk{display:flex;flex-direction:column;gap:8px}.talk__online{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;padding-bottom:6px;border-bottom:1px solid #000}.talk__user{display:inline-flex;align-items:center;gap:4px}.talk__dot{width:7px;height:7px;border-radius:50%;background:#2bbf6a}.talk__log{height:200px;overflow:auto;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.4}.talk__msg[data-me=true]{text-align:right;color:#1a3a8a}.talk__compose{display:flex;gap:8px}.talk__compose input{flex:1;font:inherit;font-size:13px;padding:5px 8px;border:2px solid #000;background:#fff}.win__body:has(.mx){padding:0}.mx{position:relative;background:linear-gradient(#0a1a12,#04100a);color:#4dffa1;font-family:Courier New,monospace;text-shadow:0 0 6px rgba(77,255,161,.55);padding:12px;display:flex;flex-direction:column;gap:11px;overflow:hidden}.mx__scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(#0000 0,#0000 2px,#00000047 2px,#00000047 4px);z-index:2}.mx>*:not(.mx__scan){position:relative;z-index:1}.mx__head{display:flex;align-items:center;justify-content:space-between}.mx__bpm{font-size:34px;font-weight:700;letter-spacing:2px;line-height:1}.mx__bpm small{font-size:10px;margin-left:6px;opacity:.7}.mx__readout{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.mx__readout span[data-on=false]{opacity:.45}.mx__channels{display:flex;gap:7px}.mx__ch{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.35;transition:opacity .25s}.mx__ch[data-on=true]{opacity:1}.mx__wave{width:100%;height:22px;border:1px solid rgba(77,255,161,.3);border-radius:2px;background:#4dffa10d}.mx__wave path{fill:none;stroke:#4dffa1;stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(77,255,161,.7))}.mx__meter{width:100%;height:70px;border:1px solid rgba(77,255,161,.3);border-radius:2px;display:flex;align-items:flex-end;overflow:hidden;background:repeating-linear-gradient(#0000 0,#0000 4px,#0006 4px,#0006 5px)}.mx__fill{width:100%;background:linear-gradient(#eaffe0,#2bd672);box-shadow:0 0 9px #4dffa1b3}.mx__rvb{width:100%;height:5px;border:1px solid rgba(122,200,255,.3);border-radius:2px;overflow:hidden}.mx__rvb div{height:100%;background:#66c8ff;box-shadow:0 0 6px #66c8ffcc}.mx__name{font-size:10px;font-weight:700;letter-spacing:1px}.mx__gauges{display:flex;flex-direction:column;gap:6px}.mx__gauge{display:flex;align-items:center;gap:8px}.mx__gauge-label{width:84px;font-size:10px;letter-spacing:1px;white-space:nowrap;color:var(--gauge);text-shadow:0 0 6px var(--gauge)}.mx__gauge-track{flex:1;height:9px;border:1px solid color-mix(in srgb,var(--gauge) 45%,transparent);border-radius:3px;overflow:hidden;background:repeating-linear-gradient(90deg,#0000 0,#0000 4px,#0006 4px,#0006 5px)}.mx__gauge-fill{height:100%;background:var(--gauge);box-shadow:0 0 7px var(--gauge);transition:width 2s cubic-bezier(.22,1,.36,1)}:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default}.webcam-toggle{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:13px;letter-spacing:.04em;color:#e8f1ff;background:#0c101a8c;border:1px solid rgba(90,168,255,.25);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:border-color .2s,background .2s}.webcam-toggle:hover:not(:disabled){border-color:#5aa8ff99;background:#141a28b3}.webcam-toggle:disabled{cursor:progress;opacity:.7}.webcam-toggle__dot{width:8px;height:8px;border-radius:50%;background:#7f93b3}.webcam-toggle[data-status=running] .webcam-toggle__dot{background:#46e0c0;box-shadow:0 0 8px #46e0c0}.webcam-toggle[data-status=error] .webcam-toggle__dot{background:#ff6b6b}.time-slider{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:10px 18px;color:#e8f1ff;background:#0c101a8c;border:1px solid rgba(90,168,255,.25);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-slider__label{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.04em;min-width:46px}.time-slider input[type=range]{width:160px;accent-color:#ffb347;cursor:pointer}