@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#ebe9e5;background:#080a0c;font-synthesis:none;font-size:16px;font-weight:400;color-scheme:dark;--muted: #858789;--accent: #d9ad89;--line: rgba(230, 229, 222, .12);--surface: #121517}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select{accent-color:var(--accent)}button{transition:color .18s,background .18s,opacity .18s,transform .18s}button:hover:not(:disabled){color:#fff}input[type=range]{cursor:pointer;height:3px;background:#494441;border-radius:4px;width:100%;margin:12px 0}input[type=range]::-webkit-slider-thumb{cursor:grab}input[type=range]:disabled{cursor:default}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button svg{vertical-align:middle}.app{position:relative;min-height:730px;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 48%,#171b20 0,#090b0d 66%)}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,11,.65) 0,transparent 44%),linear-gradient(0deg,#080a0c 0,transparent 36%,transparent 84%,rgba(8,10,12,.55));z-index:1}.chrome{position:absolute;z-index:2;transition:opacity .4s,transform .4s}.hide-ui .chrome{opacity:0;pointer-events:none}.nav-divider{height:19px;width:1px;background:var(--line);display:block}.avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid #48413b;border-radius:50%;font-size:.75rem;color:#dfc0a5;background:#221c18}.login-small{font-size:.75rem;display:flex;align-items:center;gap:6px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;color:#9a9b9c;border-radius:7px;flex-shrink:0}.icon-button:hover:not(:disabled){background:#ffffff0a;color:#ead0b5}.icon-button.accent{color:var(--accent)}.eyebrow{font-size:.58rem;letter-spacing:.2em;line-height:1.5;color:#929393;font-weight:600;display:block}.primary-button{background:#d8b493;color:#201b16;font-size:.8rem;font-weight:600;min-height:44px;padding:0 21px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary-button:hover:not(:disabled){background:#edcaaa;color:#16120e;transform:translateY(-1px)}.primary-button:disabled{opacity:.55}.primary-button.destructive{background:#c58576}.secondary-button{min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:7px;font-size:.8rem}.scene-error{position:absolute;z-index:3;top:50%;left:45%;right:10%;display:flex;gap:12px;padding:20px;color:#e6c0a5;background:#1d1712d0;border-radius:12px;font-size:.85rem;line-height:1.7}.player{bottom:53px;left:3.6%;right:3.6%;border:1px solid rgba(201,188,174,.15);border-radius:15px;background:linear-gradient(110deg,#181b1ded,#141719ed);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 18px 65px #0005;padding:23px 28px 15px}.player-topline{display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;gap:20px}.now-playing{display:flex;align-items:center;gap:15px;min-width:0}.album-art{height:54px;width:54px;flex-shrink:0;border:1px solid #6e686249;border-radius:9px;display:grid;place-items:center;color:#b4a294;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#b2987d33,transparent 60%),repeating-radial-gradient(ellipse at 20% 110%,#313436 0,#171a1c 10px,#5c554d 11px,#1e2327 13px)}.album-art.is-playing svg{animation:disc-spin 15s linear infinite}.now-playing>div:last-child{min-width:0}.now-playing .eyebrow{font-size:.48rem;letter-spacing:.15em;color:#9e8673;margin-bottom:5px}.now-playing h3{font-size:.86rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(31vw,430px)}.now-playing p{font-size:.67rem;color:#85898c;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;align-items:center;justify-content:center;gap:24px}.play-button{width:49px;height:49px;border-radius:50%;background:#e8d1b8;color:#25201b;display:grid;place-items:center}.play-button svg{stroke-width:1.3}.play-button:hover:not(:disabled){background:#f4dfc8;transform:scale(1.05);color:#201a13}.transport .icon-button{color:#bfc0bd}.player-extras{display:flex;align-items:center;gap:14px;justify-content:flex-end}.player-extras .volume{width:76px;height:2px}.timeline{display:flex;align-items:center;gap:15px;height:30px;margin-top:15px}.timeline>span{font-size:.57rem;letter-spacing:.05em;color:#909394;font-variant-numeric:tabular-nums;min-width:28px}.timeline>span:last-child{text-align:right}.waveform{position:relative;width:100%;height:23px}.waveform-bars{position:absolute;inset:0;display:flex;align-items:center;gap:3px;pointer-events:none}.waveform-bars i{flex:1;display:block;background:#444b4c;border-radius:2px;min-width:1px;transition:background .2s}.waveform-bars i.heard{background:#d5b18d}.waveform input[type=range]{position:absolute;width:100%;height:100%;inset:0;opacity:0;margin:0}.waveform:focus-within{outline:1px solid #d9ad8970;outline-offset:3px;border-radius:3px}.player-error{font-size:.72rem;color:#e5a595;margin-top:10px}.drawer{top:123px;bottom:229px;right:3.6%;width:400px;border:1px solid #66605a40;border-radius:16px;background:#131719ef;-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);box-shadow:-15px 20px 90px #0007;display:flex;flex-direction:column;animation:drawer-in .25s ease;z-index:4}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 23px 20px}.drawer-heading h2{font-size:1.18rem;letter-spacing:-.025em;font-weight:500;margin-top:7px}.drawer-heading .eyebrow{font-size:.49rem;letter-spacing:.17em;color:#a28e7b}.drawer-scroll{overflow:auto;flex:1;padding:8px 12px 12px;min-height:0;scrollbar-width:thin;scrollbar-color:#504b43 transparent}.library-actions{display:flex;gap:10px;margin:0 23px 15px}.search{display:flex;align-items:center;gap:10px;border:1px solid #ffffff12;background:#070a0c40;padding:0 12px;height:39px;border-radius:7px;width:100%;color:#72797c}.search input{border:0;background:none;outline:none;color:#eee;font-size:.75rem;width:100%;min-width:0}.search:focus-within{border-color:#a5876a80}.square-add{width:40px;flex-shrink:0;border:1px solid #b1967740;background:#a98a6b15;border-radius:7px;color:#d9b796}.drawer-footer{border-top:1px solid var(--line);padding:16px 23px;display:flex;align-items:center;justify-content:space-between;font-size:.64rem;color:#8c9295}.track-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;margin:2px 0}.track-row:hover{background:#ffffff04}.track-row.selected,.queue-row.selected{background:#d5b08c0c}.track-art{width:41px;height:41px;border:1px solid #746a5a30;flex-shrink:0;border-radius:6px;display:grid;place-items:center;color:#d7c7b7;background:repeating-linear-gradient(130deg,#1b2123,#42474a 1px,#171d1f 4px,#665b4b 12px,#232c30 30px);filter:hue-rotate(var(--hue, 0deg))}.track-details{flex:1;min-width:0;text-align:left;padding:0;display:flex;flex-direction:column;gap:6px}.track-details strong{font-weight:500;font-size:.76rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.track-details span{font-size:.61rem;color:#858b8e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-details b{font-weight:400;margin:0 6px}.track-actions{display:flex;align-items:center;gap:0}.track-actions .icon-button{width:28px}.track-menu{position:relative}.track-menu summary{list-style:none;cursor:pointer;width:28px;height:30px;display:grid;place-items:center;color:#989c9d;border-radius:5px}.track-menu summary::-webkit-details-marker{display:none}.track-menu[open] summary{background:#ffffff0c}.track-menu-popup{position:absolute;right:0;top:31px;z-index:6;background:#25292b;box-shadow:0 8px 30px #0008;border:1px solid #ffffff10;border-radius:6px;min-width:150px;padding:5px}.track-menu-popup button{display:block;padding:10px 12px;text-align:left;width:100%;font-size:.75rem;border-radius:4px}.track-menu-popup button:hover{background:#ffffff08}.danger{color:#d49c8d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 25px;color:#8e9699;min-height:200px}.empty-state>svg{color:#967f6b;margin-bottom:20px}.empty-state h3{font-size:.92rem;font-weight:500;color:#d9d9d4;margin-bottom:10px}.empty-state p{font-size:.74rem;line-height:1.8;max-width:270px}.text-button{display:inline-flex;align-items:center;gap:7px;color:#d7b795;font-size:.72rem;padding:8px 0}.empty-state .text-button{margin-top:15px}.drawer-description{font-size:.72rem;color:#969b9c;margin:0 24px 14px}.queue-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:8px}.queue-number{min-width:21px;display:flex;align-items:center;justify-content:center;color:#8e8072;font-size:.67rem;font-variant-numeric:tabular-nums}.queue-controls{display:flex;flex-direction:row;gap:0}.queue-controls .icon-button{width:25px;height:30px}.import-jobs{padding:0 9px 10px}.job{display:flex;gap:9px;padding:12px 0;align-items:center;border-bottom:1px solid #ffffff0b;color:#d7b18e}.job>div{flex:1;min-width:0}.job strong{font-size:.71rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.job p{font-size:.66rem;margin-top:5px;color:#a1a09b;line-height:1.5;overflow-wrap:anywhere}.job.failed{color:#d49887}.settings-content{overflow:auto;padding:6px 24px 24px;scrollbar-width:thin}.setting{padding:15px 0 20px;border-bottom:1px solid #ffffff09}.setting>div{display:flex;align-items:center;justify-content:space-between}.setting label{font-size:.8rem;color:#cecfc9}.setting span{font-size:.7rem;color:#bc9d7f;font-variant-numeric:tabular-nums}.setting p{font-size:.68rem;line-height:1.65;color:#848b8e}.setting select{display:block;width:100%;border:1px solid #ffffff18;background:#1e2427;border-radius:6px;margin-top:13px;padding:10px 12px;color:#ddd;font-size:.75rem}.sound-key{padding-top:25px}.sound-key .eyebrow{font-size:.5rem;color:#b0937c;margin-bottom:15px}.sound-key p{display:flex;align-items:center;gap:9px;font-size:.71rem;margin:13px 0;color:#b4b8b9}.sound-key p>span{margin-left:auto;font-size:.66rem;color:#7c8589}.sound-key i{width:5px;height:5px;border-radius:50%;display:block}.key-kick{background:#e1b98b}.key-bass{background:#8e9396}.key-hat{background:#c3d9d6}.key-tonal{background:#b36e43}.sound-key small{display:block;font-size:.66rem;line-height:1.8;color:#7d858a;margin-top:20px}.render-info{display:flex;gap:10px;align-items:center;margin-top:23px;font-size:.55rem;letter-spacing:.08em;color:#7e898d}.render-info>span:last-child{margin-left:auto}.toast{position:absolute;z-index:20;bottom:236px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;border:1px solid #d0b38e30;background:#242723f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:9px;padding:12px 15px;box-shadow:0 10px 50px #0006;font-size:.78rem;color:#d3d7c4;max-width:min(560px,90vw);animation:fade-in .2s}.toast.error{background:#332521f5;color:#e3b8a6}.toast>span{line-height:1.6}.drop-overlay{position:absolute;inset:12px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #bd9670;border-radius:22px;background:#101719ed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;color:#d7b591}.drop-overlay h2{font-size:1.8rem;margin:24px 0 15px;font-weight:400}.drop-overlay p{font-size:.85rem;color:#a2a8a8}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#0008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s}.modal{position:relative;width:430px;max-width:100%;max-height:90svh;overflow:auto;border:1px solid #81715f45;border-radius:18px;padding:37px;background:linear-gradient(145deg,#1b2023,#121719);box-shadow:0 20px 100px #0008}.modal-close{position:absolute;top:15px;right:15px}.modal>.eyebrow{color:#b1957b;font-size:.55rem}.modal h2{font-family:Manrope,sans-serif;font-size:1.6rem;letter-spacing:-.055em;font-weight:500;margin:13px 0 24px}.modal-copy{font-size:.81rem;line-height:1.85;color:#a3aaad;margin-bottom:8px}.form{display:flex;flex-direction:column;gap:18px}.form>label{display:flex;flex-direction:column;gap:9px;font-size:.73rem;color:#bfc1bf}.form input:not([type=checkbox]){width:100%;height:43px;display:block;border:1px solid #ffffff16;border-radius:6px;background:#0b101280;padding:0 13px;color:#e4e4df;font-size:.8rem}.form input::placeholder{color:#606b70}.form .primary-button{width:100%;margin-top:4px}.form-note{font-size:.68rem;line-height:1.75;color:#7d888d}.form-error{font-size:.76rem;color:#e5a793;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.segmented{display:flex;padding:4px;background:#070b0d70;border:1px solid #ffffff0b;border-radius:8px;margin-bottom:25px}.segmented button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border-radius:5px;height:38px;font-size:.76rem;color:#899396}.segmented .active{color:#e3c3a3;background:#b8997719;border:1px solid #b8997720}.upload-zone{display:flex;flex-direction:column;align-items:center;padding:32px 16px 25px;border:1px dashed #aa8b6c60;border-radius:10px;background:#ad86640a;cursor:pointer;color:#caae91;text-align:center}.upload-zone:hover{background:#ad866412}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-zone:focus-within{outline:2px solid var(--accent);outline-offset:4px}.upload-zone strong{font-size:.88rem;font-weight:500;margin:17px 0 9px}.upload-zone>span{font-size:.71rem;color:#8e989c}.upload-zone small{font-size:.62rem;color:#6f7b80;line-height:1.9;margin-top:26px}.form .checkbox-label{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:.69rem;line-height:1.7;color:#959ea1}.checkbox-label input{margin:4px 0 0;flex-shrink:0}.spin{animation:disc-spin 1.1s linear infinite}@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes drawer-in{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:1600px){.drawer{width:440px;top:137px}.player{bottom:60px;padding:26px 34px 19px}}@media(max-height:800px)and (min-width:901px){.app{min-height:620px}.drawer{top:101px;bottom:210px}.drawer-heading{padding:19px 23px 14px}.player{bottom:47px;padding:18px 24px 10px}.timeline{margin-top:9px}.toast{bottom:215px}}@media(max-width:1100px){.player-topline{grid-template-columns:1fr 155px 1fr;gap:12px}.transport{gap:13px}.player-extras{gap:6px}.player-extras .volume{width:60px}.now-playing h3{max-width:25vw;font-size:.78rem}.drawer{width:360px}}@media(max-width:760px){.app{min-height:700px;height:100svh}.player{left:4%;right:4%;bottom:47px;padding:17px 17px 13px;border-radius:13px}.player-topline{display:flex;flex-wrap:wrap;gap:17px;justify-content:space-between}.now-playing{width:100%;gap:11px}.album-art{width:42px;height:42px}.now-playing h3{max-width:65vw;font-size:.78rem}.now-playing p{font-size:.6rem}.now-playing .eyebrow{font-size:.42rem}.transport{order:1;gap:14px}.transport .icon-button{width:24px}.play-button{width:37px;height:37px}.play-button svg{width:16px}.player-extras{order:2;gap:8px}.player-extras .volume{width:60px}.player-extras>.icon-button:last-child{display:none}.timeline{margin-top:12px;height:22px;gap:9px}.timeline>span{font-size:.5rem}.waveform{height:19px}.waveform-bars{gap:2px}.drawer{width:auto;inset:92px 4% 255px;z-index:5;max-height:70vh}.drawer-heading{padding:17px 20px 13px}.drawer-heading h2{font-size:1.08rem;margin-top:5px}.library-actions{margin:0 20px 10px}.drawer-footer{padding:12px 20px}.toast{bottom:270px;width:90%;font-size:.72rem}.modal{padding:29px;max-height:87svh}.modal h2{font-size:1.4rem}.scene-error{left:8%;right:8%;top:48%;font-size:.7rem;padding:13px}.queue-controls{gap:0}.settings-content{padding-top:0}.setting{padding-top:10px}.sound-key{padding-top:20px}}.waveform{min-width:0;overflow:hidden;flex:1}.waveform-bars i{min-width:0}@media(max-width:760px){.waveform-bars{gap:1px}.waveform-bars i:nth-child(2n){display:none}.scene-vignette{background:linear-gradient(110deg,#07090ba0 0,transparent 70%),linear-gradient(0deg,#080a0c 0,transparent 38%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{height:100dvh;min-height:0}.app.hide-ui{cursor:none}.scene-vignette{background:radial-gradient(ellipse at center,transparent 40%,#03050755 100%)}.immersion-dock{bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;padding:5px;gap:3px;border:1px solid #ffffff13;border-radius:100px;background:#11171b66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 4px 32px #0002,inset 0 1px #ffffff05;z-index:8;transition:opacity .65s ease}.immersion-dock button{width:44px;height:40px;display:grid;place-items:center;border-radius:50%;color:#ccc7c0}.immersion-dock button:hover,.immersion-dock button.active{color:#f2d6b8;background:#dec6a916}.dock-divider{height:15px;width:1px;background:#ffffff13;margin:0 3px}.drawer{inset:24px 24px 92px auto;width:min(420px,calc(100vw - 48px));max-height:760px;background:#10171beb;border-color:#ffffff16;border-radius:20px;overflow:auto;scrollbar-width:thin}.drawer>*{flex-shrink:0}.drawer>.drawer-scroll{flex:1 1 auto;min-height:140px}.drawer>.settings-content{flex-shrink:1}.drawer-heading{padding:24px 24px 18px}.drawer-heading h2{font-family:Manrope,sans-serif}.drawer .player{position:relative;inset:auto;margin:8px 18px 18px;padding:16px;border-radius:12px;background:#ffffff03;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#ffffff09}.drawer .player-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 8px}.drawer .now-playing{width:100%;gap:12px}.drawer .now-playing h3{max-width:290px;font-size:.8rem}.drawer .album-art{width:40px;height:40px}.drawer .transport{gap:7px;order:1}.drawer .play-button{width:38px;height:38px}.drawer .transport .icon-button{width:32px;height:38px}.drawer .player-extras{order:2;gap:4px}.drawer .player-extras .volume{width:55px}.drawer .player-extras>.icon-button:last-child,.drawer .player-extras>.nav-divider{display:none}.drawer .timeline{gap:9px;margin-top:13px}.music-tabs{display:flex;align-items:center;gap:4px;margin:0 18px 10px}.music-tabs>button{display:flex;align-items:center;gap:7px;padding:11px 9px;border-radius:8px;font-size:.73rem;color:#939b9e}.music-tabs>button.active{color:#e3c3a3;background:#d5b08c0b}.panel-account{margin-left:auto}.guest-library{padding:0 26px 24px}.guest-library p{color:#9fa7aa;font-size:.8rem;line-height:1.8}.guest-library .text-button{margin-top:8px}.toast{bottom:94px}.scene-error{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(420px,calc(100% - 40px))}@media(max-width:520px){.drawer{top:max(12px,env(safe-area-inset-top));bottom:max(86px,calc(env(safe-area-inset-bottom) + 64px));left:12px;right:12px;width:auto;max-height:none}.immersion-dock{bottom:max(18px,env(safe-area-inset-bottom))}.drawer .now-playing h3{max-width:calc(100vw - 140px)}.drawer .player-extras .volume{width:48px}.drawer-heading{padding:19px 22px 14px}}@media(prefers-reduced-motion:reduce){.immersion-dock{transition:none}}.immersion-dock .youtube-trigger{width:auto;padding:0 14px;display:flex;gap:8px;border-radius:30px;font-size:.74rem;white-space:nowrap;position:relative}.world-switch{display:flex;gap:2px}.immersion-dock .world-switch button{width:auto;min-width:63px;padding:0 12px;border-radius:30px;font-size:.72rem;color:#949da6}.immersion-dock .world-switch button.active{color:#e0ecf3;background:#b5d6ee16;box-shadow:inset 0 0 0 1px #d9eaff12}.import-dot{width:5px;height:5px;border-radius:50%;background:#acd8e6;position:absolute;top:6px;right:9px}.launch-hint,.listening-pill{bottom:max(88px,calc(env(safe-area-inset-bottom) + 64px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:#b4bec6;font-size:.7rem;z-index:7;white-space:nowrap}.launch-hint button{display:inline-flex;gap:8px;align-items:center;padding:6px 0}.launch-hint .hint-dismiss{opacity:.4;padding:6px}.listening-pill{padding:6px 12px 6px 5px;gap:11px;border:1px solid #ffffff0b;border-radius:30px;background:#0c131869;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);max-width:min(480px,calc(100vw - 50px))}.listening-pill button{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#d9eafa09;color:#d8e2e9;flex-shrink:0}.listening-pill>span{overflow:hidden;text-overflow:ellipsis}.listening-pill small{color:#72808a;font-variant-numeric:tabular-nums}.youtube-quick{bottom:max(91px,calc(env(safe-area-inset-bottom) + 70px));left:50%;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 125px);overflow:auto;transform:translate(-50%);background:linear-gradient(135deg,#17202af0,#0c121bf5);border:1px solid #cedfff1c;box-shadow:0 18px 100px #0006,inset 0 1px #ffffff05;border-radius:23px;padding:23px;z-index:8;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.youtube-quick>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.youtube-quick .eyebrow{font-size:.53rem;letter-spacing:.14em;color:#8195a5}.youtube-quick h2{font-family:Manrope,sans-serif;font-size:1.38rem;font-weight:500;letter-spacing:-.04em;margin:8px 0 23px}.youtube-quick form>label{display:block;color:#b8c4cc;font-size:.7rem;margin-bottom:9px}.youtube-url-row{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 14px;border:1px solid #b5d1e826;border-radius:12px;background:#04080d55;color:#9faebb}.youtube-url-row:focus-within{border-color:#accbd77a;box-shadow:0 0 0 3px #9fb8d609}.youtube-url-row input{background:none;color:#edf2f6;border:none;min-width:0;flex:1;padding:7px 0;font-size:.81rem;outline:none}.youtube-url-row input::placeholder{color:#5b6d7d}.youtube-url-row>button{display:grid;place-items:center;flex-shrink:0;height:37px;width:37px;border-radius:8px;color:#131e25;background:#c5d8e2}.youtube-url-row>button:hover:not(:disabled){color:#0b161f;background:#e0edf3}.youtube-quick>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;font-size:.65rem;color:#748a9c;line-height:1.6}.youtube-quick .text-button{font-size:.67rem;white-space:nowrap;color:#b0c5d4}.quick-import{margin-top:16px;padding:16px;border:1px solid #abc4d713;border-radius:12px;background:#b6daff04}.quick-import-main{display:flex;align-items:flex-start;gap:11px;color:#a9c4d9}.quick-import-main>div{min-width:0}.quick-import strong{display:block;font-size:.78rem;font-weight:500;color:#d3dfe8;overflow-wrap:anywhere;margin-bottom:6px}.quick-import p{color:#8a9eae;font-size:.71rem;line-height:1.6;overflow-wrap:anywhere}.quick-import.failed .quick-import-main{color:#d7a38a}.quick-import-progress{height:2px;overflow:hidden;background:#b5d7ed12;border-radius:2px;margin-top:16px}.quick-import-progress i{display:block;height:100%;background:#a7c5d5;border-radius:inherit;transition:width .8s}.quick-import .quick-play{width:100%;margin-top:14px;background:#bfd6e4;color:#122230;min-height:39px;font-size:.72rem}.quick-import>.text-button{margin-top:12px}.youtube-quick .form-error{margin-top:12px;font-size:.73rem}.scene-interaction-hint{color:#92a1ac;font-size:.73rem;line-height:1.8;padding:5px 0 8px}@media(max-width:590px){.immersion-dock{width:320px;max-width:calc(100vw - 24px);justify-content:center;flex-wrap:wrap;border-radius:23px}.world-switch{order:-1;width:100%;justify-content:center;padding:2px 0}.immersion-dock .world-switch button{height:33px;flex:1}.immersion-dock>.dock-divider:nth-of-type(2){display:none}.youtube-quick,.launch-hint,.listening-pill{bottom:max(129px,calc(env(safe-area-inset-bottom) + 110px))}.youtube-quick{padding:20px;max-height:calc(100dvh - 155px)}.drawer{bottom:max(125px,calc(env(safe-area-inset-bottom) + 105px))}}.quick-import-progress.indeterminate i{animation:import-wait 1.8s ease-in-out infinite alternate}.quick-import .quick-import-wait{margin-top:8px;color:#bdad98}@keyframes import-wait{0%{transform:translate(0)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){.quick-import-progress.indeterminate i{animation:none}}.immersion-dock .world-switch .auto-world{min-width:0;width:36px;padding:0;color:#8d969e}.immersion-dock .world-switch .auto-world.active{color:#f2d6b8;background:#dec6a91c;box-shadow:inset 0 0 0 1px #f2d6b82a}.world-switch.is-auto button.active:not(.auto-world){background:transparent;box-shadow:inset 0 -2px 0 -1px #f2d6b870;border-radius:12px}.tempo-badge{display:inline-flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid #ffffff12;letter-spacing:.04em}.beat-dot{width:6px;height:6px;border-radius:50%;background:#f2d6b8;opacity:calc(.35 + var(--pulse, 0) * .65);transform:scale(calc(.8 + var(--pulse, 0) * .7));box-shadow:0 0 calc(var(--pulse, 0) * 10px) #f2c08c}.setting .setting-title{display:block;font-size:.8rem;color:#cecfc9}.setting>div>.setting-title{display:inline}.setting>.mood-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.mood-row button{padding:9px 6px;border-radius:9px;border:1px solid #ffffff10;background:#ffffff05;font-size:.72rem;color:#aeb6ba}.mood-row button:hover,.mood-row button.active{color:#f2d6b8;border-color:#f2d6b83a;background:#dec6a912}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;cursor:pointer}.setting .switch-row>span{display:grid;gap:3px;font-size:.76rem;color:#cecfc9}.switch-row small{font-size:.66rem;color:#7f898d}.switch-row input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:34px;height:20px;border-radius:20px;background:#ffffff14;position:relative;cursor:pointer;transition:background .2s}.switch-row input:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#b9c0c3;transition:transform .2s}.switch-row input:checked{background:#d9ad8966}.switch-row input:checked:after{transform:translate(14px);background:#f6e2cd}.setting>.palette-row{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:9px;margin-top:13px}.palette-swatch{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff20,0 0 0 2px transparent;color:#d8c5b3;background:#ffffff08}.palette-swatch.active{box-shadow:inset 0 0 0 1px #ffffff30,0 0 0 2px #10171b,0 0 0 3.5px #f2d6b8}.key-beat{background:#f2d6b8}.key-drop{background:#ff9a5c}@media(prefers-reduced-motion:reduce){.beat-dot{transform:none;box-shadow:none}.switch-row input,.switch-row input:after{transition:none}}@media(max-width:590px){.immersion-dock .world-switch button:not(.auto-world){min-width:0;padding:0 8px}.immersion-dock .world-switch .auto-world{flex:0 0 36px}.tempo-badge{display:none}}.creature-caption{position:absolute;z-index:3;left:max(28px,env(safe-area-inset-left));top:max(26px,env(safe-area-inset-top));display:grid;gap:6px;justify-items:start;opacity:0;transform:translateY(-4px);transition:opacity .9s ease,transform .9s ease;pointer-events:none}.creature-caption.visible,.app:not(.hide-ui) .creature-caption{opacity:1;transform:none;pointer-events:auto}.creature-caption .eyebrow{font-size:.5rem;letter-spacing:.18em;color:#b0937c}.creature-caption strong{font-family:Manrope,sans-serif;font-weight:600;font-size:1.05rem;color:#ece6df;text-shadow:0 2px 20px #000a}.creature-caption .chrome-inline{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 11px;border-radius:20px;border:1px solid #ffffff14;background:#11171b88;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.68rem;color:#d8c5b3}.creature-caption .chrome-inline:hover{color:#f2d6b8;border-color:#f2d6b83a}@media(max-width:590px){.immersion-dock .world-switch button:not(.auto-world){padding:0 5px;font-size:.66rem}}@media(prefers-reduced-motion:reduce){.creature-caption{transition:none}}.immersion-dock .world-switch .auto-world{width:auto;padding:0 11px 0 9px;display:inline-flex;gap:5px;font-size:.7rem}.projection-surface{position:absolute;inset:0;pointer-events:none;transform-origin:0 0;will-change:transform}.app.projecting{background:#000}.projection-grid{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(#ffffff38 1px,transparent 1px),linear-gradient(90deg,#ffffff38 1px,transparent 1px);background-size:10% 10%;box-shadow:inset 0 0 0 2px #f2d6b8aa}.projection-editor{position:fixed;inset:0;z-index:40;touch-action:none}.projection-outline{position:absolute;inset:0;pointer-events:none}.projection-outline polygon{fill:none;stroke:#f2d6b8;stroke-width:1.5;stroke-dasharray:6 5}.projection-handle,.projection-move{position:absolute;transform:translate(-50%,-50%);border-radius:50%;touch-action:none}.projection-handle{width:30px;height:30px;display:grid;place-items:center;background:#10171bdd;border:2px solid #f2d6b8;color:#f2d6b8;font-size:.68rem;font-weight:600;cursor:grab;box-shadow:0 0 0 4px #0006}.projection-handle.selected{background:#f2d6b8;color:#10171b}.projection-move{width:44px;height:44px;border:1px dashed #f2d6b899;background:#10171b66;cursor:move}.projection-toolbar{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:min(440px,calc(100vw - 32px));padding:16px 18px;border-radius:16px;border:1px solid #ffffff18;background:#10171bee;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#cfd3d2}.projection-toolbar strong{font-family:Manrope,sans-serif;font-size:.9rem}.projection-toolbar p{margin:6px 0 12px;font-size:.7rem;line-height:1.6;color:#8f989c}.projection-feather{display:flex;align-items:center;gap:12px;font-size:.72rem}.projection-feather input{flex:1}.projection-actions{display:flex;gap:6px;margin-top:12px;justify-content:flex-end}.projection-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;border:1px solid #ffffff14;font-size:.72rem;color:#c9cfd1}.projection-actions button.active{border-color:#f2d6b84a;color:#f2d6b8}.projection-actions button.primary{background:#f2d6b8;color:#10171b;border-color:transparent}.projection-open{margin-top:12px}@media(max-width:590px){.immersion-dock .world-switch .auto-world span{display:none}}.signals-panel .signal-group{margin:14px 0 6px}.signals-panel .signal-group .eyebrow{display:block;font-size:.5rem;letter-spacing:.16em;color:#b0937c;margin-bottom:6px}.signal-row{display:grid;grid-template-columns:1fr 70px 38px;grid-template-areas:"head head value" "meter range range";gap:4px 10px;align-items:center;padding:8px 0;border-bottom:1px solid #ffffff08}.signal-head{grid-area:head;display:flex;align-items:baseline;gap:8px;min-width:0}.signal-head label{font-size:.74rem;color:#d3d6d4;white-space:nowrap}.signal-head small{font-size:.62rem;color:#7c868a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signal-meter{grid-area:meter;height:4px;border-radius:4px;background:#ffffff0d;overflow:hidden}.signal-meter i{display:block;height:100%;background:linear-gradient(90deg,#d9ad89,#f6e2cd);transform-origin:0 50%;transform:scaleX(0)}.signal-row input[type=range]{grid-area:range;width:100%}.signal-value{grid-area:value;text-align:right;font-size:.66rem;color:#bc9d7f;font-variant-numeric:tabular-nums}.signal-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 38px;grid-template-areas:"head head value" "meter range range"}.signals-panel>.text-button{margin-top:14px}.drawer .music-tabs+.settings-content{padding-top:0}.shape-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.projection-editor.drawing{cursor:crosshair}.projection-outline polyline{fill:none;stroke:#f2d6b877;stroke-width:1.5;stroke-dasharray:5 5}.projection-outline polyline.selected{stroke:#f2d6b8}.projection-vertex{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #f2d6b8aa;background:#10171bcc;cursor:grab;touch-action:none}.projection-vertex.selected{border-color:#f2d6b8}.projection-vertex.first{width:20px;height:20px;background:#f2d6b8}.projection-modes{display:flex;gap:4px;margin-bottom:4px}.projection-modes button{padding:6px 12px;border-radius:8px;font-size:.74rem;color:#939b9e}.projection-modes button.active{color:#f2d6b8;background:#d5b08c14}.shape-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.shape-chips button{padding:5px 10px;border-radius:14px;border:1px solid #ffffff14;font-size:.68rem;color:#aeb6ba}.shape-chips button.active{border-color:#f2d6b85a;color:#f2d6b8}.shape-effects{max-height:34vh;overflow:auto}.shape-effects .switch-row{margin-top:8px}.shape-effects .switch-row>span{display:grid;gap:2px;font-size:.74rem;color:#cfd3d2}.projection-actions{flex-wrap:wrap}.projection-editor.tool-rect,.projection-editor.tool-free,.projection-editor.tool-points{cursor:crosshair}.projection-outline polyline{pointer-events:stroke}.projection-outline polyline.draft{stroke:#f2d6b8;stroke-dasharray:none;pointer-events:none}.projection-outline polyline.mask{fill:#0008}.shape-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.shape-tools button{padding:7px 6px;border-radius:8px;border:1px solid #ffffff12;font-size:.7rem;color:#aeb6ba}.shape-tools button.active{color:#10171b;background:#f2d6b8;border-color:transparent}.listening-pill{position:absolute}.listening-pill .pill-seek{position:absolute;left:14px;right:14px;bottom:-3px;height:12px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.pill-seek::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(90deg,#f2d6b8 var(--progress),#ffffff1c var(--progress))}.pill-seek::-moz-range-track{height:2px;border-radius:2px;background:linear-gradient(90deg,#f2d6b8 var(--progress),#ffffff1c var(--progress))}.pill-seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#f6e2cd;opacity:0;transition:opacity .2s}.listening-pill:hover .pill-seek::-webkit-slider-thumb,.pill-seek:focus-visible::-webkit-slider-thumb{opacity:1}.pill-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#f6e2cd}.listening-pill .pill-radio{color:#9aa7b0}.listening-pill .pill-radio.active{color:#10171b;background:#f2d6b8}.radio-status{bottom:max(128px,calc(env(safe-area-inset-bottom) + 104px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;max-width:min(460px,calc(100vw - 40px));font-size:.66rem;color:#aab4bb;white-space:nowrap;z-index:7}.radio-status span{overflow:hidden;text-overflow:ellipsis}.quick-import .secondary-button.quick-play{margin-top:8px}@media(max-width:590px){.radio-status{bottom:max(168px,calc(env(safe-area-inset-bottom) + 150px))}}.app.screen-mode .chrome{display:none!important}.app.screen-mode{cursor:none}.screen-pairing{position:absolute;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;background:radial-gradient(ellipse at center,#0b0f12e6 0,#05070af2 70%);color:#ece6df}.screen-pairing h1{font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(1.6rem,3.4vw,2.6rem);margin:0}.screen-pairing p{max-width:520px;color:#aab4bb;font-size:clamp(.9rem,1.4vw,1.1rem);line-height:1.6;margin:4px 0 0}.screen-pairing small{color:#7d878c;letter-spacing:.08em}.qr{background:#f4efe8;border-radius:14px;padding:10px;box-shadow:0 20px 80px #0008}.qr svg{display:block;width:100%;height:100%}.screen-corner{position:absolute;z-index:25;right:28px;bottom:28px;display:flex;align-items:flex-end;gap:12px;color:#d8dde0;font-size:.9rem;transition:opacity 1.2s ease}.screen-corner span{display:grid;gap:2px}.screen-corner small{color:#8f989c}.screen-corner.quiet{opacity:1}.screen-unlock{position:absolute;z-index:35;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;padding:28px 36px;border-radius:22px;background:#0d1317f0;border:1px solid #f2d6b83a;color:#f2d6b8;text-align:center}.screen-unlock strong{font-size:1.3rem;color:#ece6df}.screen-unlock span{color:#9aa4a9}.mapping-guide{position:absolute;inset:0;z-index:20;pointer-events:none}.mapping-guide polygon{fill:none;stroke:#f2d6b8;stroke-width:2;stroke-dasharray:8 6}.mapping-guide polygon.shape{stroke:#9fe6ff;stroke-dasharray:none}.mapping-guide circle{fill:#f2d6b8}.mapping-guide text{fill:#10171b;font:700 18px DM Sans,sans-serif;text-anchor:middle}.remote{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0,#1a2127 0,#0a0d10 65%);color:#ece6df;-webkit-user-select:none;user-select:none}.remote .eyebrow{display:block;font-size:.62rem;letter-spacing:.16em;color:#b0937c;margin:18px 0 8px}.remote-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:9px;padding:max(14px,env(safe-area-inset-top)) 18px 12px;background:#0a0d10e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.remote-top strong{font-family:Manrope,sans-serif}.remote-top small{margin-left:auto;color:#8a959a;font-size:.75rem}.remote-dot{width:8px;height:8px;border-radius:50%;background:#6b4a3a}.remote-dot.on{background:#8ee6a5;box-shadow:0 0 10px #8ee6a5aa}.remote-banner{margin:0 16px;padding:12px 14px;border-radius:12px;background:#f2d6b81c;color:#f2d6b8;font-size:.85rem}.remote-body{flex:1;padding:4px 18px calc(92px + env(safe-area-inset-bottom))}.remote-center{min-height:70dvh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center}.remote-center h1{font-family:Manrope,sans-serif;font-size:1.6rem;margin:0}.remote-center p,.remote-muted{color:#93a0a6;font-size:.88rem;line-height:1.55}.remote-form{display:grid;gap:10px;width:min(340px,86vw)}.remote input[type=email],.remote-form input[type=text],.remote input[type=password],.remote input[type=search],.remote select{width:100%;font:inherit;font-size:16px;padding:13px 14px;border-radius:12px;border:1px solid #ffffff1a;background:#ffffff0c;color:#ece6df}.remote-primary,.remote-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;font-weight:600;font-size:.95rem}.remote-primary{background:#f2d6b8;color:#10171b}.remote-secondary{width:100%;margin-top:10px;border:1px solid #ffffff1a;color:#e4d4c3}.remote-error{color:#ff9d8c!important}.remote-track h2{font-family:Manrope,sans-serif;font-size:1.45rem;line-height:1.25;margin:0;-webkit-user-select:text;user-select:text}.remote-track p{color:#9aa6ab;font-size:.85rem;margin:6px 0 0}.remote-seek,.remote-volume{display:flex;align-items:center;gap:12px;margin:18px 0 6px;font-size:.75rem;color:#8e999e;font-variant-numeric:tabular-nums}.remote-seek input,.remote-volume input,.remote-slider input{flex:1;width:100%;accent-color:#f2d6b8;height:28px}.remote-transport{display:flex;justify-content:center;align-items:center;gap:28px;margin:10px 0 8px}.remote-transport button{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#dfe5e8}.remote-transport .play{width:84px;height:84px;background:#f2d6b8;color:#10171b}.remote-radio{width:100%;display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid #ffffff14;color:#cfd6d9;text-align:left}.remote-radio span{display:grid;gap:3px;font-size:.9rem}.remote-radio small{color:#9aa6ab;font-size:.75rem}.remote-radio.on{border-color:#f2d6b85a;background:#f2d6b814;color:#f2d6b8}.remote-list{display:grid;gap:2px}.remote-row,.remote-result{display:flex;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid #ffffff0a}.remote-row .grow{flex:1;min-width:0;display:grid;gap:2px;text-align:left;padding:8px 0}.remote-row strong,.remote-result strong{font-size:.9rem;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-row small,.remote-result small{color:#8a959a;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-row>button:not(.grow),.remote-result>button{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;color:#e7d3bd}.remote-result img{width:64px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#ffffff10}.remote-result>div{flex:1;min-width:0;display:grid;gap:2px}.remote-search{display:flex;align-items:center;gap:10px;margin-top:10px;padding:0 12px;border-radius:14px;background:#ffffff0c;border:1px solid #ffffff1a;color:#9aa6ab}.remote-search input[type=search]{border:0;background:none;padding-left:0}.remote-stations,.remote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.remote-grid.three{grid-template-columns:repeat(3,1fr)}.remote-grid.two{grid-template-columns:repeat(2,1fr);margin:10px 0}.remote-grid{grid-template-columns:repeat(4,1fr)}.remote-stations button,.remote-grid button{min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid #ffffff12;background:#ffffff06;color:#d9dfe2;font-size:.85rem;text-align:left}.remote-grid button{flex-direction:row;align-items:center;justify-content:center;gap:6px;text-align:center}.remote-stations small{color:#8a959a;font-size:.72rem}.remote-stations button.on,.remote-grid button.active,.remote-grid button.on{border-color:#f2d6b87a;background:#f2d6b81f;color:#f2d6b8}.remote-swatches{display:flex;flex-wrap:wrap;gap:10px}.remote-swatches button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff0c;color:#e7d3bd;box-shadow:inset 0 0 0 1px #fff2}.remote-swatches button.active{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 2px #0a0d10,0 0 0 4px #f2d6b8}.remote-slider{display:grid;gap:4px;margin-top:14px}.remote-slider span,.remote-toggle span{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:#d3d9dc}.remote-slider small{color:#bc9d7f}.remote-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;border-bottom:1px solid #ffffff0a}.remote-toggle span{flex-direction:column;gap:2px}.remote-toggle small{color:#8a959a;font-size:.72rem}.remote-toggle input[type=checkbox]{width:24px;height:24px;accent-color:#f2d6b8;flex-shrink:0}.remote-toggle select{width:auto;padding:9px 10px}.remote-map-box{display:grid;place-items:center;margin:8px 0}.remote-map-box svg{display:block;border-radius:10px;background:#05070a;overflow:visible}.remote-map-box .frame{fill:#0e1418;stroke:#ffffff26;stroke-dasharray:4 4}.remote-map-box .quad{fill:#f2d6b810;stroke:#f2d6b8;stroke-width:1.5}.remote-map-box .shape{fill:#9fe6ff14;stroke:#9fe6ff;stroke-width:1.5}.remote-map-box .shape.selected{fill:#9fe6ff2e;stroke-width:2.5}.remote-map-box .shape.mask{fill:#000c}.remote-map-box .draft{fill:none;stroke:#f2d6b8;stroke-width:2}.remote-map-box .handle{fill:#f2d6b8;stroke:#10171b;stroke-width:2}.remote-map-box .move{fill:#f2d6b83a;stroke:#f2d6b8;stroke-dasharray:3 3}.remote-map-box .vertex{fill:#9fe6ff;stroke:#10171b;stroke-width:2}.remote-map-box .vertex.first{fill:#f2d6b8}.remote-map-box text{fill:#10171b;font:700 13px DM Sans,sans-serif;text-anchor:middle;pointer-events:none}.remote-toast{position:fixed;left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:10;padding:12px 14px;border-radius:12px;background:#1c252bf2;color:#e7ecee;font-size:.85rem;text-align:center}.remote-tabs{position:fixed;left:0;right:0;bottom:0;z-index:8;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(10px,env(safe-area-inset-bottom));background:#0a0d10f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #ffffff10}.remote-tabs button{display:grid;justify-items:center;gap:3px;padding:6px 0;color:#7f8a8f;font-size:.68rem}.remote-tabs button.active{color:#f2d6b8}.screen-start{position:absolute;z-index:40;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;background:radial-gradient(ellipse at center,#0e1317 0,#040506 72%);color:#ece6df}.screen-start strong{font-size:clamp(1.2rem,2.4vw,1.9rem);font-weight:600;margin-top:18px}.screen-start span{color:#9aa4a9;font-size:clamp(.9rem,1.4vw,1.1rem)}.matter-mark{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(3rem,9vw,7rem);letter-spacing:-.02em;background:linear-gradient(100deg,#b5c7cc,#f2d6b8 45%,#c7946b 70%,#b5c7cc);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mark-shimmer 6s ease-in-out infinite}@keyframes mark-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.watermark{position:absolute;z-index:3;left:clamp(18px,3vw,48px);bottom:clamp(14px,2.6vw,40px);display:flex;font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(1.1rem,2.1vw,2rem);letter-spacing:.02em;pointer-events:none;transform:scale(calc(1 + var(--pulse, 0) * .035));transform-origin:left bottom;filter:drop-shadow(0 0 calc(4px + var(--pulse, 0) * 16px) var(--wm-glow, #f2945a));opacity:calc(.62 + var(--pulse, 0) * .3)}.watermark span{display:inline-block;background:linear-gradient(120deg,var(--wm-a),var(--wm-c) 40%,#ffffff 50%,var(--wm-b) 60%,var(--wm-a));background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wm-shimmer 7s linear infinite,wm-float 5.5s ease-in-out infinite;animation-delay:calc(var(--i) * -.18s),calc(var(--i) * -.45s)}@keyframes wm-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.08em)}}@media(prefers-reduced-motion:reduce){.matter-mark,.watermark span{animation:none}.watermark{transform:none}}.screen-corner .qr{padding:6px;border-radius:12px}.remote-search{transition:border-color .2s,box-shadow .2s}.remote-search input[type=search]:focus,.remote-search input[type=search]:focus-visible{outline:none}.remote-search:focus-within{border-color:#f2d6b899;box-shadow:0 0 0 3px #f2d6b81f;color:#f2d6b8}.remote-search input[type=search]::-webkit-search-cancel-button{filter:invert(.8)}.qr{padding:0;background:transparent}.remote-name{display:grid;gap:6px;margin-top:10px;font-size:.78rem;color:#9aa6ab}.remote-name input{font:inherit;font-size:16px;padding:11px 14px;border-radius:12px;border:1px solid #ffffff1a;background:#ffffff0c;color:#ece6df}.remote-name input:focus{outline:none;border-color:#f2d6b899}.remote-host-note{margin:18px 0;text-align:center}.remote-row .grow:disabled{opacity:1;cursor:default}.qr-tint{transition:fill 1.6s ease}.screen-queue{position:absolute;z-index:3;top:clamp(18px,3vw,44px);right:clamp(18px,3vw,44px);width:min(30vw,420px);padding:18px 20px;border-radius:18px;background:#0a0f13b8;border:1px solid #ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e6ecee;font-size:clamp(.8rem,1.1vw,1rem);pointer-events:none}.screen-queue-now{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid #ffffff14}.screen-queue-now span,.screen-queue-label{font-size:.7em;letter-spacing:.16em;text-transform:uppercase;color:#d9ad89}.screen-queue-now strong{font-size:1.15em;font-weight:600}.screen-queue small{color:#93a0a6;font-size:.8em}.screen-queue-label{display:block;margin:12px 0 6px}.screen-queue ol{margin:0;padding:0 0 0 1.2em;display:grid;gap:7px}.screen-queue li strong{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-search input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.remote-clear{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#ffffff12;color:#e4d4c3}.remote-row>button.danger{background:#b3261e;color:#fff}.remote-grid button:disabled{opacity:1;cursor:default}.landing{position:relative;min-height:100dvh;overflow:hidden;padding:0 clamp(16px,5vw,72px) 40px;max-width:1180px;margin:0 auto}.landing-glow{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#080a0c}.landing-glow span{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.32;animation:landing-drift 22s ease-in-out infinite alternate}.landing-glow span:nth-child(1){background:#c7946b;left:-18vmax;top:-22vmax}.landing-glow span:nth-child(2){background:#61b3c4;right:-22vmax;top:10vmax;animation-duration:28s;animation-delay:-8s}.landing-glow span:nth-child(3){background:#d04fc4;left:20vmax;bottom:-40vmax;opacity:.18;animation-duration:34s}@keyframes landing-drift{0%{transform:translate(0) scale(1)}to{transform:translate(8vmax,6vmax) scale(1.15)}}.landing-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0}.landing-logo{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(100deg,#b5c7cc,#f2d6b8 45%,#c7946b 70%,#b5c7cc);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mark-shimmer 6s ease-in-out infinite}.landing-auth{display:flex;align-items:center;gap:18px;font-size:.95rem}.landing-auth a:hover{color:#fff}.landing-pill{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d}.landing-user{color:var(--muted);font-size:.95rem}.landing-hero{padding:clamp(40px,10vh,110px) 0 clamp(28px,6vh,60px)}.landing-hero h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(3rem,10vw,7.2rem);line-height:.95;letter-spacing:-.045em;margin:0 0 24px}.landing-hero em{font-style:normal;background:linear-gradient(100deg,#f2d6b8,#c7946b 40%,#61b3c4 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero p{max-width:560px;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.5;color:#c9c6c0;margin:0}.landing h2{font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.landing-card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:22px;border:1px solid var(--line);background:#1215179e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s,border-color .2s,background .2s}.landing-card:hover{transform:translateY(-3px);border-color:#f2d6b866}.landing-card.main{background:linear-gradient(140deg,#c7946b42,#61b3c424),#1215179e;border-color:#f2d6b844}.landing-card svg:first-child{color:var(--accent)}.landing-card strong{font-family:Manrope,sans-serif;font-size:1.45rem;font-weight:700}.landing-card span{color:#bdbab4;line-height:1.45}.landing-card b{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-weight:600;color:#f2d6b8}.landing-steps{margin-top:clamp(48px,9vh,90px)}.landing-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;counter-reset:step}.landing-steps li{display:grid;gap:6px;padding-top:16px;border-top:1px solid var(--line);counter-increment:step}.landing-steps li:before{content:counter(step);font-family:Manrope,sans-serif;font-weight:800;font-size:.8rem;color:var(--accent)}.landing-steps li svg{color:#b5c7cc}.landing-steps strong,.landing-features strong{font-size:1.05rem;font-weight:600}.landing-steps span,.landing-features span{color:var(--muted);line-height:1.45}.landing-features{margin-top:clamp(40px,8vh,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.landing-features div{display:grid;gap:6px;padding:20px;border-radius:18px;background:#ffffff09;border:1px solid var(--line)}.landing-features svg{color:var(--accent)}.landing-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.landing-foot a{display:inline-flex;align-items:center;gap:6px;color:#f2d6b8}@media(prefers-reduced-motion:reduce){.landing-glow span,.landing-logo{animation:none}}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line)}.auth-switch button{padding:9px 10px;border-radius:9px;color:var(--muted);font-weight:550}.auth-switch button.active{background:#f2d6b824;color:#f2d6b8}.remote-form .auth-switch{margin-bottom:4px}.remote-toast.error{background:#3a1c1ef2;color:#ffd9d4;border:1px solid #ff8a7a55}.remote .auth-switch button{background:transparent;border:0;padding:11px 10px;font-size:.95rem;color:var(--muted)}.remote .auth-switch button.active{background:#f2d6b829;color:#f2d6b8}.finder{bottom:max(91px,calc(env(safe-area-inset-bottom) + 70px));left:50%;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 125px);display:flex;flex-direction:column;transform:translate(-50%);background:linear-gradient(135deg,#17202af0,#0c121bf5);border:1px solid #cedfff1c;box-shadow:0 18px 100px #0006,inset 0 1px #ffffff05;border-radius:23px;padding:22px;z-index:8;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.finder>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.finder .eyebrow{display:block;font-size:.56rem;letter-spacing:.14em;color:#8195a5;margin:4px 0 8px}.finder h2{font-family:Manrope,sans-serif;font-size:1.38rem;font-weight:500;letter-spacing:-.04em;margin:0 0 16px}.finder-search{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 14px;border:1px solid #b5d1e826;border-radius:14px;background:#04080d55;color:#9faebb;transition:border-color .2s,box-shadow .2s}.finder-search:focus-within{border-color:#f2d6b899;box-shadow:0 0 0 3px #f2d6b814}.finder-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#f1f3f4;font-size:1rem;padding:10px 0}.finder-search input::-webkit-search-cancel-button{display:none}.finder-clear{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#9faebb}.finder-body{overflow:auto;margin:14px -6px 0;padding:0 6px;min-height:0}.finder-list{display:grid;gap:4px;margin-bottom:14px}.finder-row{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:12px;color:#9faebb}.finder-row:hover{background:#ffffff08}.finder-row img{width:56px;height:42px;object-fit:cover;border-radius:7px;flex:none}.finder-text{flex:1;min-width:0;display:grid;gap:2px}.finder-text strong{color:#eef1f2;font-weight:550;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-text small{color:#8195a5;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-row>button{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:#ffffff0d;color:#e7ecee}.finder-row>button:hover{background:#f2d6b82b;color:#f2d6b8}.finder-stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:6px}.finder-stations button{display:grid;gap:3px;text-align:left;padding:11px 13px;border-radius:13px;border:1px solid #cedfff14;background:#ffffff06}.finder-stations button:hover{border-color:#f2d6b855}.finder-stations button.on{border-color:#f2d6b8aa;background:#f2d6b81a}.finder-stations strong{display:flex;align-items:center;gap:5px;font-size:.9rem;font-weight:600}.finder-stations small{color:#8195a5;font-size:.74rem}.finder>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;margin-top:4px;border-top:1px solid #cedfff12;color:#6f8292;font-size:.74rem}.finder-signin{display:grid;gap:14px;color:#b8c4cc}.finder-signin p{margin:0}@media(max-width:720px){.finder{padding:18px;max-height:calc(100dvh - 155px)}}.profile{display:grid;gap:18px;min-width:min(360px,80vw)}.profile-head{display:flex;align-items:center;gap:14px}.profile-head div{display:grid;gap:2px;min-width:0}.profile-head strong{font-size:1.05rem}.profile-head small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.profile-avatar,.dock-avatar,.remote-avatar{display:grid;place-items:center;border-radius:50%;font-family:Manrope,sans-serif;font-weight:700;color:#1a130e;background:linear-gradient(135deg,#f2d6b8,#c7946b)}.profile-avatar{width:48px;height:48px;font-size:1.2rem;flex:none}.dock-avatar{width:26px;height:26px;font-size:.72rem}.remote-avatar{width:32px;height:32px;margin-left:4px;font-size:.85rem;flex:none}.profile-name{display:flex;align-items:flex-end;gap:8px}.profile-name label{flex:1;display:grid;gap:6px;font-size:.78rem;color:#b8c4cc}.profile-name input{width:100%;font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#04080d66;color:#f1f3f4}.profile-name button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;background:#f2d6b8;color:#1a130e;font-weight:600}.profile-usage{display:grid;gap:8px;padding:14px;border-radius:14px;background:#ffffff08;border:1px solid var(--line)}.profile-usage>div{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.profile-usage small{color:var(--muted)}.profile-usage i{display:block;height:6px;border-radius:6px;background:#ffffff12;overflow:hidden}.profile-usage b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#61b3c4,#f2d6b8)}.profile-usage p,.profile-since{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.profile-signout{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid #ff8a7a44;color:#ffb4a8;font-weight:600}.profile-signout:hover:not(:disabled){background:#ff8a7a14;color:#ffd2ca}.remote-sheet{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;background:#0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remote-sheet>div{width:100%;max-height:88dvh;overflow:auto;padding:18px 18px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#121719;border-top:1px solid var(--line)}.remote-sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.remote-sheet header button{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--muted)}.remote-sheet .profile{min-width:0}.landing-auth button.landing-pill{font-size:.95rem}.automix{display:grid;gap:8px;margin-top:14px}.automix-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.automix-row>span{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:#b8c4cc}.automix-options{display:flex;gap:2px;padding:3px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line)}.automix-options button{padding:5px 9px;border-radius:7px;font-size:.72rem;color:var(--muted)}.automix-options button.active{background:#f2d6b824;color:#f2d6b8}.automix-now{position:relative;margin:0;padding:7px 10px;border-radius:9px;overflow:hidden;background:#ffffff08;font-size:.74rem;color:#d9dde0}.automix-now i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#61b3c433,#f2d6b833);transition:width .3s linear}.automix-now span{position:relative}.remote-automix{display:grid;gap:8px}.remote-automix .remote-grid button{padding:10px 6px}.remote-grid.four{grid-template-columns:repeat(4,1fr)}.remote-map-box .chain polyline{fill:none;stroke:#f2d6b8;stroke-width:2;stroke-dasharray:5 5;opacity:.8}.remote-map-box .chain.linking polyline{stroke:#61b3c4;opacity:1}.remote-map-box .chain circle{fill:#1a130e;stroke:#f2d6b8;stroke-width:1.5}.remote-map-box .chain.linking circle{stroke:#61b3c4}.remote-map-box .chain text{fill:#f2d6b8;font-size:11px;font-weight:700;text-anchor:middle;pointer-events:none}.remote-map-box .chain{pointer-events:none}.remote-chains{display:grid;gap:12px}.remote-chain{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#ffffff06}.remote-chain header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px}.remote-chain header strong{display:inline-flex;align-items:center;gap:6px}.remote-chain header small{grid-column:1;color:var(--muted);font-size:.78rem}.remote-chain header button{grid-row:1 / span 2;grid-column:2;width:38px;height:38px;display:grid;place-items:center;color:var(--muted)}.remote-chain p{margin:0}.scan-calibration{position:fixed;inset:0;z-index:1000;background:#fff;cursor:none}.scan-calibration svg{position:absolute;inset:0;width:100%;height:100%;display:block}.scan-calibration-caption{position:absolute;left:0;right:0;bottom:0;height:12vh;margin:0;display:flex;align-items:center;justify-content:center;padding:0 4vw;color:#1a1a1a;font:700 clamp(18px,4.2vh,56px) / 1.1 "Manrope",sans-serif;text-align:center}.scan{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;overflow-y:auto;background:radial-gradient(ellipse at 50% 0,#1a2127 0,#0a0d10 65%);color:#ece6df;font-family:DM Sans,sans-serif;-webkit-user-select:none;user-select:none}.scan-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:max(14px,env(safe-area-inset-top)) 12px 10px 18px;background:#0a0d10e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.scan-top strong{font-family:Manrope,sans-serif}.scan-top small{margin-left:auto;color:#8a959a;font-size:.75rem}.scan-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#cfc4b8}.scan-top .scan-icon{margin-left:auto}.scan-top small+.scan-icon{margin-left:0}.scan-camera,.scan-editor,.scan-working{display:flex;flex-direction:column;gap:10px;padding:6px 16px calc(24px + env(safe-area-inset-bottom))}.scan-view{position:relative;width:100%;aspect-ratio:4 / 3;max-height:58dvh;border-radius:16px;overflow:hidden;background:#000}.scan-view video,.scan-view svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scan-view polygon{fill:#8ee6a533;stroke:#8ee6a5;stroke-width:3;stroke-linejoin:round}.scan-view-note{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:24px;color:#93a0a6;font-size:.9rem;text-align:center}.scan-count{margin:4px 0 0;font:700 1.05rem Manrope,sans-serif;color:#f2d6b8;text-align:center;font-variant-numeric:tabular-nums}.scan-count.ok{color:#8ee6a5}.scan-problem,.scan-note{margin:0;padding:10px 12px;border-radius:12px;font-size:.86rem;line-height:1.45}.scan-problem{background:#ff9d8c1c;color:#ffb3a6}.scan-note{background:#f2d6b81c;color:#f2d6b8}.scan-hints{margin:0;padding:0 0 0 18px;color:#93a0a6;font-size:.84rem;line-height:1.6}.scan-actions{display:grid;gap:10px;margin-top:4px}.scan-actions .remote-secondary{margin-top:0}.scan-shutter{padding:16px 18px;font-size:1.02rem}.scan-file{cursor:pointer}.scan-file input{display:none}.scan-working{min-height:60dvh;justify-content:center;align-items:center;text-align:center;color:#c9c0b6}.scan-working .scan-actions{width:min(340px,100%)}.scan-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #f2d6b833;border-top-color:#f2d6b8;animation:scan-spin .9s linear infinite}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-photo{position:relative;margin:0 auto;border-radius:14px;overflow:hidden;background:#000;touch-action:none;-webkit-touch-callout:none}.scan-photo img,.scan-photo svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.scan-photo.busy{cursor:progress}.scan-photo polygon{stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.scan-photo polygon.selected{stroke-width:3.5}.scan-photo circle{stroke:#0a0d10;stroke-width:1.5;vector-effect:non-scaling-stroke}.scan-photo circle.plus{fill:#8ee6a5}.scan-photo circle.minus{fill:#ff9d8c}.scan-label{position:absolute;transform:translate(-50%,-50%);max-width:40%;padding:2px 7px;border-radius:8px;background:#0a0d10bb;color:#f2d6b8;font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.scan-busy{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#0a0d10dd;color:#f2d6b8;font-size:.8rem;white-space:nowrap}.scan-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.scan-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border-radius:12px;border:1px solid #ffffff1a;color:#d8cabb;font-size:.86rem;font-weight:600}.scan-tools button.on{background:#f2d6b8;border-color:#f2d6b8;color:#10171b}.scan-help{margin:0}.scan-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.scan-list li{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border-radius:12px;background:#ffffff08;border:1px solid transparent}.scan-list li.selected{border-color:#f2d6b855}.scan-list-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 0;text-align:left;font-weight:600;font-size:.9rem}.scan-list-name i{flex:none;width:12px;height:12px;border-radius:4px}.scan-list-name small{margin-left:auto;color:#8a959a;font-weight:400;font-size:.75rem}.scan-empty{color:#8a959a;font-size:.85rem;padding:12px!important}@media(min-width:720px){.scan-camera,.scan-editor,.scan-working{width:min(720px,100%);margin:0 auto}.scan-tools{grid-template-columns:repeat(4,1fr)}}.scan-hold{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#0d1114e6;color:#f2d6b8;font-size:.86rem;text-align:left}.scan-hold strong{font-size:1.05rem}.scan-hold span{color:#c9c0b6}.scan-hold-bar{height:4px;border-radius:2px;background:#f2d6b833;overflow:hidden}.scan-hold-bar i{display:block;height:100%;background:#f2d6b8;transform-origin:left;transition:transform .2s linear}.scan-list-text{min-width:0;display:flex;flex-direction:column;gap:2px}.scan-list-idea{font-style:normal;font-weight:400;font-size:.78rem;line-height:1.35;color:#a9b3b8}.remote-scan-start{display:flex;align-items:center;gap:12px;width:100%;padding:14px;margin-bottom:12px;border-radius:16px;text-align:left;border:1px solid #f2d6b855;background:linear-gradient(135deg,#c7946b30,#61b3c41f);color:#f2d6b8}.remote-scan-start span{display:grid;gap:2px;font-weight:650}.remote-scan-start small{color:#b8c4cc;font-weight:400;font-size:.8rem}.remote-style{display:grid;gap:8px;margin:10px 0;padding:12px;border-radius:14px;border:1px solid var(--line);background:#ffffff06}.remote-style header{display:flex;align-items:center;gap:10px}.remote-style-colors{display:inline-flex}.remote-style-colors i{width:18px;height:18px;border-radius:50%;border:2px solid #121719}.remote-style-colors i+i{margin-left:-6px}.remote-style p{margin:0;color:#d9dde0;font-size:.9rem;line-height:1.4}.remote-style-layers{display:flex;flex-wrap:wrap;gap:6px}.remote-style-layers span{padding:3px 9px;border-radius:99px;background:#f2d6b81a;color:#f2d6b8;font-size:.72rem}.remote-style .remote-grid.two{margin:0}.screen-invite{position:absolute;z-index:25;right:clamp(18px,2.4vw,40px);bottom:clamp(18px,2.4vw,40px);display:flex;align-items:flex-end;gap:clamp(14px,1.6vw,26px)}.screen-invite-text{display:grid;justify-items:end;gap:6px;padding-bottom:6px;text-align:right}.screen-invite-text strong{display:flex;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(1.1rem,2.1vw,2.1rem);letter-spacing:.08em;line-height:1}.screen-invite-text strong span{background:linear-gradient(120deg,var(--pa),var(--pc) 45%,#fff 50%,var(--pb) 60%,var(--pg));background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:invite-shimmer 5s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms);text-shadow:none;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--pg) 45%,transparent))}@keyframes invite-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.screen-invite-text small{font-size:clamp(.75rem,.95vw,1rem);color:#d8dde0;letter-spacing:.02em;opacity:.85}.qr-frame{position:relative;padding:5px;border-radius:16px;background:linear-gradient(135deg,var(--pa),var(--pg) 50%,var(--pc));box-shadow:0 0 34px color-mix(in srgb,var(--pg) 55%,transparent),0 18px 60px #000a}.qr-frame .qr{background:#fff;padding:0;border-radius:12px;overflow:hidden;box-shadow:none}.screen-pairing .qr-frame{justify-self:center}.screen-queue{background:linear-gradient(160deg,color-mix(in srgb,var(--pa) 22%,#0a0f13d9),#0a0f13d9 55%,color-mix(in srgb,var(--pg) 16%,#0a0f13d9));border:1px solid color-mix(in srgb,var(--pc) 30%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--pg) 18%,transparent),0 24px 70px #0009}.screen-queue-now span,.screen-queue-label{display:flex;align-items:center;gap:8px;color:var(--pc)}.screen-queue-now strong{background:linear-gradient(100deg,#fff,var(--pc) 60%,var(--pg));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.3em}.screen-queue-now{border-bottom-color:color-mix(in srgb,var(--pc) 22%,transparent)}.screen-queue-bars{display:inline-flex;align-items:flex-end;gap:2px;height:.9em}.screen-queue-bars b{width:3px;height:100%;border-radius:2px;background:var(--pg);animation:queue-bars .9s ease-in-out infinite}.screen-queue-bars b:nth-child(2){animation-delay:-.3s}.screen-queue-bars b:nth-child(3){animation-delay:-.6s}@keyframes queue-bars{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.screen-queue ol{list-style:none;padding:0}.screen-queue li{display:grid;grid-template-columns:1.6em 1fr;column-gap:8px;align-items:baseline}.screen-queue li em{grid-row:span 2;font-style:normal;font-family:Manrope,sans-serif;font-weight:800;background:linear-gradient(180deg,var(--pc),var(--pa));-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:reduce){.screen-invite-text strong span,.screen-queue-bars b{animation:none}}.screen-invite{flex-direction:column;align-items:center;gap:12px}.screen-invite-text{justify-items:center;text-align:center;padding-bottom:0}.screen-invite-text strong{font-size:clamp(1rem,1.55vw,1.7rem);letter-spacing:.06em}.screen-queue{position:absolute;z-index:24;top:clamp(16px,2.4vw,40px);right:clamp(18px,2.4vw,40px);width:min(32vw,460px);padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:right;font-size:clamp(.8rem,1.1vw,1.15rem);text-shadow:0 0 18px #000,0 0 4px #000}.screen-queue-now{justify-items:end;padding-bottom:.7em;border:0;position:relative}.screen-queue-now:after{content:"";position:absolute;right:0;bottom:0;width:70%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--pa),var(--pg),var(--pc));box-shadow:0 0 12px var(--pg)}.screen-queue-now span,.screen-queue-label{justify-content:flex-end;color:var(--pc);text-shadow:0 0 10px color-mix(in srgb,var(--pg) 70%,transparent),0 0 3px #000}.screen-queue-now strong{font-family:Manrope,sans-serif;font-weight:800;font-size:1.7em;line-height:1.1;letter-spacing:-.01em;background:linear-gradient(110deg,var(--pa),#fff 35%,var(--pc) 60%,var(--pg));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--pg) 55%,transparent)) drop-shadow(0 0 2px #000);animation:invite-shimmer 7s ease-in-out infinite}.screen-queue small{color:#e8ecee;opacity:.75}.screen-queue-label{margin:.9em 0 .4em}.screen-queue ol{justify-items:end}.screen-queue li{grid-template-columns:1fr auto;justify-items:end;text-align:right}.screen-queue li em{grid-column:2;grid-row:1 / span 2;font-size:1.3em;margin-left:.5em;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pg) 60%,transparent))}.screen-queue li strong,.screen-queue li small{grid-column:1;max-width:100%}.screen-queue li strong{color:#fff;font-weight:600}.screen-queue li:nth-child(2){opacity:.85}.screen-queue li:nth-child(3){opacity:.7}.screen-queue li:nth-child(n+4){opacity:.55}.screen-vote-bar{display:block;width:100%;height:4px;border-radius:4px;background:#fff2;overflow:hidden}.screen-vote-bar b{display:block;height:100%;background:linear-gradient(90deg,var(--pa),var(--pg),var(--pc));box-shadow:0 0 10px var(--pg);transition:width .4s ease}.screen-invite-text.voting strong span{animation-duration:1.6s}.remote-skip{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px 18px;margin:8px 0;border-radius:16px;border:1px solid var(--line);background:#ffffff08;text-align:left;overflow:hidden}.remote-skip span{display:grid;gap:2px;font-weight:600}.remote-skip small{color:var(--muted);font-weight:400}.remote-skip i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff10}.remote-skip i b{display:block;height:100%;background:linear-gradient(90deg,#c7946b,#f2d6b8);transition:width .4s ease}.remote-skip.voted{opacity:1;border-color:#f2d6b855;color:#f2d6b8}.playable-note{display:flex;align-items:center;gap:8px;margin:8px 4px;font-size:.85rem}.finder-note{color:#8195a5}.memes{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.meme{position:absolute;left:var(--x0);top:var(--y0);height:auto;border-radius:14px;box-shadow:0 12px 40px #000a;translate:-50% -50%;opacity:0;animation-name:meme-fly;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both}@keyframes meme-fly{0%{left:var(--x0);top:var(--y0);scale:.2;rotate:0deg;opacity:0}10%{scale:1.12;opacity:1}20%{scale:1}85%{opacity:1}to{left:var(--x1);top:var(--y1);scale:.9;rotate:var(--turn);opacity:0}}.meme.peek{animation-name:meme-peek;animation-timing-function:ease-in-out}@keyframes meme-peek{0%{left:var(--x0);top:var(--y0);rotate:0deg;opacity:1}25%,70%{top:82%;rotate:calc(var(--turn) * .3);opacity:1}to{left:var(--x1);top:var(--y1);rotate:var(--turn);opacity:1}}@media(prefers-reduced-motion:reduce){.meme{animation-duration:1.5s!important}}.remote-play-game{display:flex;align-items:center;gap:14px;width:100%;margin:10px 0;padding:16px 18px;border-radius:18px;text-align:left;font-weight:700;font-size:1.1rem;color:#1a130e;background:linear-gradient(120deg,#f2d6b8,#c7946b 55%,#61b3c4);box-shadow:0 8px 30px #c7946b44}.remote-play-game>span:first-child{font-size:1.8rem}.remote-play-game span{display:grid;gap:2px}.remote-play-game small{font-weight:500;font-size:.8rem;opacity:.8}.remote-throw{width:100%;margin:6px 0;padding:13px;border-radius:14px;border:1px dashed #f2d6b866;color:#f2d6b8;font-weight:600;background:#f2d6b80d}.remote-throw:disabled{opacity:.55}.tank-sheet>div{max-height:96dvh;min-height:70dvh}.tank-join,.tank-pad{display:grid;gap:14px}.tank-join header,.tank-pad header{display:flex;align-items:center;gap:12px}.tank-join header strong{flex:1;font-size:1.2rem}.tank-join header button,.tank-pad header button{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--muted)}.tank-join p{margin:0;color:#b8c4cc;line-height:1.45}.tank-join form{display:grid;gap:12px}.tank-join label{display:grid;gap:6px;font-size:.85rem;color:#b8c4cc}.tank-join input{font:inherit;font-size:18px;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#04080d66;color:#fff}.tank-me{width:22px;height:22px;border-radius:7px;box-shadow:0 0 14px currentColor}.tank-pad header div{flex:1;display:grid;gap:2px}.tank-pad header small{color:var(--muted)}.tank-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:18px 0}.tank-stick{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff10,#ffffff05 60%,transparent 70%);border:2px solid #f2d6b844;-webkit-user-select:none;user-select:none}.tank-stick i{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#f2d6b8 45%,#c7946b);box-shadow:0 6px 20px #0008;transition:transform .04s linear}.tank-fire{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;font-weight:800;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:radial-gradient(circle at 40% 35%,#ff8a7a,#d63a2b 60%,#7a1a12);box-shadow:0 10px 30px #d63a2b55,inset 0 -6px 14px #0005;-webkit-user-select:none;user-select:none;transition:transform .06s}.tank-fire.on{transform:scale(.93);box-shadow:0 0 40px #ff8a7a,inset 0 -6px 14px #0005}.meme-thrower{position:absolute;left:50%;bottom:12%;translate:-50% 0;padding:10px 20px;border-radius:999px;font-family:Manrope,sans-serif;font-size:clamp(1rem,1.8vw,1.8rem);font-weight:700;color:#fff;background:#000a;box-shadow:0 10px 40px #000a;animation:thrower 3.5s ease both}@keyframes thrower{0%{opacity:0;scale:.6}10%,80%{opacity:1;scale:1}to{opacity:0;scale:.95}}.tank-arena{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.tank-board{position:absolute;z-index:6;right:clamp(18px,2.4vw,40px);top:50%;translate:0 -50%;width:min(24vw,340px);display:grid;justify-items:end;gap:.5em;pointer-events:none;text-align:right;color:#fff;font-size:clamp(.85rem,1.2vw,1.3rem);text-shadow:0 0 18px #000,0 0 4px #000}.tank-board-title{position:relative;padding-bottom:.35em;font-family:Manrope,sans-serif;font-weight:800;font-size:1.5em;letter-spacing:.32em;margin-right:-.32em;text-transform:uppercase;background:linear-gradient(110deg,var(--pa),#fff 40%,var(--pc) 65%,var(--pg));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--pg) 60%,transparent)) drop-shadow(0 0 2px #000)}.tank-board-title:after{content:"";position:absolute;right:.32em;bottom:0;width:80%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--pa),var(--pg),var(--pc));box-shadow:0 0 12px var(--pg)}.tank-board ol{list-style:none;margin:0;padding:0;display:grid;gap:.35em;width:100%}.tank-board li{display:flex;justify-content:flex-end;align-items:center;gap:.55em;min-width:0;transition:opacity .3s ease}.tank-board li i{flex:none;width:.62em;height:.62em;border-radius:50%}.tank-board li strong{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tank-board li em{flex:none;min-width:1.6em;font-style:normal;font-family:Manrope,sans-serif;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,var(--pc));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 2px #000)}.tank-board li.lead{font-size:1.3em}.tank-board li.lead strong{font-family:Manrope,sans-serif;font-weight:800;background:linear-gradient(110deg,#fff,var(--pc) 55%,var(--pg));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--pg) 60%,transparent)) drop-shadow(0 0 2px #000)}.tank-crown{margin-right:-.2em;text-shadow:0 0 12px #ffd23f99}.tank-board li.down{opacity:.45}.tank-hint{position:absolute;z-index:6;left:50%;bottom:clamp(18px,4vh,48px);translate:-50% 0;margin:0;max-width:80vw;text-align:center;pointer-events:none;font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(.9rem,1.4vw,1.5rem);letter-spacing:.04em;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--pg) 80%,transparent),0 0 4px #000,0 0 18px #000;animation:tank-hint 2.4s ease-in-out infinite}@keyframes tank-hint{0%,to{opacity:.65}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.tank-hint{animation:none}}.remote-games{display:grid;gap:14px}.remote-game-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#ffffff06}.remote-game-card header{display:flex;gap:12px;align-items:flex-start}.remote-game-card header>span{font-size:2rem}.remote-game-card header div{display:grid;gap:4px}.remote-game-card header strong{font-size:1.15rem}.remote-game-card header small{color:var(--muted);line-height:1.4}.remote-game-card .remote-grid.two{margin:0}.remote-game-board{list-style:none;margin:0;padding:0;display:grid;gap:6px}.remote-game-board li{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff05}.remote-game-board li.me{background:#f2d6b814;outline:1px solid #f2d6b844}.remote-game-board i{width:12px;height:12px;border-radius:4px}.remote-game-board b{font-family:Manrope,sans-serif}.runner-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 0;-webkit-user-select:none;user-select:none}.runner-move,.runner-actions{display:grid;gap:12px}.runner-move{grid-template-columns:1fr 1fr}.runner-move button,.runner-actions button{display:grid;place-items:center;align-content:center;gap:4px;min-height:130px;border-radius:22px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .06s,background .1s}.runner-move button{min-height:272px;background:#ffffff0d;border:2px solid #f2d6b844;color:#f2d6b8}.runner-jump{color:#1a130e;background:radial-gradient(circle at 40% 30%,#fff,#7ef0c1 55%,#1f9d6c);box-shadow:0 10px 30px #1f9d6c55}.runner-duck{color:#fff;background:radial-gradient(circle at 40% 30%,#9fb7ff,#4361ff 60%,#1b2a8a);box-shadow:0 10px 30px #4361ff55}.runner-move button.on,.runner-actions button.on{transform:scale(.94);filter:brightness(1.25)}.remote-game-card.live{border-color:#f2d6b866;background:linear-gradient(160deg,#c7946b1a,#ffffff06 60%)}.remote-games>.remote-grid.three,.remote-games>.remote-grid.four{margin:0}.runner-board li .runner-combo{flex:none;min-width:1.9em;padding:.05em .35em;border-radius:.6em;font-family:Manrope,sans-serif;font-weight:800;font-size:.72em;font-variant-numeric:tabular-nums;text-align:center;color:#fff;text-shadow:none;background:color-mix(in srgb,var(--pc) 30%,#0008);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 70%,transparent)}.runner-board li .runner-combo.max{color:#1a1200;background:#ffd23f;box-shadow:0 0 12px #ffd23f99}.brawl-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px 0}.brawl-stick{display:grid;place-items:center}.brawl-stick>span{position:absolute;top:-1.6em;left:0;right:0;text-align:center;font-size:.72rem;color:var(--muted)}.brawl-stick.aim{border-color:#ff8a7a66}.brawl-stick.aim i{background:radial-gradient(circle at 40% 35%,#fff,#ff8a7a 45%,#d63a2b)}.brawl-stick.hot{box-shadow:0 0 30px #ff8a7a88,inset 0 0 20px #ff8a7a33}.brawl-dash{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;align-content:center;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a130e;background:radial-gradient(circle at 40% 30%,#fff,#ffe066 55%,#d4a200);box-shadow:0 0 24px #ffe06688;transition:filter .2s,box-shadow .2s}.brawl-dash.used{filter:grayscale(1) brightness(.6);box-shadow:none}.brawl-board li .brawl-streak{flex:none;padding:.05em .35em;border-radius:.6em;font-family:Manrope,sans-serif;font-weight:800;font-size:.72em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:none;background:color-mix(in srgb,#ff9a3c 35%,#0008);box-shadow:inset 0 0 0 1px #ff9a3caa}.brawl-board li .brawl-streak.hot{color:#1a0800;background:linear-gradient(90deg,#ffd23f,#ff5f3c);box-shadow:0 0 14px #ff7a3c}.brawl-board li .brawl-weapon{flex:none;width:1.3em;text-align:center;font-size:.9em;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pc) 70%,transparent))}.brawl-feed{position:absolute;z-index:6;top:clamp(12px,2.4vh,32px);left:50%;translate:-50% 0;margin:0;padding:0;list-style:none;display:grid;justify-items:center;gap:.25em;pointer-events:none;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(.8rem,1.15vw,1.25rem);letter-spacing:.02em;text-shadow:0 0 10px #000,0 0 3px #000}.brawl-feed li{display:flex;align-items:center;gap:.5em;padding:.15em .8em;border-radius:999px;background:linear-gradient(90deg,transparent,#05000acc 18%,#05000acc 82%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,var(--pg) 50%,transparent);animation:brawl-feed 6s ease-out forwards}.brawl-feed li:not(:last-child){font-size:.85em}.brawl-feed li i{font-style:normal;filter:drop-shadow(0 0 6px var(--pa))}@keyframes brawl-feed{0%{opacity:0;transform:translateY(-.4em) scale(1.15)}6%{opacity:1;transform:none}70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.brawl-feed li{animation:brawl-feed-fade 6s linear forwards}@keyframes brawl-feed-fade{0%,70%{opacity:1}to{opacity:0}}}.meme.centre{animation-name:meme-centre;animation-timing-function:ease-out;z-index:2}.meme.centre:first-child,.meme.centre:nth-child(2){z-index:3}@keyframes meme-centre{0%{left:var(--x0);top:var(--y0);scale:.1;rotate:0deg;opacity:0}12%{scale:1.18;opacity:1}22%{scale:.95;rotate:calc(var(--turn) * -.5)}35%{scale:1.03;rotate:calc(var(--turn) * .5)}50%{rotate:calc(var(--turn) * -.3)}65%{rotate:calc(var(--turn) * .3)}85%{opacity:1;scale:1}to{left:var(--x1);top:var(--y1);scale:.92;rotate:var(--turn);opacity:0}}.meme-thrower{z-index:10;bottom:8%}