.notch-demo-module__m13nDW__scope{isolation:isolate}@layer components{.notch-demo-module__m13nDW__scope.notch-demo{justify-content:center;width:100%;display:flex}.notch-demo-module__m13nDW__scope .notch-frame{aspect-ratio:16/10;--menu-h:3.4cqi;--notch-w:17cqi;--notch-h:var(--menu-h);--notch-r:1.2cqi;--panel-w:92cqi;--panel-h:40.15cqi;--panel-r:2cqi;--tile-r:1.4cqi;--stroke:#ffffff14;--stroke-hairline:#ffffff1a;--tile-bg:#202020;--tile-bg-2:#191919;--panel-bg:#000;--ink:#f5f5f7;--ink-dim:#f5f5f78c;--ink-mute:#f5f5f752;--accent:#3b82f6;width:100%;max-width:1280px;position:relative;container-type:inline-size}.notch-demo-module__m13nDW__scope .notch-bezel{background:#111;border-radius:2.2cqi;padding:.7cqi;position:absolute;inset:0;box-shadow:0 1.5cqi 3cqi #0000002e,0 .2cqi .8cqi #00000024}.notch-demo-module__m13nDW__scope .notch-screen{background:#000;border-radius:1.6cqi;width:100%;height:100%;position:relative;inset:0;overflow:hidden}.notch-demo-module__m13nDW__scope .notch-screen img{-webkit-user-select:none;user-select:none;pointer-events:none}.notch-demo-module__m13nDW__scope .notch-menubar{height:var(--menu-h);color:#fff;letter-spacing:-.005em;text-shadow:0 .05cqi .15cqi #00000059;z-index:2;justify-content:space-between;align-items:center;padding:0 1.1cqi;font-size:1.1cqi;line-height:1;display:flex;position:absolute;inset:0 0 auto}:is(.notch-demo-module__m13nDW__scope .notch-menu-left,.notch-demo-module__m13nDW__scope .notch-menu-right){flex:1 1 0;align-items:center;gap:1.1cqi;display:flex}.notch-demo-module__m13nDW__scope .notch-menu-right{justify-content:flex-end}.notch-demo-module__m13nDW__scope .notch-menu-item{white-space:nowrap;font-weight:500}.notch-demo-module__m13nDW__scope .notch-menu-bold{font-weight:700}.notch-demo-module__m13nDW__scope .glyph{color:currentColor;flex-shrink:0;width:1.4cqi;height:1.4cqi;display:inline-block}.notch-demo-module__m13nDW__scope .glyph.battery{width:2.1cqi;height:1cqi}.notch-demo-module__m13nDW__scope .battery-wrap{align-items:center;gap:.3cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .battery-pct{color:#ffffffd9;font-size:1.1cqi}.notch-demo-module__m13nDW__scope .notch-anchor{width:var(--notch-w);height:var(--menu-h);z-index:5;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.notch-demo-module__m13nDW__scope .notch-hit{width:calc(var(--notch-w) + 3cqi);height:calc(var(--notch-h) + 1cqi);cursor:pointer;pointer-events:auto;z-index:3;background:0 0;border:0;padding:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.notch-demo-module__m13nDW__scope .notch-hit:focus-visible{outline-offset:2px;border-radius:var(--notch-r);outline:2px solid #4f8dff}.notch-demo-module__m13nDW__scope .notch-shape{width:var(--notch-w);height:var(--notch-h);border-bottom-left-radius:var(--notch-r);border-bottom-right-radius:var(--notch-r);background:#000;position:absolute;top:0;left:50%;transform:translate(-50%)}.notch-demo-module__m13nDW__scope .notch-panel{width:var(--panel-w);height:var(--panel-h);background:var(--panel-bg);color:var(--ink);pointer-events:auto;--panel-side-inset:calc((100% - var(--notch-w)) / 2);--panel-bottom-inset:calc(100% - var(--notch-h));clip-path:inset(0 var(--panel-side-inset) var(--panel-bottom-inset) var(--panel-side-inset) round 0 0 var(--notch-r) var(--notch-r));will-change:clip-path;contain:layout paint;z-index:2;border-top-left-radius:0;border-top-right-radius:0;transition:clip-path .32s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 1.5cqi 3cqi #00000059}.notch-demo-module__m13nDW__scope .notch-panel.is-open{--panel-side-inset:0px;--panel-bottom-inset:0px;clip-path:inset(0 0 0 0 round 0 0 var(--panel-r) var(--panel-r));transition-duration:.44s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.notch-demo-module__m13nDW__scope .notch-panel-content{opacity:0;transform-origin:top;pointer-events:none;flex-direction:column;gap:.8cqi;padding:.65cqi 1.03cqi 1.03cqi;transition:opacity .11s,transform .18s;display:flex;position:absolute;inset:0;transform:translateY(-.25cqi)scale(.992)}.notch-demo-module__m13nDW__scope .notch-panel.is-open .notch-panel-content{opacity:1;pointer-events:auto;transition:opacity .19s .1s,transform .32s cubic-bezier(.16,1,.3,1) 70ms;transform:none}.notch-demo-module__m13nDW__scope .notch-hint{top:calc(var(--menu-h) + 1.4cqi);pointer-events:none;z-index:4;justify-content:center;align-items:center;animation:.35s both notch-demo-module__m13nDW__hint-fade-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.notch-demo-module__m13nDW__scope .notch-hint-pill{isolation:isolate;-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);color:#f5f5f7;white-space:nowrap;z-index:1;background:#121218d1;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.55cqi;padding:.75cqi 1.25cqi;font-size:1.25cqi;font-weight:600;animation:1.8s ease-in-out infinite notch-demo-module__m13nDW__hint-float,2.4s ease-in-out infinite notch-demo-module__m13nDW__hint-glow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 .3cqi .9cqi #00000073,0 0 1.4cqi #7391ff33,inset 0 1px #ffffff1f}.notch-demo-module__m13nDW__scope .notch-hint-pill:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff3d,#0000);width:28%;animation:3.2s ease-in-out infinite notch-demo-module__m13nDW__hint-sheen;position:absolute;inset:-60% auto -60% -35%;transform:skew(-18deg)}.notch-demo-module__m13nDW__scope .notch-hint .arrow-up{color:#7fb0ff;width:1.2cqi;height:1.2cqi;animation:1.2s ease-in-out infinite notch-demo-module__m13nDW__hint-arrow}.notch-demo-module__m13nDW__scope .notch-hint-ring{opacity:0;pointer-events:none;border:1.5px solid #7fb0ff8c;border-radius:999px;width:7cqi;height:7cqi;margin-left:-3.5cqi;animation:2s ease-out infinite notch-demo-module__m13nDW__hint-ring;position:absolute;top:-1.6cqi;left:50%}.notch-demo-module__m13nDW__scope .notch-hint-ring-b{animation-delay:1s}.notch-demo-module__m13nDW__scope .notch-hint-text-touch{display:none}@media (hover:none){.notch-demo-module__m13nDW__scope .notch-hint-text-desktop{display:none}.notch-demo-module__m13nDW__scope .notch-hint-text-touch{display:inline}}@keyframes notch-demo-module__m13nDW__hint-fade-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@keyframes notch-demo-module__m13nDW__hint-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes notch-demo-module__m13nDW__hint-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes notch-demo-module__m13nDW__hint-glow{0%,to{box-shadow:0 .3cqi .9cqi #00000073,0 0 1.1cqi #7391ff1f,inset 0 1px #ffffff1f}50%{box-shadow:0 .35cqi 1cqi #0000007a,0 0 1.8cqi #7391ff57,inset 0 1px #ffffff2e}}@keyframes notch-demo-module__m13nDW__hint-sheen{0%,28%{opacity:0;left:-35%}38%{opacity:1}60%,to{opacity:0;left:115%}}@keyframes notch-demo-module__m13nDW__hint-ring{0%{opacity:.55;transform:scale(.35)}70%{opacity:0}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.notch-demo-module__m13nDW__scope .notch-hint{animation:none}.notch-demo-module__m13nDW__scope .notch-hint-pill{animation:none}.notch-demo-module__m13nDW__scope .notch-hint .arrow-up{animation:none}.notch-demo-module__m13nDW__scope .notch-hint-pill:after{animation:none}.notch-demo-module__m13nDW__scope .notch-hint-ring{display:none}.notch-demo-module__m13nDW__scope .notch-panel{transition:none}.notch-demo-module__m13nDW__scope .notch-panel-content{transition:none}}.notch-demo-module__m13nDW__scope .notch-toolbar{height:2.2cqi;color:var(--ink-dim);flex-shrink:0;justify-content:space-between;align-items:center;gap:1cqi;padding:0 .2cqi;font-size:.85cqi;display:flex}.notch-demo-module__m13nDW__scope .notch-search{color:var(--ink-dim);align-items:center;gap:.5cqi;font-size:.85cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .notch-toolbar-right{align-items:center;gap:.65cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .notch-pages{align-items:center;gap:.15cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .notch-page{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.25cqi .65cqi;font-size:.85cqi;font-weight:500;transition:background .15s,color .15s}.notch-demo-module__m13nDW__scope .notch-page.on{color:#fff;background:#ffffff1f}.notch-demo-module__m13nDW__scope .notch-page.ghost{color:var(--ink-mute);padding-inline:.55cqi}.notch-demo-module__m13nDW__scope .notch-glyphs{color:var(--ink-dim);align-items:center;gap:.7cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .tool-glyph{width:1.9cqi;height:1.9cqi;color:var(--ink-dim);justify-content:center;align-items:center;line-height:1;display:inline-flex}.notch-demo-module__m13nDW__scope .tool-glyph .glyph{width:1.5cqi;height:1.5cqi}.notch-demo-module__m13nDW__scope .notch-grid{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:.85cqi;min-height:0;display:grid;position:relative}.notch-demo-module__m13nDW__scope .notch-grid[data-page=dev]{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr))}.notch-demo-module__m13nDW__scope .notch-tile{background:linear-gradient(180deg, var(--tile-bg) 0%, var(--tile-bg-2) 100%);border-radius:var(--tile-r);opacity:0;flex-direction:column;min-height:0;padding:.99cqi;transition:opacity .12s,transform .16s;display:flex;position:relative;overflow:hidden;transform:translateY(.22cqi)scale(.995);box-shadow:inset 0 0 0 .06cqi #ffffff1f,inset 0 .06cqi #ffffff08}.notch-demo-module__m13nDW__scope .notch-panel.is-open .notch-tile{opacity:1;transition-duration:.22s,.32s;transition-timing-function:ease,cubic-bezier(.16,1,.3,1);transition-delay:calc(.115s + var(--i,0) * 7ms);transform:none}.notch-demo-module__m13nDW__scope .notch-tile.span-1{grid-column:span 1}.notch-demo-module__m13nDW__scope .notch-tile.span-2{grid-column:span 2}.notch-demo-module__m13nDW__scope .notch-tile.span-3{grid-column:span 3}.notch-demo-module__m13nDW__scope .notch-tile.placed{grid-column:var(--column);grid-row:var(--row)}@media (prefers-reduced-motion:reduce){.notch-demo-module__m13nDW__scope .notch-tile{opacity:1;transition:none;transform:none}}.notch-demo-module__m13nDW__scope .tile-inner{height:100%;color:var(--ink);flex-direction:column;gap:.42cqi;min-width:0;display:flex}.notch-demo-module__m13nDW__scope .tile-inner.center-tile{justify-content:center;align-items:center}.notch-demo-module__m13nDW__scope .downloads-body{flex:1;align-items:center;gap:.65cqi;display:flex}.notch-demo-module__m13nDW__scope .downloads-folder{color:#1368d6e6;background:linear-gradient(#28a8ff,#0877db);border-radius:.25cqi;place-items:center;width:3.1cqi;height:2.35cqi;display:grid;position:relative;box-shadow:inset 0 0 0 .06cqi #ffffff38}.notch-demo-module__m13nDW__scope .downloads-folder:before{content:"";background:#269ff2;border-radius:.2cqi .2cqi 0 0;width:1.35cqi;height:.45cqi;position:absolute;top:-.28cqi;left:.2cqi}.notch-demo-module__m13nDW__scope .download-arrow{color:#0c6ed2;width:1.5cqi;height:1.5cqi;position:relative}.notch-demo-module__m13nDW__scope .downloads-count{font-variant-numeric:tabular-nums;font-size:1.45cqi;font-weight:650;line-height:1}.notch-demo-module__m13nDW__scope .tile-head{color:var(--ink-dim);align-items:center;gap:.38cqi;min-width:0;font-size:.84cqi;font-weight:600;line-height:1;display:flex}.notch-demo-module__m13nDW__scope .tile-head-glyph{color:var(--ink-dim);display:inline-flex}.notch-demo-module__m13nDW__scope .tile-head-glyph .glyph{width:.95cqi;height:.95cqi}.notch-demo-module__m13nDW__scope .tile-head-title{color:var(--ink);font-size:.9cqi;font-weight:600}.notch-demo-module__m13nDW__scope .tile-head-right{color:var(--ink-dim);align-items:center;gap:.28cqi;margin-left:auto;font-size:.78cqi;font-weight:500;display:inline-flex}.notch-demo-module__m13nDW__scope .tile-head-date{color:var(--ink-dim);font-size:.78cqi;font-weight:500}.notch-demo-module__m13nDW__scope .tile-label{color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase;font-size:.64cqi;font-weight:600;line-height:1}.notch-demo-module__m13nDW__scope .mono-dim{color:var(--ink-mute);font-family:var(--mono);font-size:.72cqi}.notch-demo-module__m13nDW__scope .ml{margin-left:auto}.notch-demo-module__m13nDW__scope .flex-1{flex:1;min-width:0}.notch-demo-module__m13nDW__scope .today-split{grid-template-columns:1fr .06cqi 1fr;gap:.75cqi;height:100%;padding-top:.2cqi;display:grid}.notch-demo-module__m13nDW__scope .today-col{flex-direction:column;gap:.28cqi;min-width:0;display:flex}.notch-demo-module__m13nDW__scope .today-rule{background:var(--stroke-hairline)}.notch-demo-module__m13nDW__scope .today-status-icon{color:var(--ink-mute);display:inline-flex}.notch-demo-module__m13nDW__scope .today-status-icon .glyph{width:1.1cqi;height:1.1cqi}.notch-demo-module__m13nDW__scope .today-empty{color:var(--ink-mute);white-space:nowrap;font-size:.75cqi}.notch-demo-module__m13nDW__scope .today-hero{color:var(--ink);font-size:1.4cqi;font-weight:600;line-height:1.15}.notch-demo-module__m13nDW__scope .today-hero-sub{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:1.05cqi}.notch-demo-module__m13nDW__scope .today-remind{color:var(--ink);align-items:center;gap:.5cqi;font-size:.82cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .today-remind .glyph{width:1.2cqi;height:1.2cqi;color:var(--ink-dim)}.notch-demo-module__m13nDW__scope .mail-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.1cqi;font-weight:600}.notch-demo-module__m13nDW__scope .mail-compose{background:#ffffff0f;border-radius:.55cqi;justify-content:center;align-items:center;width:1.65cqi;height:1.4cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .mail-compose .glyph{width:1cqi;height:1cqi;color:var(--ink-dim)}.notch-demo-module__m13nDW__scope .mail-list{flex-direction:column;gap:.34cqi;min-width:0;padding-top:.15cqi;display:flex}.notch-demo-module__m13nDW__scope .mail-row{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.42cqi;min-width:0;display:grid}.notch-demo-module__m13nDW__scope .mail-name{color:var(--ink);white-space:nowrap;font-size:.82cqi;font-weight:600}.notch-demo-module__m13nDW__scope .mail-preview{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78cqi;overflow:hidden}.notch-demo-module__m13nDW__scope .mail-age{color:var(--ink-mute);font-variant-numeric:tabular-nums;font-size:.7cqi}.notch-demo-module__m13nDW__scope .clock-tile{justify-content:center;align-items:center;gap:.35cqi}.notch-demo-module__m13nDW__scope .clock-time{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:1.15cqi;font-weight:600}.notch-demo-module__m13nDW__scope .clock-date{color:var(--ink-dim);letter-spacing:.08em;white-space:nowrap;font-size:.64cqi;font-weight:500}.notch-demo-module__m13nDW__scope .ring-wrap{aspect-ratio:1;justify-content:center;align-items:center;max-width:100%;height:100%;max-height:100%;display:flex;position:relative}.notch-demo-module__m13nDW__scope .ring-svg{width:100%;height:100%;position:absolute;inset:0}.notch-demo-module__m13nDW__scope .ring-body{z-index:1;flex-direction:column;align-items:center;gap:.1cqi;display:flex}.notch-demo-module__m13nDW__scope .ring-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.05cqi;font-weight:600;line-height:1.1}.notch-demo-module__m13nDW__scope .ring-caption{color:var(--ink-dim);letter-spacing:.08em;align-items:center;gap:.2cqi;font-size:.55cqi;font-weight:600;line-height:1;display:inline-flex}.notch-demo-module__m13nDW__scope .ring-caption-play{color:var(--ink-dim);font-size:.75cqi}.notch-demo-module__m13nDW__scope .weather-tile{grid-template-rows:minmax(0,1fr) 1.05cqi;gap:.18cqi;padding:0;display:grid;overflow:hidden}.notch-demo-module__m13nDW__scope .weather-top{grid-template-columns:4.15cqi minmax(0,1fr) 4.65cqi;align-items:start;gap:0;min-height:0;padding-top:.05cqi;display:grid}.notch-demo-module__m13nDW__scope .weather-now{flex-direction:column;align-items:center;gap:.04cqi;min-width:0;display:flex}.notch-demo-module__m13nDW__scope .weather-icon{justify-content:center;align-items:center;margin-bottom:.04cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .weather-temp{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.45cqi;font-weight:600;line-height:1}.notch-demo-module__m13nDW__scope .weather-city{color:var(--ink-dim);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.05cqi;font-size:.58cqi;font-weight:500;overflow:hidden}.notch-demo-module__m13nDW__scope .weather-hourly{border-inline:.06cqi solid #ffffff14;grid-template-columns:repeat(4,1fr);align-items:center;gap:.12cqi;height:100%;padding:0 .6cqi;display:grid}.notch-demo-module__m13nDW__scope .weather-h{flex-direction:column;align-items:center;gap:.12cqi;display:flex}.notch-demo-module__m13nDW__scope .weather-h-time{color:var(--ink);white-space:nowrap;font-size:.66cqi;font-weight:500}.notch-demo-module__m13nDW__scope .weather-h-temp{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.74cqi;font-weight:500}.notch-demo-module__m13nDW__scope .weather-daily{grid-template-columns:repeat(3,1fr);align-items:center;gap:.12cqi;height:100%;padding-left:.55cqi;display:grid}.notch-demo-module__m13nDW__scope .weather-d{flex-direction:column;align-items:center;gap:.1cqi;display:flex}.notch-demo-module__m13nDW__scope .weather-d-day{color:var(--ink);font-size:.7cqi;font-weight:600}.notch-demo-module__m13nDW__scope .weather-d-hi{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.72cqi;font-weight:500}.notch-demo-module__m13nDW__scope .weather-d-lo{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.66cqi}.notch-demo-module__m13nDW__scope .glyph.small{width:.9cqi;height:.9cqi}.notch-demo-module__m13nDW__scope .sun-arc{color:var(--ink-dim);font-variant-numeric:tabular-nums;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.38cqi;font-size:.58cqi;display:grid}.notch-demo-module__m13nDW__scope .sun-arc-svg{width:100%;height:.82cqi}.notch-demo-module__m13nDW__scope .sun-arc-t{color:var(--ink-dim);white-space:nowrap;font-size:.58cqi}.notch-demo-module__m13nDW__scope .apps-tile{justify-content:center;padding:.9cqi 1cqi}.notch-demo-module__m13nDW__scope .apps-dock{grid-template-columns:repeat(6,1fr);place-items:center;gap:.4cqi;height:100%;display:grid}.notch-demo-module__m13nDW__scope .app-slot{background:0 0;border-radius:.8cqi;justify-content:center;align-items:center;padding:.38cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .app-slot.on{background:#ffffff1a;box-shadow:inset 0 0 0 .05cqi #ffffff0a}.notch-demo-module__m13nDW__scope .app-icon{border-radius:.64cqi;justify-content:center;align-items:center;width:2.55cqi;height:2.55cqi;display:inline-flex;overflow:hidden;box-shadow:0 .12cqi .28cqi #00000073,inset 0 0 0 .035cqi #ffffff38}.notch-demo-module__m13nDW__scope .app-svg{width:100%;height:100%}.notch-demo-module__m13nDW__scope .clip-count{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:1cqi}.notch-demo-module__m13nDW__scope .clip-grid-btn{background:#ffffff0f;border-radius:.55cqi;justify-content:center;align-items:center;width:1.65cqi;height:1.4cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .clip-grid-btn .glyph{width:1cqi;height:1cqi}.notch-demo-module__m13nDW__scope .clip-strip{flex:1;grid-template-columns:1fr 1fr;gap:.55cqi;min-height:0;padding-top:.3cqi;display:grid}.notch-demo-module__m13nDW__scope .clip-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.notch-demo-module__m13nDW__scope .clip-card{color:var(--ink);background:#ffffff0d;border-radius:.7cqi;padding:.6cqi .7cqi;font-size:.73cqi;line-height:1.3;overflow:hidden;box-shadow:inset 0 0 0 .06cqi #ffffff0d}.notch-demo-module__m13nDW__scope .clip-card.mono{font-family:var(--mono);font-size:.85cqi}.notch-demo-module__m13nDW__scope .clip-code{font-family:var(--mono);font-size:.66cqi}.notch-demo-module__m13nDW__scope .clip-photo{background-position:50%;background-size:cover;min-height:0;padding:0}.notch-demo-module__m13nDW__scope .clip-photo-sunset{background-image:radial-gradient(circle at 70% 35%,#fff4c0f2,#0000 20%),linear-gradient(115deg,#4d2d21 0 38%,#e09a58 55%,#f5cc87 72%,#573426 100%)}.notch-demo-module__m13nDW__scope .clip-photo-leaves{background-image:radial-gradient(at 40% 55%,#69a15d 0 8%,#0000 9%),radial-gradient(at 58% 38%,#3f8550 0 12%,#0000 13%),radial-gradient(at 70% 70%,#285f43 0 14%,#0000 15%),linear-gradient(135deg,#101f25,#3f7056 58%,#0f2f32)}.notch-demo-module__m13nDW__scope .sys-cols{flex:1;grid-template-columns:1fr 1.15fr 1.35fr;gap:.9cqi;min-height:0;padding-top:.4cqi;display:grid}.notch-demo-module__m13nDW__scope .reference-system{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9cqi}.notch-demo-module__m13nDW__scope .sys-col{flex-direction:column;gap:.25cqi;min-width:0;display:flex}.notch-demo-module__m13nDW__scope .sys-val{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.5cqi;font-weight:600;line-height:1.05}.notch-demo-module__m13nDW__scope .sys-val-net{color:var(--ink);white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:.25cqi;font-size:1.05cqi;font-weight:600;display:flex}.notch-demo-module__m13nDW__scope .sys-net-arrow{color:var(--ink);font-weight:600}.notch-demo-module__m13nDW__scope .spark{width:100%;height:1.6cqi;margin-top:.15cqi}.notch-demo-module__m13nDW__scope .search-tile{gap:.55cqi}.notch-demo-module__m13nDW__scope .search-head-glyphs{color:var(--ink-dim);align-items:center;gap:.6cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .search-head-glyphs .glyph{width:1.2cqi;height:1.2cqi}.notch-demo-module__m13nDW__scope .search-field{color:var(--ink-dim);background:#ffffff0f;border-radius:.7cqi;align-items:center;gap:.5cqi;padding:.55cqi .7cqi;display:flex;box-shadow:inset 0 0 0 .06cqi #ffffff0d}.notch-demo-module__m13nDW__scope .search-field .glyph{width:1.15cqi;height:1.15cqi}.notch-demo-module__m13nDW__scope .search-placeholder{color:var(--ink-dim);font-size:1.05cqi}.notch-demo-module__m13nDW__scope .search-caption{color:var(--ink-mute);font-size:.9cqi}.notch-demo-module__m13nDW__scope .capture-tile{gap:.42cqi;min-height:0;padding:0}.notch-demo-module__m13nDW__scope .capture-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);gap:.34cqi;min-height:0;display:grid}.notch-demo-module__m13nDW__scope .cap-btn{color:var(--ink);cursor:default;background:#ffffff0f;border:0;border-radius:.7cqi;justify-content:center;align-items:center;min-width:0;min-height:0;padding:.18cqi;display:flex}.notch-demo-module__m13nDW__scope .cap-btn .glyph{width:1.15cqi;height:1.15cqi;color:var(--ink)}.notch-demo-module__m13nDW__scope .scratchpad-tile{gap:.5cqi}.notch-demo-module__m13nDW__scope .scratch-editor{min-height:0;color:var(--ink-mute);font-family:var(--mono);background:#ffffff0d;border-radius:.7cqi;flex:1;padding:.6cqi .75cqi;font-size:1cqi;box-shadow:inset 0 0 0 .06cqi #ffffff0d}.notch-demo-module__m13nDW__scope .todos-empty{color:var(--ink-mute);align-items:center;gap:.5cqi;padding-top:.3cqi;font-size:1.05cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .todos-empty .glyph{color:var(--ink-mute)}.notch-demo-module__m13nDW__scope .todos-add{color:var(--ink-mute);align-items:center;gap:.5cqi;margin-top:auto;font-size:1.05cqi;display:inline-flex}.notch-demo-module__m13nDW__scope .todos-add .glyph{color:var(--ink-mute)}.notch-demo-module__m13nDW__scope .dev-list{flex-direction:column;gap:.4cqi;min-width:0;padding-top:.3cqi;font-size:.95cqi;display:flex}.notch-demo-module__m13nDW__scope .session-list{color:var(--ink-mute);flex-direction:column;gap:.34cqi;padding-top:.18cqi;font-size:.72cqi;display:flex}.notch-demo-module__m13nDW__scope .session-list>div{justify-content:space-between;align-items:center;gap:.5cqi;display:flex}.notch-demo-module__m13nDW__scope .session-list>div:before{content:"";background:#ffffff14;border-radius:50%;flex:none;width:.3cqi;height:.3cqi}.notch-demo-module__m13nDW__scope .session-list>div>:first-child{margin-right:auto}.notch-demo-module__m13nDW__scope .git-empty{color:var(--ink-mute);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.35cqi;font-size:.68cqi;display:flex}.notch-demo-module__m13nDW__scope .git-empty .glyph{width:1.4cqi;height:1.4cqi}.notch-demo-module__m13nDW__scope .server-stop{border:.07cqi solid var(--ink-dim);width:1cqi;height:1cqi;color:var(--ink-dim);border-radius:50%;place-items:center;font-size:.85cqi;line-height:1;display:grid}.notch-demo-module__m13nDW__scope .dev-row{align-items:center;gap:.55cqi;min-width:0;display:flex}.notch-demo-module__m13nDW__scope .dev-row .mono{font-family:var(--mono);color:var(--ink);font-size:.95cqi}.notch-demo-module__m13nDW__scope .git-m{color:#fc5}.notch-demo-module__m13nDW__scope .git-a{color:#4ade80}.notch-demo-module__m13nDW__scope .server-dot{border-radius:999px;flex-shrink:0;width:.65cqi;height:.65cqi}.notch-demo-module__m13nDW__scope .server-dot.up{background:#30d158}.notch-demo-module__m13nDW__scope .server-dot.down{background:#fff3}.notch-demo-module__m13nDW__scope .cmd-row{flex-flow:wrap;align-items:center;gap:.45cqi;padding-top:.3cqi;display:flex}.notch-demo-module__m13nDW__scope .cmd-pill{color:var(--ink);background:#ffffff14;border-radius:999px;padding:.35cqi .8cqi;font-size:.95cqi}.notch-demo-module__m13nDW__scope .usage-body{flex-direction:column;gap:.18cqi;padding-top:.18cqi;display:flex}.notch-demo-module__m13nDW__scope .usage-row{align-items:center;gap:.45cqi;display:flex}.notch-demo-module__m13nDW__scope .usage-cap{color:var(--ink-dim);width:1.6cqi;font-size:.85cqi;font-weight:600}.notch-demo-module__m13nDW__scope .usage-total{color:#30d158;font-weight:650}.notch-demo-module__m13nDW__scope .usage-percent{min-width:1.6cqi;color:var(--ink);text-align:right;font-size:.7cqi;font-weight:600}.notch-demo-module__m13nDW__scope .usage-reset{color:var(--ink-mute);white-space:nowrap;padding-left:2.05cqi;font-size:.62cqi}.notch-demo-module__m13nDW__scope .now-playing{grid-template-columns:3.7cqi minmax(0,1fr);align-items:center;gap:.72cqi;display:grid}.notch-demo-module__m13nDW__scope .album-art{aspect-ratio:1;background:radial-gradient(circle at 72% 20%,#ffc69061,#0000 42%),linear-gradient(145deg,#d77d67,#bd647e 48%,#75409e);border-radius:.62cqi;width:3.7cqi;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .05cqi #ffffff1a}.notch-demo-module__m13nDW__scope .album-art:after{content:"";filter:blur(.28cqi);background:#371c6347;width:4.5cqi;height:1.25cqi;position:absolute;bottom:.25cqi;left:-.45cqi;transform:rotate(-32deg)}.notch-demo-module__m13nDW__scope .track-copy{min-width:0;color:var(--ink-dim);flex-direction:column;gap:.16cqi;font-size:.7cqi;display:flex}.notch-demo-module__m13nDW__scope .track-copy strong{color:var(--ink);font-size:.82cqi;line-height:1.15}.notch-demo-module__m13nDW__scope .player-controls{gap:.3cqi;margin-top:.28cqi;display:flex}.notch-demo-module__m13nDW__scope .player-controls span{width:1.42cqi;min-width:1.42cqi;height:1.12cqi;color:var(--ink);background:#ffffff1a;border-radius:.42cqi;place-items:center;padding:0;display:grid}.notch-demo-module__m13nDW__scope .transport-glyph{width:.62cqi;height:.62cqi}.notch-demo-module__m13nDW__scope .usage-bar{background:#ffffff14;border-radius:999px;flex:1;height:.4cqi;overflow:hidden}.notch-demo-module__m13nDW__scope .usage-fill{background:var(--accent);height:100%}.notch-demo-module__m13nDW__scope .usage-fill.purple{background:#a78bf5}.notch-demo-module__m13nDW__scope .stat-hero{flex-direction:column;align-items:center;gap:.3cqi;display:flex}.notch-demo-module__m13nDW__scope .stat-hero-val{color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.4cqi;font-weight:600;line-height:1}@media (max-width:767px){.notch-demo-module__m13nDW__scope .notch-frame{--menu-h:3.6cqi;--panel-w:96cqi;--panel-h:56cqi;--panel-r:2.4cqi;--tile-r:2cqi}.notch-demo-module__m13nDW__scope .notch-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);gap:1.6cqi}:is(.notch-demo-module__m13nDW__scope .notch-tile.span-1,.notch-demo-module__m13nDW__scope .notch-tile.span-2,.notch-demo-module__m13nDW__scope .notch-tile.span-3){grid-area:auto/span 2}.notch-demo-module__m13nDW__scope .notch-tile.m-span-1{grid-column:span 1}.notch-demo-module__m13nDW__scope .notch-tile.m-span-2{grid-column:span 2}.notch-demo-module__m13nDW__scope .notch-tile.m-hide{display:none}.notch-demo-module__m13nDW__scope .notch-panel-content{padding:var(--menu-h) 2cqi 1.6cqi}.notch-demo-module__m13nDW__scope .tile-head-title{font-size:max(9px,2cqi)}.notch-demo-module__m13nDW__scope .tile-head{font-size:max(9px,1.8cqi)}.notch-demo-module__m13nDW__scope .tile-head-glyph .glyph{font-size:max(9px,1.8cqi)}.notch-demo-module__m13nDW__scope .tile-head-glyph .glyph{width:max(9px,1.9cqi);height:max(9px,1.9cqi)}.notch-demo-module__m13nDW__scope .tile-label{font-size:max(9px,1.4cqi)}.notch-demo-module__m13nDW__scope .today-hero{font-size:max(11px,2.4cqi)}:is(.notch-demo-module__m13nDW__scope .today-hero-sub,.notch-demo-module__m13nDW__scope .today-remind){font-size:max(9px,1.9cqi)}.notch-demo-module__m13nDW__scope .mail-name{font-size:max(9px,2cqi)}.notch-demo-module__m13nDW__scope .mail-preview{font-size:max(9px,1.85cqi)}:is(.notch-demo-module__m13nDW__scope .mail-age,.notch-demo-module__m13nDW__scope .mail-count){font-size:max(9px,1.75cqi)}.notch-demo-module__m13nDW__scope .clock-time{font-size:max(11px,2.8cqi)}.notch-demo-module__m13nDW__scope .clock-date{font-size:max(9px,1.5cqi)}.notch-demo-module__m13nDW__scope .ring-value{font-size:max(11px,2.4cqi)}.notch-demo-module__m13nDW__scope .ring-caption{font-size:max(9px,1.4cqi)}.notch-demo-module__m13nDW__scope .weather-temp{font-size:max(12px,3cqi)}.notch-demo-module__m13nDW__scope .weather-city{font-size:max(9px,1.4cqi)}:is(.notch-demo-module__m13nDW__scope .weather-h-time,.notch-demo-module__m13nDW__scope .weather-h-temp,.notch-demo-module__m13nDW__scope .weather-d-day,.notch-demo-module__m13nDW__scope .weather-d-hi,.notch-demo-module__m13nDW__scope .weather-d-lo){font-size:max(9px,1.7cqi)}:is(.notch-demo-module__m13nDW__scope .sun-arc,.notch-demo-module__m13nDW__scope .sun-arc-t){font-size:max(9px,1.3cqi)}.notch-demo-module__m13nDW__scope .notch-search{font-size:max(9px,1.8cqi)}.notch-demo-module__m13nDW__scope .notch-search span{font-size:max(9px,1.8cqi)}.notch-demo-module__m13nDW__scope .notch-page{padding:.6cqi 1.2cqi;font-size:max(9px,1.7cqi)}.notch-demo-module__m13nDW__scope .tool-glyph{width:max(12px,2.6cqi);height:max(12px,2.6cqi)}.notch-demo-module__m13nDW__scope .tool-glyph .glyph{width:max(12px,2.6cqi);height:max(12px,2.6cqi)}:is(.notch-demo-module__m13nDW__scope .notch-menu-item,.notch-demo-module__m13nDW__scope .battery-pct){font-size:max(9px,1.5cqi)}.notch-demo-module__m13nDW__scope .glyph{width:max(10px,1.9cqi);height:max(10px,1.9cqi)}.notch-demo-module__m13nDW__scope .notch-menu-left .notch-menu-item:not(.notch-menu-bold){display:none}}@media (min-width:768px){.notch-demo-module__m13nDW__scope.notch-demo{width:min(80vw,1280px);margin:0 auto}}.notch-demo-module__m13nDW__scope .tool-glyph-btn{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.notch-demo-module__m13nDW__scope .tool-glyph-btn:focus{outline:none}.notch-demo-module__m13nDW__scope .tool-glyph-btn:focus-visible{outline:none}}