/* Browser adaptation of FunNotch v1.1. GPL-3.0; see LICENSE and SOURCE.md. */
.fn-mount{position:absolute;top:0;left:50%;width:690px;height:216px;transform:translateX(-50%) scale(var(--fn-scale,1));transform-origin:top center;z-index:5;pointer-events:none}
.fn-notch{--accent:#0085ff;--tint:transparent;position:relative;width:690px;height:216px;margin:auto;color:#fff;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.25;pointer-events:auto;filter:drop-shadow(0 6px 14px #0008);transition:width .32s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1)}
.fn-notch:not(.is-open){width:300px;height:32px}.fn-notch.has-activity:not(.is-open){width:380px;height:64px}.fn-shape{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;overflow:visible}.fn-shape path{fill:#000}.fn-notch:after{content:"";position:absolute;inset:0 11px;border-radius:0 0 24px 24px;background:var(--tint);pointer-events:none;z-index:0}.fn-expanded{position:relative;z-index:1;width:690px;height:216px;padding:0 22px 20px}.fn-notch:not(.is-open) .fn-expanded{display:none}.fn-notch button{font:inherit;line-height:1.2;background:none;padding:0;color:inherit;border:0}.fn-notch button:disabled{opacity:.35;cursor:default}.fn-notch svg{width:14px;height:14px;display:inline-block;vertical-align:middle;flex-shrink:0}.fn-notch button:focus-visible,.fn-notch input:focus-visible,.fn-notch textarea:focus-visible,.fn-notch canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fn-header{height:30px;display:flex;align-items:center;justify-content:space-between;gap:0}.fn-tabs{display:flex;gap:6px;align-items:center;flex:1}.fn-tabs button{color:#8c8c8c;padding:4px 9px;border-radius:20px;display:flex;align-items:center;justify-content:center;min-width:29px;height:25px}.fn-tabs button svg{width:13px;height:13px}.fn-tabs button:hover{background:#ffffff1a;color:#fff}.fn-tabs button[aria-selected=true]{background:#ffffff2e;color:#fff}.fn-header-right{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:1}.fn-camera-space{width:185px;flex-shrink:1;min-width:120px}.fn-battery{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap}.fn-battery svg{width:26px;height:14px}.fn-header .fn-gear{padding:5px}.fn-header .fn-gear svg{width:15px;height:15px}.fn-panel{height:166px;position:relative}.fn-notch .fn-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 11px;font-size:11px;font-weight:600;background:#ffffff1f;border-radius:20px;white-space:nowrap;min-height:22px}.fn-notch .fn-pill:hover{background:#ffffff30}.fn-notch .fn-pill.primary{background:var(--accent);color:#000}.fn-notch .fn-pill.white{background:#e8e8e8;color:#000}.fn-notch .fn-pill.danger{background:#b42629;color:white}.fn-notch .fn-pill.tiny{font-size:10px;padding:3px 7px;min-height:18px;font-weight:500;color:#bbb}.fn-notch .fn-pill.tiny svg{width:10px;height:10px}.fn-row{display:flex;align-items:center;gap:6px}.fn-spacer{flex:1}.fn-muted{color:#888}.fn-dim{color:#777}.fn-label{font-family:ui-monospace,SFMono-Regular,monospace;font-size:7.5px;font-weight:600;letter-spacing:.6px;color:#777;text-transform:uppercase}.fn-notch .fn-home{padding-top:10px;height:166px;display:flex;flex-direction:column;gap:8px}.fn-home-main{display:flex;gap:14px;height:102px;flex:1;align-items:flex-start}.fn-album{width:90px;height:90px;flex-shrink:0;border-radius:13px;background:linear-gradient(35deg,#773520,#37103f);position:relative;overflow:hidden;cursor:pointer}.fn-album:before{content:"";position:absolute;left:33px;top:33px;width:24px;height:24px;background:#a0a0a0;border-radius:50%;opacity:.7}.fn-album:after{content:"↗";position:absolute;inset:0;background:#0007;display:grid;place-items:center;font-size:23px;opacity:0}.fn-album:hover:after{opacity:1}.fn-player{flex:1;min-width:170px;overflow:hidden}.fn-track-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.fn-track-artist{font-size:12px;font-weight:500;color:#8d8d8d;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-notch input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:linear-gradient(to right,#eee var(--progress,33%),#333 var(--progress,33%));display:block;margin:13px 0 6px;cursor:pointer;accent-color:#eee}.fn-notch input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:white;border-radius:50%;opacity:0}.fn-notch input[type=range]:hover::-webkit-slider-thumb,.fn-notch input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.fn-track-times{font-size:9px;color:#888;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.fn-player-controls{display:flex;align-items:center;justify-content:space-between;height:30px;margin-top:4px}.fn-player-controls button{padding:5px;color:#fff;display:grid;place-items:center}.fn-player-controls button.active{color:var(--accent)}.fn-player-controls .fn-transport{display:flex;align-items:center;gap:2px}.fn-transport button{padding:6px}.fn-transport svg{width:17px;height:17px}.fn-transport .fn-play svg{width:19px;height:19px}.fn-calendar{width:186px;flex-shrink:0;height:100%;display:flex;flex-direction:column}.fn-week{display:flex;gap:2px;justify-content:space-between}.fn-week button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:24px;height:30px;border-radius:6px;font-size:11px;font-weight:600}.fn-week small{font-size:8px;color:#888}.fn-week button.selected{background:white;color:black}.fn-calendar-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#aaa}.fn-calendar-event{margin-top:8px;border-left:3px solid #b27bff;padding-left:6px;font-size:10px}.fn-calendar-event small{display:block;font-size:9px;color:#aaa;margin-top:2px}.fn-calendar-event button{color:var(--accent);font-size:9px;margin-top:3px}.fn-home-strip{height:46px;display:flex;gap:6px;flex-shrink:0}.fn-strip-panel{flex:1;min-width:0;border-radius:8px;background:#ffffff0c;padding:6px 7px;overflow:hidden}.fn-quick-actions{display:flex;gap:4px;padding:0 7px}.fn-quick-actions button{flex:1;border-radius:6px;background:#ffffff0f;display:grid;place-items:center}.fn-quick-actions button:hover{background:#ffffff29}.fn-quick-actions svg{width:15px;height:15px}.fn-stat{display:flex;align-items:center;gap:5px;font-size:8px;color:#aaa;margin-top:3px}.fn-stat-bars{display:flex;align-items:flex-end;gap:1px;height:13px;flex:1}.fn-stat-bars i{width:2px;background:#6adbea}.fn-stat-bars.memory i{background:#ad7bf4}.fn-battery-strip{display:flex;gap:10px;align-items:center}.fn-retro-battery{display:flex;gap:2px;border:1px solid #ffffff66;padding:3px;position:relative;height:21px}.fn-retro-battery:after{content:"";width:2px;height:7px;background:#888;position:absolute;right:-4px;top:6px}.fn-retro-battery i{width:4px;background:#ddd}.fn-strip-text{font-size:9px;color:#bbb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.fn-weather{height:102px;flex:1;min-width:232px;display:flex;gap:10px;align-items:center}.fn-weather-info{width:88px;flex-shrink:0}.fn-weather-info strong{font-size:28px;font-weight:500;display:block;line-height:1.1}.fn-weather-info b{font-size:10px;font-weight:500}.fn-weather-info small{font-size:9px;color:#999;display:block;margin-top:4px}.fn-weather canvas{width:100%;height:88px;image-rendering:pixelated}.fn-weather-scene{flex:1;min-width:80px}.fn-closed{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px!important;font-size:11px!important}.fn-closed[hidden]{display:none}.fn-closed-left,.fn-closed-right{display:flex;gap:5px;align-items:center;min-width:24px}.fn-closed-left .fn-album{width:20px;height:20px;border-radius:4px}.fn-closed-left .fn-album:before{width:6px;height:6px;left:7px;top:7px}.fn-closed .fn-closed-camera{min-width:185px;flex:1}.fn-spectrum{display:flex;align-items:center;gap:2px;height:18px}.fn-spectrum i{width:2px;border-radius:1px;background:var(--accent);animation:fn-spectrum 1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}@keyframes fn-spectrum{from{height:4px}to{height:16px}}.fn-hud{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:3px 3px 10px}.fn-hud-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;height:22px}.fn-hud-top>span{display:flex;align-items:center;gap:6px}.fn-hud-track{height:4px;border-radius:4px;background:#333;overflow:hidden}.fn-hud-track i{display:block;height:100%;background:white}.fn-hud-sub{display:flex;justify-content:space-between;font-size:10px;color:#aaa}.fn-hud-sub b{color:white;font-weight:500}.fn-content-row{display:flex;gap:18px;padding-top:8px;height:100%;align-items:center}.fn-dial{position:relative;width:96px;height:96px;flex-shrink:0;display:grid;place-items:center}.fn-dial>svg{width:108px;height:108px;position:absolute;left:-6px;top:-6px;transform:rotate(-90deg);pointer-events:none}.fn-dial circle{fill:none;stroke:#ffffff1f;stroke-width:6}.fn-dial circle.progress{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:var(--offset,0);transition:stroke-dashoffset .3s}.fn-dial-content{display:flex;flex-direction:column;align-items:center;gap:3px}.fn-dial-content strong{font-size:19px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.fn-dial-content small{font-size:9px;color:#888}.fn-dial-content svg{width:21px;height:21px;color:#bbb}.fn-focus-controls{flex:1}.fn-focus-controls h3{font-size:14px;font-weight:600;margin-bottom:5px}.fn-focus-controls p{font-size:10px;color:#888;margin-bottom:10px}.fn-focus-controls .fn-row{gap:6px;flex-wrap:wrap}.fn-focus-count{font-size:9px;color:#777;margin-top:8px}.fn-block-list{width:176px;align-self:flex-start;padding-top:10px;flex-shrink:0}.fn-block-header{font-size:11px;font-weight:600;display:flex;gap:5px;margin-bottom:5px;color:#bbb}.fn-block-header span{margin-left:auto;font-size:10px;color:#777}.fn-block-list li{list-style:none;background:#ffffff14;border-radius:4px;font-size:9px;color:#aaa;padding:2px 6px;margin-bottom:3px}.fn-block-list ul{padding:0;margin:0}.fn-block-list small{font-size:9px;color:#888;padding-left:6px}.fn-timer-controls{width:200px;flex-shrink:0;align-self:center}.fn-timer-modes{display:flex;gap:4px;margin-bottom:12px}.fn-timer-modes button{font-size:10.5px!important;padding:4px 10px!important}.fn-timer-controls h3{font-size:14px;margin-bottom:5px}.fn-timer-controls p{font-size:10px;color:#aaa}.fn-timer-value{font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:5px 0 10px}.fn-timer-side{flex:1;min-width:0;align-self:center}.fn-timer-side .fn-row{flex-wrap:wrap;margin-top:7px}.fn-timer-side .fn-pill{font-size:10px;padding:4px 8px}.fn-pixel-progress{display:flex;gap:2px;height:10px;margin-top:14px}.fn-pixel-progress i{flex:1;background:#222}.fn-pixel-progress i.lit{background:var(--accent)}.fn-laps{max-height:94px;overflow:auto;font-family:ui-monospace,monospace;font-size:9px;margin-top:7px}.fn-laps>div{display:flex;justify-content:space-between;padding:4px 0;color:#aaa;border-bottom:1px solid #ffffff10}.fn-clipboard{height:100%;padding-top:8px;display:flex;flex-direction:column;gap:6px}.fn-toolbar{display:flex;gap:8px;align-items:center;min-height:20px;font-size:10.5px;color:#888}.fn-search{display:flex;align-items:center;gap:5px;width:150px;background:#ffffff14;border-radius:20px;padding:3px 7px}.fn-search svg{width:9px;height:9px}.fn-search input{width:100%;min-width:0;color:#ddd;font-size:10px;border:0;background:none;padding:0;outline:none}.fn-search input::placeholder{color:#888}.fn-clip-cards{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px 2px 4px;align-items:flex-start;scrollbar-width:thin;scrollbar-color:#444 transparent;flex:1}.fn-notch .fn-clip-card{display:flex;flex-direction:column;flex-shrink:0;gap:6px;text-align:left;width:132px;height:96px;padding:7px;background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;position:relative;transition:background .15s,transform .15s}.fn-clip-card:hover{background:#ffffff24!important;transform:scale(1.025)}.fn-clip-card.pinned{border-color:var(--accent)}.fn-clip-card-top{display:flex;align-items:center;gap:5px;font-size:8px;color:#888}.fn-clip-card-top svg{width:9px;height:9px}.fn-clip-card.pinned .fn-clip-card-top svg{color:var(--accent)}.fn-clip-card-text{font-size:10px;color:#ccc;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow-wrap:anywhere;line-height:1.3}.fn-clip-card.copied:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:#111e;color:var(--accent);font-size:24px;border-radius:8px}.fn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:100%;color:#aaa;font-size:12px}.fn-empty>svg{width:26px;height:26px;color:#777;margin-bottom:2px}.fn-empty small{font-size:10px;color:#888}.fn-shelf{height:100%;padding-top:8px;display:flex;flex-direction:column;gap:6px}.fn-shelf-drop{flex:1;min-height:0;border:1.5px dashed #ffffff33;border-radius:14px}.fn-shelf.is-dragging .fn-shelf-drop{border-color:var(--accent);background:#0085ff14}.fn-shelf-files{flex:1;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#444 transparent;padding:0 2px}.fn-notch .fn-file-tile{position:relative;width:66px;flex-shrink:0;font-size:9px;color:#bbb;text-align:center}.fn-file-preview{display:grid;place-items:center;width:62px;height:62px;border-radius:8px;background:#ffffff14;margin:0 auto 5px;border:2px solid transparent;overflow:hidden}.fn-file-preview svg{width:33px;height:33px;color:#ccc}.fn-file-preview img{width:100%;height:100%;object-fit:cover}.fn-file-tile.selected .fn-file-preview{border-color:var(--accent)}.fn-file-tile>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-notes{height:100%;padding:4px 4px 2px;display:flex;flex-direction:column;gap:6px}.fn-notes select{color:#ccc;background:transparent;border:0;font-family:inherit;font-size:11.5px;font-weight:600;max-width:200px}.fn-notes select option{background:#222}.fn-notes textarea{resize:none;flex:1;width:100%;min-height:0;border:0;background:#ffffff0d;border-radius:8px;color:#eee;font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;padding:8px;outline:none}.fn-notes textarea::placeholder{color:#777}.fn-note-status{font-size:9.5px;color:#888}.fn-game{padding-top:4px;height:100%;display:flex;flex-direction:column;gap:5px}.fn-game-header{height:14px;display:flex;gap:9px;align-items:center;padding:0 2px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9.5px;font-weight:700;color:#888}.fn-game-header strong{font-size:10px;letter-spacing:.5px;color:#ddd}.fn-game-header b{color:white;font-size:11px}.fn-game-header em{font-style:normal;color:var(--accent)}.fn-game-lives{display:flex;gap:3px}.fn-game-lives i{width:5px;height:5px;background:#ff2d75}.fn-game-board{flex:1;position:relative;min-height:0;overflow:hidden;border-radius:8px;background:#ffffff0d}.fn-game-board canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.fn-game-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 14px;background:#000a;border-radius:10px;text-align:center;pointer-events:none;white-space:nowrap}.fn-game-overlay strong{font-size:13px;font-weight:600}.fn-game-overlay small{display:block;font-size:9px;color:#aaa;margin-top:2px}.fn-game-overlay[hidden]{display:none}.fn-game-banner{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:9px ui-monospace,monospace;color:#ccc;pointer-events:none}.desktop-file{position:absolute;right:25px;top:245px;z-index:2;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:#26344c;text-shadow:0 1px 2px #fff8;cursor:grab}.desktop-file>span{font-size:35px;filter:drop-shadow(1px 2px 2px #0003)}.desktop-file>small{font-size:10px}.fn-controls{padding-top:10px;padding-bottom:48px;max-width:830px}.fn-demo-heading{font-size:12px;font-weight:600;display:flex;gap:9px;justify-content:center;align-items:center;margin-bottom:15px;color:#4c4c52}.fn-scenarios{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:5px;background:#ededf0;border-radius:24px;width:max-content;max-width:100%;margin:auto}.fn-scenarios button{background:none;font-size:11px;padding:9px 15px;border-radius:20px;color:#666}.fn-scenarios button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0001;color:#111}.fn-controls .demo-description{margin-top:16px;font-size:12px;line-height:1.5;min-height:18px}.fn-demo-tools{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:13px 0}.fn-demo-tools button{background:none;color:#0071e3;font-size:11px;padding:4px 0}.fn-demo-tools button[aria-pressed=true]{font-weight:650}.fn-scene-tools{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:35px}.fn-scene-tools button,.fn-scene-tools select,.fn-activity-buttons button{border:1px solid #ddd;background:white;color:#555;font-size:11px;padding:7px 11px;border-radius:8px;font-family:inherit}.fn-scene-tools label{font-size:11px;color:#666;display:flex;align-items:center;gap:7px}.fn-activities{margin-top:12px;font-size:11px;color:#555}.fn-activities summary{cursor:pointer;list-style:none;display:inline-block;padding:4px}.fn-activities summary:after{content:" +";color:#0071e3}.fn-activities[open] summary:after{content:" −"}.fn-activity-buttons{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0}.fn-activities p{font-size:10px;color:#777}.fn-disclosure{font-size:10px;line-height:1.6;color:#797980;max-width:670px;margin:16px auto 0}.fn-disclosure a{color:#0071e3}.fn-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(30px);background:#242427f5;backdrop-filter:blur(15px);color:#fff;padding:12px 18px;border-radius:12px;z-index:200;max-width:calc(100% - 36px);width:max-content;font-size:12px;line-height:1.5;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.fn-toast.visible{opacity:1;transform:translateX(-50%)}.fn-dialog{padding:0;border:1px solid #ffffff15;border-radius:13px;background:#232326;color:#eee;width:min(640px,calc(100% - 24px));max-height:85dvh;box-shadow:0 30px 100px #0007;font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}.fn-dialog::backdrop,.fn-fullscreen::backdrop{background:#0006;backdrop-filter:blur(6px)}.fn-dialog button{font:inherit;border:0;cursor:pointer;background:#ffffff12;color:#eee;padding:6px 11px;border-radius:6px}.fn-dialog button:hover{background:#ffffff25}.fn-dialog-title{display:flex;align-items:center;justify-content:space-between;background:#2c2c2f;padding:12px 16px;border-bottom:1px solid #ffffff0c;font-weight:600}.fn-dialog-body{padding:22px}.fn-dialog-body p{margin-bottom:12px;color:#c1c1c6}.fn-dialog-body textarea,.fn-dialog-body input[type=text],.fn-dialog-body input[type=number]{font:inherit;background:#ffffff0d;border:1px solid #ffffff22;border-radius:6px;color:white;padding:9px;width:100%}.fn-dialog-body textarea{min-height:120px;resize:vertical}.fn-dialog-body select{font:inherit;background:#38383d;color:#eee;padding:5px;border:1px solid #555;border-radius:6px}.fn-dialog-body img{max-height:50vh;margin:auto;object-fit:contain}.fn-dialog-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;max-height:40vh;overflow:auto}.fn-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.fn-dialog-actions .primary{background:#007aff}.fn-settings-tabs{display:flex;overflow:auto;gap:2px;padding:8px;background:#29292c;scrollbar-width:thin}.fn-settings-tabs button{background:none;min-width:53px;padding:6px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;border-radius:7px}.fn-settings-tabs svg{height:18px;width:18px}.fn-settings-tabs button[aria-selected=true]{background:#ffffff18}.fn-setting-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff0c;font-size:12px}.fn-setting-row>span small{display:block;color:#aaa;font-size:10px;max-width:390px;margin-top:3px}.fn-setting-row input[type=checkbox]{appearance:none;width:28px;height:17px;border-radius:10px;background:#606063;flex-shrink:0;position:relative;cursor:pointer;margin:0}.fn-setting-row input[type=checkbox]:checked{background:#0085ff}.fn-setting-row input[type=checkbox]:before{content:"";position:absolute;left:2px;top:2px;background:white;width:13px;height:13px;border-radius:50%;transition:transform .15s}.fn-setting-row input[type=checkbox]:checked:before{transform:translateX(11px)}.fn-setting-row input[type=range]{max-width:140px}.fn-settings-body{height:350px;overflow:auto;padding:10px 24px 24px}.fn-settings-body h3{font-size:13px;margin-top:12px}.fn-setting-note{font-size:10px;color:#aaa;line-height:1.6;margin:10px 0}.fn-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.fn-theme-grid button{display:flex;flex-direction:column;gap:10px;align-items:center;border:2px solid transparent;padding:15px 8px}.fn-theme-grid button.active{border-color:#007aff}.fn-theme-swatch{width:50px;height:22px;border-radius:0 0 7px 7px;background:#000;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.fn-theme-swatch i{width:10px;height:3px;background:var(--theme-color)}.fn-context-menu{position:fixed;background:#29292cf8;backdrop-filter:blur(20px);border:1px solid #ffffff26;border-radius:7px;box-shadow:0 8px 20px #0006;z-index:180;padding:4px;width:180px;color:#eee}.fn-context-menu button{display:block;background:none;border:0;width:100%;padding:5px 7px;font-size:11px;text-align:left;border-radius:3px;color:inherit}.fn-context-menu button:hover{background:#007aff}.fn-context-menu hr{border:0;border-top:1px solid #ffffff18;margin:3px}.fn-fullscreen{border:0;padding:0;width:min(1000px,calc(100vw - 24px));max-width:100%;border-radius:16px;background:#e7edf5;color:#222;overflow:visible}.fn-fullscreen-bar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.fn-fullscreen-bar button{color:#0071e3;background:none;font:inherit}.fn-fullscreen>p{font-size:11px;color:#666;padding:0 20px 16px;text-align:center;line-height:1.5}.fn-fullscreen-surface{position:relative;min-height:310px;padding:0 20px 35px;overflow-x:auto;background:linear-gradient(145deg,#c6d8ee,#e5d7e4 80%);border-top:6px solid #222;border-radius:0 0 16px 16px}.fn-fullscreen-surface .fn-mount{position:relative;left:auto;margin:0 auto;transform:none;--fn-scale:1!important;min-width:690px}.fn-fullscreen:has(.fn-settings-tabs){z-index:60}body:has(dialog[open]){overflow:hidden}@media(max-width:800px){.fn-camera-space{min-width:120px}.fn-scenarios button{padding:8px 10px}.desktop-file{top:auto;bottom:65px;right:18px}.desktop-file>span{font-size:28px}.fn-controls .demo-description{font-size:11px}.fn-scenarios{border-radius:15px;gap:0}.fn-scenarios button{font-size:10px}.fn-disclosure{font-size:9px}.fn-fullscreen{width:calc(100vw - 14px)}.fn-theme-grid{gap:5px}.fn-settings-body{padding-inline:15px}.fn-setting-row>span small{max-width:200px}}@media(prefers-reduced-motion:reduce){.fn-notch,.fn-toast{transition:none}.fn-spectrum i{animation:none;height:10px}.fn-clip-card{transition:none}}
.fn-notch>.fn-shape{position:absolute;width:100%;height:100%;inset:0;display:block;overflow:visible}
.fn-demo-media-note{font-size:10px;color:#707078}
.fn-note-status,.fn-label{color:#888}

.fn-notch button.fn-album{background:linear-gradient(35deg,#773520,#37103f)}

.fn-notch:not(.is-open){width:var(--fn-closed-width,249px);filter:none}
.fn-notch.has-activity:not(.is-open){width:315px;height:66px}
.fn-notch:not(.is-open):after{inset:0 5px;border-radius:0 0 14px 14px}
.fn-closed{padding:0!important}
.fn-closed-left{width:var(--fn-left-width,32px);justify-content:center;min-width:0;flex-shrink:0}
.fn-closed-right{width:var(--fn-right-width,32px);justify-content:center;min-width:0;flex-shrink:0}
.fn-closed .fn-closed-camera{width:185px;min-width:185px;flex:none}
.fn-hud{padding:0;display:flex;flex-direction:column}
.fn-hud-camera{height:32px;flex-shrink:0}
.fn-native-activity{display:flex;gap:10px;align-items:center;height:34px;padding:0 16px 8px}
.fn-native-activity>svg{width:20px;height:16px;flex-shrink:0}
.fn-native-activity>.fn-hud-track{flex:1;height:6px}
.fn-native-activity>b{width:42px;text-align:right;font-size:12px;font-weight:600}
.fn-activity-caption{display:flex;flex:1;flex-direction:column;gap:1px}
.fn-activity-caption strong{font-size:11px;font-weight:600}
.fn-activity-caption small{font-size:10px;color:#aaa}

.fn-dialog .fn-dim{color:#aaa}