*{margin:0;padding:0;box-sizing:border-box}:root{--mc-bg-deep: #2a4a6e;--mc-bg-mid: #355f8a;--mc-panel: #f4efd8;--mc-panel-inactive: #dcd8c8;--mc-border: #2a2a2a;--mc-orange: #e75c3c;--mc-orange-dark: #c94a32;--mc-green: #5cb85c;--mc-green-dark: #449d44;--mc-blue: #4a90e2;--mc-blue-dark: #357abd;--mc-blue-dim: rgba(74, 144, 226, .35);--mc-text: #1a1a1a;--mc-text-muted: #4a4a4a;--mc-white: #ffffff;--mc-shadow-deep: rgba(0, 0, 0, .28);--mc-paper-texture: url(/paper-texture.png)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mc-bg-deep);background-image:var(--mc-paper-texture),radial-gradient(ellipse 120% 80% at 50% -20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(0,0,0,.18) 0%,transparent 45%),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(0,0,0,.12) 0%,transparent 40%),linear-gradient(165deg,#335a82 0%,var(--mc-bg-deep) 45%,#1e3550 100%);background-size:420px 420px,auto,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:center top,center,center,center,center;background-blend-mode:soft-light,normal,normal,normal,normal;min-height:100vh;color:var(--mc-text);line-height:1.55}.wallpaper-screensaver-bg{background-color:#000;background-image:var(--mc-paper-texture);background-size:420px 420px;background-repeat:repeat;background-position:center;background-blend-mode:overlay}.container{max-width:1000px;margin:0 auto;padding:20px 16px}.header{text-align:center;margin-bottom:20px;color:var(--mc-text);background:var(--mc-panel);padding:16px 20px;border-radius:14px;border:3px solid var(--mc-border);box-shadow:inset 0 2px #ffffffa6,0 4px #0000001f,0 10px 20px var(--mc-shadow-deep)}.header h1{font-size:1.5rem;margin-bottom:6px;font-weight:800;color:var(--mc-text);letter-spacing:-.02em}.header p{font-size:.95rem;color:var(--mc-text-muted);font-weight:600}.header--hero{background:transparent;border:none;box-shadow:none;color:var(--mc-white)}.header--hero h1{font-size:2rem;font-weight:800;color:var(--mc-white);text-shadow:2px 3px 0 rgba(0,0,0,.35);letter-spacing:-.03em}.header--hero p{color:#ffffffeb;text-shadow:1px 2px 0 rgba(0,0,0,.28);font-weight:700;opacity:1}.username-form{background:var(--mc-panel);padding:26px 24px;border-radius:14px;max-width:400px;margin:0 auto;text-align:center;border:3px solid var(--mc-border);box-shadow:inset 0 2px #ffffffb3,0 5px #0000001a,0 12px 24px var(--mc-shadow-deep)}.username-form h2{margin-bottom:12px;color:var(--mc-text);font-weight:800;font-size:1.2rem}.login-hint{margin-bottom:20px;color:var(--mc-text-muted);font-size:14px;font-weight:500;line-height:1.45;text-align:left}.login-mode-toggle{margin-bottom:20px;display:flex;gap:10px}.login-toggle-btn{flex:1;padding:12px 10px;border-radius:12px;cursor:pointer;font-weight:800;font-size:14px;border:3px solid var(--mc-border);background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text);box-shadow:inset 0 2px #ffffff80,0 3px #0003;transition:transform .12s ease,filter .12s ease}.login-toggle-btn:hover{filter:brightness(1.03)}.login-toggle-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #00000026}.login-toggle-btn--active{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);text-shadow:1px 1px 0 rgba(0,0,0,.25);box-shadow:inset 0 2px #ffffff4d,0 4px #1e4a7a,0 6px 10px #00000040}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--mc-text);font-size:.9rem;text-align:left}.form-group input{width:100%;padding:12px 14px;border:3px solid var(--mc-border);border-radius:10px;font-size:14px;background:var(--mc-white);color:var(--mc-text);transition:box-shadow .15s ease,border-color .15s ease;box-shadow:inset 0 2px 4px #0000000f,0 2px #fffc}.form-group input:focus{outline:none;border-color:var(--mc-blue-dark);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px var(--mc-blue-dim)}.btn{width:100%;background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border:3px solid var(--mc-border);padding:14px 22px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease;text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff47,0 4px #1e4a7a,0 8px 16px #00000040}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 6px #0003,0 2px #1e4a7a}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(.2)}.btn-secondary{background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c4bfb0 100%);color:var(--mc-text);border:3px solid var(--mc-border);padding:10px 18px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 2px #ffffff73,0 3px #00000026}.btn-secondary:hover{filter:brightness(1.05)}.loading{text-align:center;color:var(--mc-white);font-size:1.05rem;font-weight:700;text-shadow:1px 2px 0 rgba(0,0,0,.25)}.loading p{color:#fffffff2}.spinner{border:4px solid rgba(255,255,255,.25);border-radius:50%;border-top-color:var(--mc-orange);width:40px;height:40px;animation:spin 1s linear infinite;margin:16px auto;box-shadow:0 2px #0003}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes sparkle-drift{0%{transform:translate(0)}to{transform:translate(var(--drift-x, 10px),var(--drift-y, 10px))}}@keyframes album-float{0%{transform:rotate(0) scale(1)}25%{transform:rotate(2deg) scale(1.05)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-2deg) scale(.95)}to{transform:rotate(0) scale(1)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes static-flicker{0%,to{opacity:.1;transform:scale(1)}25%{opacity:.4;transform:scale(1.2)}50%{opacity:.2;transform:scale(.8)}75%{opacity:.3;transform:scale(1.1)}}@keyframes scanline-fade{0%,to{opacity:.02}50%{opacity:.08}}@keyframes interference-pulse{0%,to{opacity:.01}50%{opacity:.06}}@keyframes static-burst{0%,to{opacity:0;transform:scale(.5)}25%{opacity:.4;transform:scale(1.5)}50%{opacity:.2;transform:scale(1)}75%{opacity:.1;transform:scale(.8)}}@keyframes tv-static-flicker{0%,to{opacity:.1;transform:scale(1)}25%{opacity:.5;transform:scale(1.3)}50%{opacity:.2;transform:scale(.7)}75%{opacity:.4;transform:scale(1.1)}}@keyframes tv-scanline-fade{0%,to{opacity:.05}50%{opacity:.15}}@keyframes tv-interference-pulse{0%,to{opacity:.02}50%{opacity:.1}}@keyframes tv-static-burst{0%,to{opacity:0;transform:scale(.3)}20%{opacity:.3;transform:scale(1.8)}40%{opacity:.1;transform:scale(1.2)}60%{opacity:.2;transform:scale(.9)}80%{opacity:.05;transform:scale(.6)}}.search-container{background:var(--mc-panel);padding:16px 18px;border-radius:14px;margin-bottom:18px;border:3px solid var(--mc-border);box-shadow:inset 0 2px #ffffffa6,0 4px #0000001a,0 10px 20px var(--mc-shadow-deep)}.search-input{width:100%;padding:12px 14px;border:3px solid var(--mc-border);border-radius:10px;font-size:14px;background:var(--mc-white);color:var(--mc-text);transition:box-shadow .15s ease,border-color .15s ease;box-shadow:inset 0 2px 4px #0000000f}.search-input:focus{outline:none;border-color:var(--mc-blue-dark);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px var(--mc-blue-dim)}.sort-buttons{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sort-btn{background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text);border:3px solid var(--mc-border);padding:10px 14px;border-radius:12px;font-size:.85rem;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease;flex:1;min-width:120px;box-shadow:inset 0 2px #ffffff73,0 3px #00000026}.sort-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.sort-btn:active{transform:translateY(2px)}.sort-btn.active{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff47,0 4px #1e4a7a,0 6px 12px #0003}.sort-btn.active:hover{filter:brightness(1.06)}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}.record-card{background:var(--mc-panel);border-radius:14px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:3px solid var(--mc-border);position:relative;cursor:pointer;box-shadow:inset 0 2px #ffffff80,0 4px #0000001f,0 10px 22px var(--mc-shadow-deep)}.record-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:inset 0 2px #fff9,0 6px #0000001f,0 16px 28px #00000047}.rating-badge{position:absolute;top:8px;left:8px;background:#ffd700;color:var(--mc-text);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:10;box-shadow:0 2px 8px #ffd70080;border:2px solid #ffffff;gap:2px}.rating-badge .rating-star,.rating-badge .rating-number{font-size:.7rem;line-height:1}.play-count-badge{position:absolute;top:8px;right:8px;background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;z-index:10;box-shadow:inset 0 1px #ffffff59,0 2px #00000040;border:2px solid var(--mc-border)}.album-spinning-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:15;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spinning-album{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.spinning-image{width:100%;height:100%;object-fit:cover;border-radius:8px;animation:albumSpin 3s linear;box-shadow:0 8px 32px #00000080}@keyframes albumSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.05)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.record-player-base{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#32CD32 0%,#228B22 100%);border-radius:12px;border:3px solid #ffffff;box-shadow:0 6px #006400,0 12px #0006,inset 0 2px #ffffff4d}.vinyl-record{position:absolute;width:60%;height:60%;border-radius:50%;background:#000000;border:4px solid #333333;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #666,0 8px #0006,inset 0 2px #ffffff1a}.vinyl-record:before{content:"";position:absolute;width:20%;height:20%;background:#000000;border-radius:50%;border:2px solid #666666}.vinyl-record:after{content:"";position:absolute;width:8%;height:8%;background:#32CD32;border-radius:50%;border:1px solid #228B22}.vinyl-record.spinning{animation:vinylSpin 2s linear infinite}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tonearm{position:absolute;top:50%;right:5%;width:50%;height:4px;background:linear-gradient(90deg,#666666 0%,#888888 50%,#666666 100%);border-radius:2px;transform-origin:right center;z-index:20;box-shadow:0 2px #444}.tonearm:before{content:"";position:absolute;right:-8px;top:-2px;width:10px;height:6px;background:#666666;border-radius:2px;box-shadow:0 2px #444}.tonearm:after{content:"";position:absolute;left:0;top:-2px;width:6px;height:6px;background:#32CD32;border-radius:50%;box-shadow:0 2px #228b22,0 0 8px #32cd3299}.tonearm.dropping{animation:needleDrop 2s cubic-bezier(.4,0,.2,1)}@keyframes needleDrop{0%{transform:rotate(-45deg)}10%{transform:rotate(-42deg)}20%{transform:rotate(-38deg)}30%{transform:rotate(-35deg)}40%{transform:rotate(-32deg)}50%{transform:rotate(-30deg)}60%{transform:rotate(-30deg)}70%{transform:rotate(-30deg)}80%{transform:rotate(-30deg)}90%{transform:rotate(-30deg)}to{transform:rotate(-30deg)}}.record-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-buttons{display:flex;flex-direction:column;gap:6px;width:85%}.overlay-btn{padding:8px 12px;border:3px solid var(--mc-border);border-radius:10px;font-size:.75rem;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease;background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);box-shadow:inset 0 2px #ffffff8c,0 2px #0000001f}.overlay-btn:hover{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff40,0 3px #1e4a7a}.overlay-btn.needle-dropped{background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);border:3px solid var(--mc-border)}.overlay-btn.needle-dropped:hover{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff40,0 3px #1e4a7a}.overlay-btn.cancel{background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);border:3px solid var(--mc-border)}.overlay-btn.cancel:hover{background:linear-gradient(180deg,var(--mc-orange) 0%,var(--mc-orange-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff40,0 3px #0003}.overlay-btn.discogs-info{background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);border:3px solid var(--mc-border)}.overlay-btn.discogs-info:hover{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff40,0 3px #1e4a7a}.record-image{width:100%;height:160px;object-fit:cover;background:#f0f0f0}.record-info{padding:12px;color:var(--mc-text)}.record-title{font-size:.8rem;font-weight:600;margin-bottom:4px;color:var(--mc-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-artist{font-size:.75rem;color:#666;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-year{font-size:.7rem;color:#999;font-weight:500;margin-top:2px}.no-results{text-align:center;color:#ffffffd9;font-size:1rem;font-weight:700;margin-top:24px;text-shadow:1px 2px 0 rgba(0,0,0,.2)}.error{background:linear-gradient(180deg,var(--mc-orange) 0%,var(--mc-orange-dark) 100%);color:var(--mc-white);padding:16px;border-radius:12px;text-align:center;margin:16px 0;border:3px solid var(--mc-border);font-weight:800;text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff40,0 4px #00000026,0 10px 20px #0003}.playcount-export-overlay{background:rgba(50,205,50,.9);color:#fff;font-size:.9rem;font-weight:700;border-radius:8px;padding:8px 16px;margin:8px auto 0;text-align:center;width:80%;box-shadow:0 4px #006400,0 8px #0003;position:relative;z-index:5;text-shadow:1px 1px 0 #006400}.export-capture-frame .record-card.export-tile{width:100%!important;height:100%!important;min-width:0!important;max-width:unset!important;margin:unset!important;box-sizing:border-box;position:relative;aspect-ratio:unset;min-height:0!important;max-height:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important}.export-capture-frame .record-card.export-tile .export-tile__media{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;aspect-ratio:unset;overflow:hidden;border-radius:0;box-shadow:none}.export-capture-frame .export-capture .export-tile__media{border-radius:0}.export-capture-frame .record-card.export-tile .export-tile__media .record-image{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center;display:block;margin:0!important;background:rgba(0,0,0,.25)}.record-info--export-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;width:100%;max-height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center!important;margin:0!important;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.2) 78%,transparent 100%);color:#fff!important}.export-capture.export-capture--pixel-grid{--export-cell-px: 100px}.export-capture-frame .record-card.export-tile{font-size:calc(var(--export-cell-px) * .082)}.export-capture-frame .record-info--export-overlay{padding:calc(var(--export-cell-px) * .04) calc(var(--export-cell-px) * .05) calc(var(--export-cell-px) * .035)!important}.export-capture-frame .export-tile__plays-line,.export-capture-frame .export-tile__rating-line{font-size:.85em!important;font-weight:600!important;letter-spacing:.02em;margin:0 0 .12em!important;line-height:1.15!important;text-shadow:0 1px 2px rgba(0,0,0,.75);flex-shrink:0;width:100%;text-align:center!important;overflow-wrap:anywhere;word-wrap:break-word}.export-capture-frame .export-tile__plays-line{color:#fffffff2!important}.export-capture-frame .export-tile__rating-line{font-weight:700!important;color:gold!important}.export-capture-frame .record-info--export-overlay .record-title{display:block!important;font-size:1.08em!important;font-weight:800!important;margin:0 0 .1em!important;line-height:1.18!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.85);overflow:visible!important;overflow-wrap:anywhere;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;text-align:center!important;width:100%}.export-capture-frame .record-info--export-overlay .record-artist{display:block!important;font-size:.82em!important;font-weight:500!important;margin:0!important;line-height:1.18!important;color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.8);overflow:visible!important;overflow-wrap:anywhere;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;text-align:center!important;width:100%}.export-image-btn{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:1000;background:linear-gradient(135deg,#32CD32 0%,#228B22 100%);border:3px solid #ffffff;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px #006400,0 12px #0003;color:#fff;cursor:pointer;transition:all .2s ease;text-shadow:1px 1px 0 #006400}.export-image-btn:hover:not(:disabled){background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;transform:translateY(-2px) scale(1.1);box-shadow:0 8px #b8860b,0 16px #0003;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.export-image-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 3px #006400,0 6px #0003}.export-image-btn svg{width:32px;height:32px;display:block}.export-config-modal{background:var(--mc-panel);border:3px solid var(--mc-border);border-radius:16px;padding:22px 22px 18px;max-width:min(1100px,98vw);width:96%;max-height:min(94vh,1200px);display:flex;flex-direction:column;text-align:left;overflow:hidden;box-shadow:inset 0 2px #ffffffa6,0 6px #0000001a,0 18px 36px var(--mc-shadow-deep)}.export-config-modal__body{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:20px 24px;flex:1;min-height:0;align-items:stretch;overflow:hidden}.export-config-modal__preview-column{display:flex;flex-direction:column;min-width:0;align-self:start}.export-config-modal__preview-column>.export-config-field__label{margin-bottom:10px}.export-preview-chrome{border-radius:12px;padding:10px;background:rgba(0,0,0,.06);border:2px solid var(--mc-border);display:flex;justify-content:center;align-items:center;width:100%;max-width:360px;height:400px;max-height:400px;overflow:hidden;flex:0 1 auto}.export-preview-chrome .export-capture-frame--preview{width:100%;max-width:340px;max-height:min(78vh,calc(94vh - 220px));margin:auto;flex:0 0 auto}.export-preview-chrome .export-capture-frame--preview.export-capture-frame--preview-square,.export-preview-chrome .export-capture-frame--preview.export-capture-frame--preview-rect{max-width:min(320px,100%);max-height:none!important;aspect-ratio:unset;box-sizing:border-box}.export-live-preview-frame{position:relative;overflow:hidden;border-radius:10px;box-sizing:border-box}.export-live-preview-frame--checkerboard{background-color:#bfbfbf;background-image:linear-gradient(45deg,rgba(255,255,255,.45) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.45) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.45) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.45) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0px}.export-live-preview-grid{display:grid;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.export-live-preview-empty{width:100%;height:100%;background:transparent}.export-live-preview-frame .record-card.export-tile{transition:none!important;cursor:default!important;pointer-events:none}.export-live-preview-frame .record-card.export-tile:hover{transform:none!important;box-shadow:none!important}.export-smartphone-caption-layout{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;box-sizing:border-box}.export-smartphone-caption{flex:1 1 0;min-height:0;margin:0;padding-left:calc(var(--export-frame-width, 340px) * .045);padding-right:calc(var(--export-frame-width, 340px) * .045);list-style-position:outside;font-size:calc(var(--export-frame-width, 340px) * .03);line-height:1.35;font-weight:600;color:#fff;overflow:hidden;display:flex;flex-direction:column}.export-smartphone-caption--top{justify-content:flex-end;padding-top:calc(var(--export-frame-width, 340px) * .02);padding-bottom:calc(var(--export-frame-width, 340px) * .01)}.export-smartphone-caption--bottom{justify-content:flex-start;padding-top:calc(var(--export-frame-width, 340px) * .01);padding-bottom:calc(var(--export-frame-width, 340px) * .02)}.export-smartphone-caption-layout--dark-text .export-smartphone-caption{color:#000}.export-smartphone-caption li{margin-bottom:.2em;flex-shrink:0}.export-smartphone-grid-wrap{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.export-live-preview-frame--smartphone-list{display:flex;flex-direction:column}.export-live-preview-frame--smartphone-list .export-smartphone-caption-layout{flex:1;min-height:0}.export-live-preview-frame--smartphone-list .export-live-preview-grid{position:static;left:auto;top:auto;transform:none}.export-capture-frame--smartphone-list{display:flex;flex-direction:column}.export-capture-frame--smartphone-list .export-smartphone-caption-layout{flex:1;min-height:0}.export-capture-frame--smartphone-list .export-capture.export-capture--pixel-grid{position:static}.export-config-modal__controls{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.export-config-modal__scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.export-config-modal__scroll-top{flex-shrink:0}@media (max-width: 900px){.export-config-modal__body{display:flex;flex-direction:column;flex:1;min-height:0;gap:18px}.export-config-modal__preview-column{order:-1;flex-shrink:0;align-self:center;width:100%;max-width:360px}.export-config-modal__controls{flex:1;min-height:0}.export-preview-chrome{height:360px;max-height:360px}.export-preview-chrome .export-capture-frame--preview{max-height:min(48vh,400px)}.export-preview-chrome .export-capture-frame--preview.export-capture-frame--preview-square,.export-preview-chrome .export-capture-frame--preview.export-capture-frame--preview-rect{max-height:none!important}}.export-config-toggle-row{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-bottom:8px}.export-config-toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--mc-text);cursor:pointer;-webkit-user-select:none;user-select:none}.export-config-play-window-hint{margin:0 0 10px;font-size:.88rem;opacity:.85;font-weight:600}.export-config-radio-group{display:flex;flex-direction:column;gap:8px}.export-config-radio{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;font-weight:600;cursor:pointer;line-height:1.35}.export-config-radio input[type=radio]{margin:2px 0 0;flex-shrink:0;accent-color:var(--mc-blue);cursor:pointer}.export-config-toggle input{width:18px;height:18px;accent-color:var(--mc-blue)}.export-config-field--exclude .export-config-field__label{margin-bottom:4px}.export-config-album-search-label{display:block;font-size:.82rem;font-weight:600;margin:0 0 6px;opacity:.85}.export-config-album-search{width:100%;box-sizing:border-box;padding:10px 12px;margin:0 0 10px;border:2px solid var(--mc-border);border-radius:8px;font-size:.9rem;background:var(--mc-white);color:var(--mc-text)}.export-config-album-search:focus{outline:none;border-color:var(--mc-blue-dark);box-shadow:0 0 0 2px var(--mc-blue-dim)}.export-config-exclude-empty{margin:8px 4px;font-size:.88rem;opacity:.8;text-align:center}.export-config-exclude-hint{margin:0 0 6px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--mc-text-muted);opacity:.9}.export-config-field--exclude{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}.export-config-exclude-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:2px 0;background:rgba(255,255,255,.35)}.export-config-exclude-row{display:flex;align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none}.export-config-exclude-row:hover{background:rgba(0,0,0,.04)}.export-config-exclude-row input{flex-shrink:0;width:13px;height:13px;margin:0;accent-color:var(--mc-blue)}.export-config-exclude-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mc-text)}.export-config-exclude-title{font-weight:600}.export-config-exclude-sep{font-weight:400;color:var(--mc-text-muted);opacity:.65}.export-config-exclude-plays{flex-shrink:0;font-weight:600;opacity:.9}.export-config-exclude-rating{flex-shrink:0;font-weight:700;color:gold}.export-config-exclude-artist{font-weight:500;color:var(--mc-text-muted)}.export-config-modal__title{margin:0 0 8px;font-size:1.25rem;font-weight:800;color:var(--mc-text)}.export-config-modal__lead{margin:0 0 12px;font-size:.9rem;color:var(--mc-text-muted);line-height:1.45}.export-config-field{margin-bottom:16px}.export-config-field label{display:block;font-size:.9rem;font-weight:700;color:var(--mc-text);margin-bottom:8px}.export-config-field__max{font-weight:600;color:var(--mc-text-muted);font-size:.8rem}.export-config-field__label{display:block;font-size:.85rem;font-weight:700;color:var(--mc-text);margin-bottom:8px}.export-config-field input[type=range]{width:100%;accent-color:var(--mc-blue)}.export-config-select{width:100%;max-width:280px;padding:10px 12px;border-radius:10px;border:3px solid var(--mc-border);background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text);font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:inset 0 2px #ffffff73}.export-config-options{display:flex;flex-wrap:wrap;gap:8px}.export-config-chip{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border-radius:10px;border:3px solid var(--mc-border);background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text);font-size:.85rem;font-weight:800;cursor:pointer;transition:filter .12s ease,transform .12s ease;box-shadow:inset 0 2px #ffffff73}.export-config-chip:hover{filter:brightness(1.04)}.export-config-chip--active{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);text-shadow:1px 1px 0 rgba(0,0,0,.2)}.export-config-chip__hint{font-size:.7rem;font-weight:600;opacity:.9;margin-top:2px}.export-config-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.export-config-btn{padding:10px 18px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;border:3px solid var(--mc-border)}.export-config-btn--ghost{background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text)}.export-config-btn--primary{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);text-shadow:1px 1px 0 rgba(0,0,0,.2)}.export-capture-frame{box-sizing:border-box;overflow:hidden}.export-capture-frame--full{width:1080px;max-width:1080px}.export-capture-square-fit{display:flex;width:100%;height:100%;min-height:0;align-items:center;justify-content:center;box-sizing:border-box}.export-capture-pixel-inset{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;display:block}.export-capture-frame--square-export,.export-capture-frame--rect-export{overflow:hidden;flex-shrink:0;aspect-ratio:unset}.export-capture-frame--preview{width:100%;max-width:340px;height:auto}.export-capture-frame--ar-iphone_portrait{aspect-ratio:9 / 19.5}.export-capture-frame--ar-square{aspect-ratio:1 / 1}.export-capture{width:100%;min-height:0;box-sizing:border-box;padding:0;overflow:hidden;align-content:center;justify-content:center;justify-items:stretch;align-items:stretch}.export-capture.export-capture--pixel-grid{width:max-content;height:max-content;max-width:none;flex-shrink:0;align-content:start;justify-content:start}.export-capture.export-capture--pixel-grid>.record-card.export-tile{min-width:0!important;overflow:hidden!important}.rating-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:30;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rating-modal{background:var(--mc-panel);border:3px solid var(--mc-border);border-radius:12px;padding:12px;text-align:center;max-width:180px;width:90%;box-shadow:inset 0 2px #ffffffa6,0 4px #0000001f,0 12px 24px var(--mc-shadow-deep)}.rating-modal h3{color:var(--mc-text);margin-bottom:8px;font-size:.85rem;font-weight:600}.rating-stars{display:flex;gap:4px;justify-content:center;margin-bottom:8px;flex-wrap:wrap}.rating-star-btn{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);border:2px solid var(--mc-border);border-radius:8px;padding:6px 8px;color:var(--mc-white);font-size:.7rem;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease;min-width:36px;text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px #ffffff47,0 2px #1e4a7a}.rating-star-btn:hover{filter:brightness(1.08);transform:translateY(-1px) scale(1.05)}.overlay-btn.rate-btn{background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);border:3px solid var(--mc-border)}.overlay-btn.rate-btn:hover{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff40,0 3px #1e4a7a}.overlay-btn.rate-btn.rated{background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);border:3px solid var(--mc-border)}.overlay-btn.rate-btn.rated:hover{background:linear-gradient(180deg,var(--mc-orange) 0%,var(--mc-orange-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff40,0 3px #0003}.rating-overlay{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.8);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:4px;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.rating-stars-display{display:flex;gap:2px}.rating-star-display{color:#ff9500;font-size:12px;line-height:1}.rating-value-display{color:#ff9500;font-size:11px;font-weight:600;margin-left:4px}.current-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:rgba(255,215,0,.2);border-radius:6px;border:2px solid #FFD700}.current-rating span{color:#fff;font-size:.8rem;font-weight:700;text-shadow:1px 1px 0 #006400}.current-rating-stars{display:flex;gap:2px}.current-rating-star{color:gold;font-size:14px;line-height:1;text-shadow:1px 1px 0 #000000}.current-rating-value{color:gold!important;font-weight:700;font-size:.8rem;text-shadow:1px 1px 0 #000000}@keyframes playNowFadeIn{0%{opacity:0}to{opacity:1}}@keyframes playNowPulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 30px #fff0}}@keyframes playNowScaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes playNowCheckmark{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes playNowDrawCheck{0%{strokeDashoffset:24}to{strokeDashoffset:0}}@keyframes playNowSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tileFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes tileFlipReverse{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes albumFlipIn{0%{opacity:0}to{opacity:1}}.note-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:30;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.note-modal{background:var(--mc-panel);border:3px solid var(--mc-border);border-radius:12px;padding:12px;text-align:center;max-width:200px;width:90%;box-shadow:inset 0 2px #ffffffa6,0 4px #0000001f,0 12px 24px var(--mc-shadow-deep)}.note-modal h3{color:var(--mc-text);margin-bottom:8px;font-size:.85rem;font-weight:600}.note-textarea{width:100%;min-height:50px;padding:8px;border:1px solid #d1d1d6;border-radius:6px;background:#ffffff;color:var(--mc-text);font-size:.7rem;font-family:inherit;resize:vertical;margin-bottom:6px;box-shadow:0 1px 3px #0000001a}.note-textarea:focus{outline:none;border-color:var(--mc-blue);box-shadow:0 0 0 3px #007aff1a}.note-character-count{color:#666;font-size:.6rem;margin-bottom:6px;text-align:right;font-weight:500}.note-modal-buttons{display:flex;gap:6px;justify-content:center}.note-submit-btn{background:var(--mc-blue);color:#fff}.note-submit-btn:hover:not(:disabled){background:var(--mc-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.note-submit-btn:disabled{background:#d1d1d6;color:#8e8e93;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.overlay-btn.note-btn{background:linear-gradient(180deg,var(--mc-panel) 0%,var(--mc-panel-inactive) 100%);color:var(--mc-text);border:3px solid var(--mc-border)}.overlay-btn.note-btn:hover{background:linear-gradient(180deg,var(--mc-green) 0%,var(--mc-green-dark) 100%);color:var(--mc-white);border-color:var(--mc-border);transform:translateY(-1px);text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff40,0 3px #2d6a2d}.record-note{margin-top:8px;padding:8px 10px;background:rgba(74,144,226,.12);border-radius:8px;border:2px solid rgba(74,144,226,.35)}.note-text{color:var(--mc-blue);font-size:.75rem;line-height:1.3;word-wrap:break-word;font-weight:500}.first-play-prompt-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:30;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.first-play-prompt-modal{background:var(--mc-panel);border:3px solid var(--mc-border);border-radius:12px;padding:12px 16px;text-align:center;max-width:200px;width:80%;box-shadow:inset 0 2px #ffffffa6,0 4px #0000001f,0 12px 28px var(--mc-shadow-deep);animation:modalSlideIn .3s ease-out;position:relative;z-index:35}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.first-play-prompt-modal h3{color:var(--mc-text);margin-bottom:8px;font-size:.9rem;font-weight:600}.first-play-prompt-modal p{color:#666;margin-bottom:12px;font-size:.75rem;line-height:1.3}.first-play-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.first-play-buttons .overlay-btn{flex:1;min-width:80px;padding:6px 10px;font-size:.7rem;font-weight:500}.random-album-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,35,55,.82);display:flex;align-items:center;justify-content:center;z-index:4000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.random-album-modal{background:var(--mc-panel);border:3px solid var(--mc-border);border-radius:16px;padding:28px 24px 24px;max-width:400px;width:90%;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffa6,0 6px #0000001f,0 18px 36px var(--mc-shadow-deep);transition:transform .3s ease,opacity .3s ease}.random-album-modal--playing{transform:scale(.97);opacity:.88}.random-album-modal__playing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--mc-blue) 0%,var(--mc-blue-dark) 50%,#1e4a7a 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;z-index:10;margin:2px;animation:playNowFadeIn .8s ease;box-shadow:inset 0 2px #fff3}.random-album-modal__pulse-outer{width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.18);border:3px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:inset 0 2px #ffffff4d,0 4px #0003;animation:playNowPulse 1.5s ease infinite}.random-album-modal__pulse-inner{width:60px;height:60px;border-radius:50%;background:var(--mc-white);border:3px solid var(--mc-border);display:flex;align-items:center;justify-content:center;box-shadow:0 3px #00000026;animation:playNowScaleIn 1s cubic-bezier(.68,-.55,.265,1.55)}.random-album-modal__now-playing{color:var(--mc-white);font-size:1.25rem;font-weight:800;line-height:1.25;max-width:280px;padding:0 16px;text-align:center;animation:playNowSlideUp 1s ease .9s both;text-shadow:2px 3px 0 rgba(0,0,0,.25);letter-spacing:-.02em}.random-album-modal__cover{width:100%;max-width:300px;height:auto;border-radius:12px;margin-bottom:18px;border:3px solid var(--mc-border);box-shadow:inset 0 2px #ffffff73,0 4px #0000001f,0 10px 24px #0000002e;transition:transform .3s ease}.random-album-modal__cover--playing{transform:scale(.92)}.random-album-modal__title{margin:0 0 8px;font-size:1.35rem;font-weight:800;color:var(--mc-text);letter-spacing:-.02em;line-height:1.25}.random-album-modal__artist{margin:0 0 8px;font-size:1.05rem;color:var(--mc-text-muted);font-weight:700}.random-album-modal__year{margin:0;font-size:.9rem;color:var(--mc-text-muted);font-weight:600;opacity:.9}.random-album-modal__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.random-album-modal__btn{padding:12px 18px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;border:3px solid var(--mc-border);transition:transform .12s ease,filter .12s ease,opacity .2s ease}.random-album-modal__btn--primary{background:linear-gradient(180deg,var(--mc-blue) 0%,var(--mc-blue-dark) 100%);color:var(--mc-white);text-shadow:1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff47,0 4px #1e4a7a,0 8px 16px #00000038}.random-album-modal__btn--primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.random-album-modal__btn--primary:active:not(:disabled){transform:translateY(1px)}.random-album-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.25);transform:scale(.96)}.random-album-modal__btn--secondary{background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text);box-shadow:inset 0 2px #ffffff73,0 3px #00000026}.random-album-modal__btn--secondary:hover{filter:brightness(1.05);transform:translateY(-2px)}.random-album-modal__btn--ghost{background:linear-gradient(180deg,rgba(244,239,216,.4) 0%,rgba(220,216,200,.5) 100%);color:var(--mc-text-muted);font-weight:700}.random-album-modal__btn--ghost:hover{background:linear-gradient(180deg,var(--mc-panel-inactive) 0%,#c9c4b4 100%);color:var(--mc-text)}.corner-fab{position:fixed;top:24px;z-index:3000;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid var(--mc-border);font-weight:800;line-height:1;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;color:var(--mc-white);text-shadow:1px 2px 0 rgba(0,0,0,.25);padding:0;margin:0;-webkit-tap-highlight-color:transparent}.corner-fab:hover{filter:brightness(1.07);transform:translateY(-3px)}.corner-fab:active{transform:translateY(1px);filter:brightness(.96)}.corner-fab--random{left:24px;width:52px;height:52px;border-radius:14px;font-size:22px;background:linear-gradient(180deg,var(--mc-orange) 0%,var(--mc-orange-dark) 100%);box-shadow:inset 0 2px #ffffff59,0 5px #00000038,0 10px 22px #00000047}.corner-fab--random:hover{box-shadow:inset 0 2px #fff6,0 6px #0003,0 14px 28px #00000052}.corner-fab--random:active{box-shadow:inset 0 2px 6px #0003,0 3px #00000040}.corner-fab--screensaver{right:24px;width:56px;height:56px;border-radius:50%;font-size:24px;background:linear-gradient(180deg,var(--mc-green) 0%,var(--mc-green-dark) 100%);box-shadow:inset 0 2px #ffffff59,0 5px #00000038,0 10px 22px #00000047}.corner-fab--screensaver:hover{box-shadow:inset 0 2px #fff6,0 6px #0003,0 14px 28px #00000052}.corner-fab--screensaver:active{box-shadow:inset 0 2px 6px #0003,0 3px #00000040}@media (max-width: 768px){.container{padding:12px}.header h1{font-size:1.75rem}.username-form{padding:20px}.records-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.record-image{height:140px}.record-info{padding:10px}.record-title{font-size:.75rem}.record-artist{font-size:.7rem}.click-counter{width:20px;height:20px;font-size:.65rem}.overlay-buttons{width:90%;gap:6px}.overlay-btn{padding:6px 10px;font-size:.7rem}.corner-fab{top:16px}.corner-fab--random{left:12px;width:48px;height:48px;font-size:20px;border-radius:12px}.corner-fab--screensaver{right:12px;width:52px;height:52px;font-size:22px}}