@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}[hidden]{display:none!important}}@layer base{:root{color:#242820;--ink:#242820;--muted:#686b62;--line:#dcddd4;--accent:#e3e5a6;--paper:#f7f6f2;background:#f7f6f2;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:30px}body{font-size:16px;line-height:1.6}button{color:inherit}a{text-underline-offset:5px}button,a,input{touch-action:manipulation}:focus-visible{outline-offset:5px;outline:3px solid #697827}::selection{background:#dce18c}.wrap{max-width:1240px;margin:auto;padding-left:52px;padding-right:52px}.eyebrow,.chapter-no{letter-spacing:.14em;font:12px/1.5 ui-monospace,Consolas,monospace}.muted,.fine{color:var(--muted)}.fine{font-size:12px;line-height:1.6}h1,h2,h3{letter-spacing:-.055em;font-weight:400;line-height:1.03}h1{font-size:clamp(64px,7.6vw,104px)}h2{font-size:clamp(38px,4.5vw,62px)}h3{font-size:42px}p{max-width:62ch}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:28px;padding:16px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#3b4230}.button:active{transform:scale(.98)}.secondary{color:var(--ink);background:0 0}.underlink{border-bottom:1px solid;width:fit-content;padding-bottom:4px;font-size:14px;font-weight:600;text-decoration:none}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:5px 0;font-size:13px;text-decoration:underline}.skip{z-index:100;background:#fff;padding:10px;position:absolute;top:-100px;left:20px}.skip:focus{top:5px}}@layer components{.site-header{justify-content:space-between;align-items:center;gap:24px;height:112px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:600;text-decoration:none;display:inline-flex}.brand-pill{background:var(--ink);border-radius:20px;width:29px;height:12px;display:block;transform:rotate(-20deg)}.beta{letter-spacing:.08em;color:var(--muted);align-self:center;margin-left:3px;font:9px ui-monospace,monospace}.site-header nav{align-items:center;gap:30px;font-size:14px;display:flex}.site-header nav a{text-decoration:none}.nav-download{border:1px solid #bbbeb2;border-radius:7px;padding:9px 15px}.hero{padding-top:57px;padding-bottom:65px}.hero-kicker{letter-spacing:.12em;align-items:center;gap:10px;margin-bottom:34px;font:12px ui-monospace,monospace;display:flex}.windows-icon{font-size:22px}.hero h1 span{color:#73786b}.hero-bottom{justify-content:space-between;align-items:center;gap:36px;margin-top:40px;display:flex}.hero-bottom p{font-size:18px;line-height:1.55}.hero-actions{justify-items:start;gap:15px;padding-right:80px;display:grid}.demo{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-toolbar{color:var(--muted);justify-content:space-between;align-items:center;padding:14px 0;font:12px ui-monospace,monospace;display:flex}.small-pill{background:var(--ink);border-radius:10px;width:15px;height:6px;margin-right:7px;display:inline-block}.desktop-stage{background:#e9ebdf linear-gradient(135deg,#0000 49.8%,#dce0cf 50%,#0000 50.2%);border-radius:18px;flex-direction:column;min-height:380px;padding:27px 32px;display:flex;position:relative;overflow:hidden}.stage-top{letter-spacing:.12em;color:#696f5f;justify-content:space-between;font:10px ui-monospace,monospace;display:flex}.capsule-anchor{justify-content:center;align-items:center;min-height:267px;padding:20px 0;display:flex}.capsule{color:#f4f4f2;cursor:pointer;background:#090a0c;border-radius:28px;width:84px;height:28px;transition:width .32s,height .32s,border-radius .32s;overflow:hidden;box-shadow:0 14px 26px #2d352124}.capsule-inner{opacity:0;pointer-events:none;width:344px;padding:12px 16px;transition:opacity .15s}.demo[data-mode=peek] .capsule{width:96px;height:32px}.demo[data-mode=music] .capsule{border-radius:25px;width:344px;height:180px}.demo[data-mode=files] .capsule{width:356px;height:252px}.demo[data-mode=controls] .capsule{width:356px;height:310px}.demo[data-mode=music] .capsule-inner,.demo[data-mode=files] .capsule-inner,.demo[data-mode=controls] .capsule-inner{opacity:1;pointer-events:auto}.island-tabs{align-items:center;gap:10px;margin-bottom:20px;display:flex}.island-tabs button{color:#a9aaa8;background:0 0;border:0;border-radius:20px;padding:6px 13px;font-size:12px}.island-tabs button[aria-pressed=true]{color:#fff;background:#202121}.island-tabs #pin-demo{margin-left:auto}.track{align-items:center;gap:15px;display:flex}.album{color:#282c1b;letter-spacing:-4px;background:#ced294;border-radius:12px;flex-shrink:0;width:58px;height:58px;padding:10px;font-size:36px;font-weight:600;line-height:1;position:relative}.album span{letter-spacing:0;font:9px ui-monospace,monospace;position:absolute;bottom:5px;right:5px}.track strong{font-size:15px;font-weight:400;display:block}.track>div>span{color:#a4a4a2;margin-top:4px;font-size:10px;display:block}.transport{justify-content:center;align-items:center;gap:25px;margin-top:13px;display:flex}.transport button{color:#eee;background:0 0;border:0;min-width:32px;min-height:30px;font-size:13px}.transport .play{color:#111;background:#f5f5f1;border-radius:50%;width:34px;height:34px}.desktop-caption{justify-content:space-between;align-items:center;gap:20px;min-height:36px;margin-top:auto;font-size:14px;display:flex}.stage-count{color:#7f8475;font:12px ui-monospace,monospace}.demo-bottom{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.mode-selector{border:1px solid #c9ccbe;border-radius:24px;gap:5px;padding:4px;display:flex}.mode-selector button{background:0 0;border:0;border-radius:20px;padding:6px 16px;font-size:13px}.mode-selector button[aria-pressed=true]{color:#fff;background:#272c22}.demo-bottom p{color:var(--muted);font-size:12px}.tray-heading strong{font-size:14px;display:block}.tray-heading span,.sample-label,.sample-note{color:#b4b6af;font-size:10px}.tray-heading{margin-bottom:9px}#sample-files{max-height:90px;margin:5px 0;padding:0;list-style:none;overflow:auto}#sample-files li{border-bottom:1px solid #292b28;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}#sample-files button{color:#bcbfb6;background:0 0;border:0;padding:3px 8px}.tray-add{color:#e7e9dd;background:#21251d;border:1px solid #41463a;border-radius:6px;padding:7px 12px;font-size:12px}.sample-card{background:#f8f9f3;border:1px solid #c1c6b5;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.sample-card small{font-size:9px}.slider-label{justify-content:space-between;margin-top:15px;font-size:12px;display:flex}.slider-row{align-items:center;gap:8px;display:flex}.slider-row button{color:#fff;background:0 0;border:0}.capsule input[type=range]{accent-color:#dedede;width:100%;height:28px}.settings-demo{color:#fff;text-align:left;background:#222420;border:0;border-radius:8px;width:100%;margin-top:10px;padding:9px 12px;font-size:12px}.settings-demo span{color:#b7b9b1;float:right;font-size:10px}.intro{grid-template-columns:1fr 1fr;gap:25px 90px;padding-top:110px;padding-bottom:95px;display:grid}.intro .eyebrow{grid-column:1/-1}.intro>p:last-child{color:var(--muted);align-self:center;font-size:18px}.story{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:90px;padding-top:65px;padding-bottom:80px;display:grid}.story-rail{gap:28px;height:fit-content;display:grid;position:sticky;top:65px}.story-chapters article{border-bottom:1px solid var(--line);margin-bottom:48px;padding-bottom:62px}.chapter-no{color:#636a57;margin-bottom:24px;display:block}.story-chapters p{color:var(--muted);margin-top:24px}.chapter-button{background:0 0;border:0;border-bottom:1px solid;margin-top:25px;padding:0 0 3px;font-size:14px;font-weight:600}.honest{background:#e9ebdf;border-radius:18px;grid-template-columns:1fr 1fr;gap:90px;padding-top:65px;padding-bottom:80px;display:grid}.honest h2{margin-top:30px}.honest>div:last-child{gap:24px;padding-top:42px;display:grid}.evidence{gap:25px;padding-top:90px;padding-bottom:90px;display:grid}.evidence p:not(.eyebrow){color:var(--muted)}.get-it{background:#dfe3aa;padding:72px 0 65px}.get-it h2{margin:25px 0 32px;font-size:76px}.get-it p{margin-top:18px;font-size:13px}footer{padding-top:50px;padding-bottom:30px}.footer-top{justify-content:space-between;align-items:center;gap:25px;padding-bottom:40px;display:flex}.footer-top p{color:var(--muted);font-size:14px}.footer-top>a:last-child{font-size:14px}.footer-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:22px;padding:20px 0;font-size:12px;display:flex}.footer-links>span{margin-right:auto}.footer-links a{text-decoration:none}dialog{background:var(--paper);width:calc(100% - 32px);max-width:520px;color:var(--ink);border:1px solid #c6c9be;border-radius:16px;padding:32px}dialog::backdrop{background:#0b0d0960}dialog h2{margin:20px 0;font-size:36px}dialog p{font-size:14px}dialog a{font-size:13px}.dialog-close{float:right;background:0 0;border:0;font-size:25px}.choice{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.choice:first-of-type{margin-top:20px}.choice small{color:var(--muted);font-size:12px;display:block}.choice input{accent-color:#52632e;width:20px;height:20px}.dialog-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.dialog-actions .button{padding:10px 14px;font-size:13px}.page{padding-top:60px;padding-bottom:90px}.page>h1{max-width:900px;margin:24px 0 30px;font-size:68px}.page .lead{color:var(--muted);margin-bottom:45px;font-size:20px}.prose{max-width:760px}.prose h2{letter-spacing:-.025em;margin:42px 0 18px;font-size:30px}.prose p,.prose ul{margin:16px 0}.prose code{overflow-wrap:anywhere;background:#e9ebdf;border-radius:4px;padding:2px 5px;font-size:14px}.prose pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9ebdf;border-radius:10px;padding:20px}.release-panel{background:#e9ebdf;border-radius:16px;max-width:800px;margin:30px 0;padding:32px}.release-panel h2{font-size:32px}.release-meta{grid-template-columns:1fr 1fr;gap:15px;margin:25px 0;font-size:14px;display:grid}.release-meta dt{color:var(--muted)}.release-meta dd{margin:0}.checksum{overflow-wrap:anywhere;margin:15px 0;font:12px ui-monospace,monospace;display:block}.status-notice{background:#eeeedc;border-left:3px solid #929958;margin:25px 0;padding:16px 20px;font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin-top:15px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 8px}.prose a{overflow-wrap:anywhere}.privacy-banner{z-index:30;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 5px 30px #0002}.desktop-stage.drag-over{outline-offset:-4px;outline:2px solid #83914b}}@media (width>=1500px){.hero{padding-top:80px}.desktop-stage{min-height:430px}.capsule-anchor{min-height:315px}}@media (width<=760px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:86px}.site-header nav{gap:15px}.site-header nav>a:first-child{display:none}.wordmark{font-size:22px}.beta{display:none}.hero{padding-top:40px;padding-bottom:45px}.hero h1{font-size:clamp(50px,10.5vw,76px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:28px}.hero-actions{padding:0}.hero-bottom p{font-size:16px}.desktop-stage{min-height:340px;padding:22px 12px}.stage-top{gap:10px;font-size:8px}.demo-toolbar{font-size:10px}.demo-bottom{flex-direction:column;align-items:flex-start;gap:12px}.intro,.story,.honest{grid-template-columns:1fr;gap:30px}.intro{padding-top:65px;padding-bottom:55px}.intro>p:last-child{font-size:16px}.story{padding-top:45px;padding-bottom:20px}.story-rail{position:static}.story-rail h2{display:none}.story-chapters article{margin-bottom:35px;padding-bottom:35px}.honest{border-radius:0;padding-top:45px;padding-bottom:45px}.honest>div:last-child{padding-top:0}.evidence{padding-top:55px;padding-bottom:55px}.get-it h2{font-size:58px}.footer-top{flex-direction:column;align-items:flex-start;gap:15px}.footer-links{gap:18px}.footer-links>span{width:100%}.page{padding-top:35px}.page>h1{font-size:48px}.release-panel{padding:22px}.desktop-caption{flex-wrap:wrap;font-size:12px}.sample-card{padding:8px}.capsule-inner{width:100%}.demo[data-mode=music] .capsule,.demo[data-mode=files] .capsule,.demo[data-mode=controls] .capsule{width:min(356px,100%)}.capsule-anchor{width:100%;min-height:265px}.island-tabs{gap:4px}.island-tabs button{padding:6px 9px}.track>div>span{font-size:10px}.track strong{font-size:14px}.stage-count{display:none}.mode-selector button{padding:7px 13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.story-rail{position:static}}@media (forced-colors:active){.capsule,.button,.mode-selector,.album,.brand-pill{border:1px solid canvastext}.capsule{color:canvastext;background:canvas}}@media (width>=761px){.site-header{height:96px}.hero{padding-top:38px;padding-bottom:44px}.hero-kicker{margin-bottom:27px}.hero-bottom{margin-top:30px}.hero-actions{grid-template-columns:auto auto;column-gap:25px;padding-right:20px}.hero-actions>.button,.hero-actions>.fine{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.hero h1{animation:.75s cubic-bezier(.2,.7,.25,1) both hero-arrive}.hero-bottom{animation:.75s cubic-bezier(.2,.7,.25,1) .12s both hero-arrive}.reveal{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.2,.7,.25,1);transform:translateY(18px)}.reveal.arrived{opacity:1;transform:none}.button,.nav-download,.chapter-button,.transport button{transition:transform .18s,background-color .18s,box-shadow .18s}.button:hover,.nav-download:hover{transform:translateY(-2px);box-shadow:0 7px 18px #24281c12}.button:active,.transport button:active{transform:scale(.98)}.chapter-button:hover{transform:translate(3px)}.desktop-stage{transition:background-color .5s}.demo[data-mode=music] .desktop-stage{background-color:#e8eadb}.demo[data-mode=files] .desktop-stage{background-color:#e4e8df}.demo[data-mode=controls] .desktop-stage{background-color:#e7e5dc}@keyframes hero-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}#island-demo [hidden]{display:none!important}#island-demo .desktop-stage{background:radial-gradient(at 20% 80%,#d6dcbf 0,#0000 55%),radial-gradient(at 90% 0,#ece5db,#0000 60%),#e8ebdf;min-height:540px}#island-demo .capsule-anchor{align-items:center;min-height:515px}#island-demo .capsule{cursor:default;background:#08090a;border-radius:26px;flex-shrink:0;width:252px;max-width:100%;height:48px;transition:width .48s cubic-bezier(.22,1,.36,1),height .48s cubic-bezier(.22,1,.36,1),border-radius .48s;position:relative;box-shadow:0 28px 70px #29301b20,inset 0 1px #ffffff18}#island-demo[data-mode=peek] .capsule{width:292px;height:80px}#island-demo:where(:not([data-mode=idle]):not([data-mode=peek])) .capsule{border-radius:29px;width:356px;height:270px}#island-demo[data-mode=controls] .capsule{height:420px}#island-demo[data-mode=calendar] .capsule{height:475px}#island-demo[data-mode=settings] .capsule{height:390px}#island-demo .capsule-inner{opacity:0;pointer-events:none;width:100%;padding:12px 16px;transition:opacity .16s,transform .35s;position:absolute;inset:0;transform:translateY(8px)}#island-demo:where(:not([data-mode=idle]):not([data-mode=peek])) .capsule-inner{opacity:1;pointer-events:auto;transform:none}.compact-content{align-items:center;gap:11px;height:48px;padding:7px 13px;transition:opacity .12s;display:flex}.compact-copy{flex:1;min-width:0}.compact-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.compact-copy small{color:#949596;font-size:10px;display:none}#island-demo[data-mode=peek] .compact-copy small{margin-top:3px;display:block}#island-demo:where(:not([data-mode=idle]):not([data-mode=peek])) .compact-content{opacity:0;pointer-events:none}.cover-art{filter:hue-rotate(var(--art-hue,0deg));isolation:isolate;background:radial-gradient(at 70% 25%,#f5cda3 0 5%,#0000 30%),repeating-radial-gradient(at 20% 120%,#526857 0 12px,#9ea77a 13px 24px,#243e40 25px 40px);position:relative}.cover-mini{border-radius:8px;flex-shrink:0;width:31px;height:31px}.spotify-badge{width:13px;height:13px;filter:hue-rotate(calc(0deg - var(--art-hue,0deg)));border:2px solid #08090a;border-radius:50%;display:block;position:absolute;bottom:-2px;right:-2px}.spotify-badge svg{width:100%;height:100%;display:block}#island-demo .album{border-radius:13px;width:67px;height:67px;padding:0}.album .spotify-badge{width:19px;height:19px}.spotify-label{color:#72b98a;margin-top:5px;font-size:9px;display:block}.mini-wave{flex-shrink:0;align-items:center;gap:2px;max-width:30px;height:14px;display:flex}.mini-wave i{width:1.5px;height:calc(4px + mod(var(--i),4)*2px);min-height:5px;max-height:12px;animation:.95s ease-in-out infinite alternate soft-wave;animation-delay:calc(var(--i)*-.17s);transform-origin:50%;background:#a898d1;border-radius:2px}@keyframes soft-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}#island-demo[data-playing=false] .mini-wave i{animation-play-state:paused;transform:scaleY(.25)}.peek-transport{opacity:0;pointer-events:none;gap:16px;display:flex;position:absolute;bottom:7px;right:21px}.peek-transport button{color:#eee;background:0 0;border:0;min-width:34px;height:28px;font-size:13px}#island-demo[data-mode=peek] .peek-transport{opacity:1;pointer-events:auto}#island-demo .island-tabs{gap:1px;margin-bottom:19px}#island-demo .island-tabs button{padding:7px 10px;font-size:10px}#island-demo .island-tabs #pin-demo{margin-left:auto;padding:7px}.music-layout{grid-template-columns:minmax(0,1fr) 65px;gap:14px;display:grid}.music-layout .track{gap:11px}.music-layout .track strong{font-size:12px}.music-layout .track>div{min-width:0}.music-layout .track strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#island-demo .transport{gap:15px;margin-top:13px}#island-demo .transport button{min-width:35px;min-height:34px;font-size:14px}.date-tile{color:#eee;background:0 0;border:0;border-left:1px solid #242526;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.date-tile small{color:#a5a5a5;font-size:10px}.date-tile strong{font-size:28px;font-weight:400}.date-tile span{color:#999;font-size:8px}.song-progress{background:#232424;border-radius:2px;height:2px;margin-top:17px;overflow:hidden}.song-progress i{background:#b7b9ac;width:38%;height:100%;display:block}#island-demo .demo-bottom{display:block}.mode-selector{flex-wrap:wrap;width:fit-content}#island-demo .mode-selector button{padding:7px 12px}#demo-status{max-width:680px;min-height:34px;margin-top:12px;line-height:1.5}.demo-scenarios{flex-wrap:wrap;align-items:center;gap:9px;padding:0 0 22px;display:flex}.demo-scenarios>span{letter-spacing:.09em;color:var(--muted);margin-right:8px;font:9px ui-monospace,monospace}.demo-scenarios button{background:0 0;border:1px solid #c9ccbe;border-radius:8px;padding:9px 12px;font-size:11px;transition:background .2s,transform .2s}.demo-scenarios button:hover{background:#e5e8d9;transform:translateY(-2px)}.system-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.system-grid>div,.slider-card,.connectivity button{background:#171819;border-radius:12px;padding:10px}.system-grid small,.connectivity small{color:#a6a8a8;font-size:9px;display:block}.system-grid strong{margin-top:5px;font-size:15px;font-weight:400;display:block}.connectivity{grid-template-columns:1fr 1fr;gap:7px;margin:8px 0;display:grid}.connectivity button{color:#eee;text-align:left;border:0;font-size:12px}.connectivity small{margin-top:4px}.slider-card{margin:8px 0;padding:9px 12px}.slider-card label{color:#c5c5c5;justify-content:space-between;font-size:10px;display:flex}#island-demo .capsule input[type=range]{cursor:pointer;accent-color:#e5e5e5;height:25px}.quick-settings{gap:6px;display:flex}.quick-settings button{color:#ddd;background:#171819;border:0;border-radius:8px;flex:1;padding:10px 2px;font-size:9px}.clock-tabs{gap:4px;display:flex}.clock-tabs button{color:#aaa;background:0 0;border:0;border-radius:16px;flex:1;padding:7px;font-size:11px}.clock-tabs [aria-pressed=true]{color:#eee;background:#252627}.clock-face{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:177px;display:flex;position:relative}.clock-face strong{letter-spacing:-2px;z-index:1;font:36px ui-monospace,monospace}.clock-face small{color:#a9a9a9;z-index:1;font-size:10px}.clock-ring{border:3px solid #4c3922;border-radius:50%;width:150px;height:150px;position:absolute;box-shadow:0 0 25px #e69a3310}.clock-actions{justify-content:center;gap:42px;display:flex}.clock-actions button{color:#ddd;background:#232424;border:0;border-radius:24px;padding:12px 18px;font-size:11px}.clock-actions #clock-start{color:#a5e8b0;background:#213826}#dismiss-alert{color:#19130c;background:#df9942;border:0;border-radius:20px;margin:auto;padding:12px 40px;display:block}.sample-note{color:#a8aaaa;margin:10px 0;font-size:10px;line-height:1.5}.calendar-heading{justify-content:space-between;align-items:center;display:flex}.calendar-heading strong{font-size:14px;font-weight:500}.calendar-heading button{color:#ccc;background:0 0;border:0;width:30px;font-size:23px}.calendar-week,#calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-week{color:#777;margin:10px 0;font-size:10px}#calendar-grid button{color:#ccc;background:0 0;border:0;border-radius:50%;height:27px;font-size:11px;position:relative}#calendar-grid [aria-pressed=true]{color:#111;background:#dfdbc8}#calendar-grid .has-event:after{content:"";background:#91adcd;border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;left:calc(50% - 1.5px)}#day-agenda{background:#18191a;border-radius:10px;margin-top:12px;padding:11px}#day-agenda strong{font-size:11px}#day-agenda p{color:#b0b5b4;margin-top:6px;font-size:10px;line-height:1.7}.calendar-footer{color:#a9b49c;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;display:flex}.work-dot{color:#91adcd}.calendar-footer button{color:#ddd;background:#252726;border:0;border-radius:7px;padding:7px;font-size:9px}.call-avatar{color:#aba9e5;background:#252635;border-radius:16px;place-items:center;width:44px;height:44px;margin:0 auto 10px;font-size:25px;display:grid}.call-name{text-align:center;font-size:17px;font-weight:500;display:block}#demo-call{text-align:center}.call-actions{justify-content:center;gap:8px;margin:16px 0;display:flex}.call-actions button{color:#eee;background:#222425;border:0;border-radius:10px;padding:11px;font-size:10px}.call-actions [aria-pressed=true]{color:#ffb5b5;background:#482b2b}.settings-title{margin-bottom:12px;font-weight:400;letter-spacing:0!important;font-size:19px!important}.preference{background:#18191a;border-radius:9px;justify-content:space-between;align-items:center;margin-top:5px;padding:12px;font-size:11px;display:flex}.preference input{appearance:none;cursor:pointer;background:#414343;border-radius:15px;width:31px;height:18px;transition:background .2s;position:relative}.preference input:before{content:"";background:#eee;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.preference input:checked{background:#5693df}.preference input:checked:before{transform:translate(13px)}.creator-credit{text-align:center;color:#b1a4ce;text-shadow:0 0 12px #a78ed96b;margin-top:18px;font-size:10px}.notice-card{align-items:center;gap:15px;padding:15px 20px;display:flex;position:absolute;inset:0}.notice-card strong{font-size:14px;font-weight:500;display:block}.notice-card small{color:#b1b1b1;margin-top:5px;font-size:10px;display:block}.notice-symbol{color:#d7b574;font-size:28px}.demo[data-notice=true] .capsule{width:310px!important;height:84px!important}.demo[data-notice=true] .compact-content,.demo[data-notice=true] .capsule-inner,.demo[data-notice=true] .peek-transport{opacity:0!important;pointer-events:none!important}#island-demo[data-alert=true] .notice-symbol{animation:.65s ease-in-out infinite alternate clock-shake}@keyframes clock-shake{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}#compact-clock{color:#efb266;white-space:nowrap;font:12px ui-monospace,monospace}#island-demo[data-clock-active=true] .mini-wave{display:none}#island-demo[data-icon-only=true][data-mode=idle]:not([data-clock-active=true]) .capsule{width:94px}#island-demo[data-icon-only=true][data-mode=idle] .compact-copy{display:none}#island-demo[data-reduced=true] *,#island-demo[data-hidden=true] *{transition:none!important;animation:none!important}@media (width<=520px){#island-demo .desktop-stage{min-height:510px;padding:16px 10px}#island-demo .capsule{max-width:100%}#island-demo .capsule-inner{padding:12px}.music-layout{grid-template-columns:minmax(0,1fr) 48px;gap:7px}#island-demo .album{width:48px;height:48px}.music-layout .track{gap:8px}.music-layout .track strong{font-size:11px}#island-demo .island-tabs button{padding:7px 8px;font-size:9px}#island-demo .mode-selector{border-radius:14px}#island-demo .mode-selector button{padding:7px 10px;font-size:11px}.demo-scenarios>span{width:100%}.stage-top span:last-child{display:none}.calendar-footer,.calendar-footer button{font-size:8px}.call-actions button{padding:10px 7px}}@media (prefers-reduced-motion:reduce){#island-demo *,#island-demo :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#calendar-grid button{justify-self:center;width:27px}#island-demo[data-offscreen=true] *{animation-play-state:paused!important}#island-demo[data-clock-active=true] .cover-mini{color:#eeb66e;filter:none;background:#272116;place-items:center;display:grid}#island-demo[data-clock-active=true] .cover-mini:after{content:"◷";font-size:24px}#island-demo[data-clock-active=true] .cover-mini .spotify-badge{display:none}#minimize-demo{z-index:8;opacity:0;color:#fff;cursor:pointer;background:#26262b;border:0;border-radius:10px;width:26px;height:22px;position:absolute;top:3px;right:8px}.capsule:hover #minimize-demo,#minimize-demo:focus-visible{opacity:1}#restore-demo{display:none}.demo[data-minimized=true] .capsule-anchor{transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:translate(clamp(70px,25vw,300px))}.demo[data-minimized=true] .capsule{width:32px!important;height:64px!important;min-height:64px!important}.demo[data-minimized=true] .capsule>*{display:none!important}.demo[data-minimized=true] #restore-demo{color:#fff;cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;inset:0;display:block!important}#search-dialog{color:#eee;background:#141418;border:1px solid #444;border-radius:24px;max-width:min(620px,90vw);padding:30px}#search-dialog input{color:#fff;background:#25252d;border:1px solid #666;border-radius:10px;width:100%;margin:12px 0;padding:12px;display:block}#search-dialog p{font-size:14px;line-height:1.6}@media (prefers-reduced-motion:reduce){.demo[data-minimized=true] .capsule-anchor{transition:none}}:root{--muted:#62675c;font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif}.hero{position:relative}.hero h1{letter-spacing:-.065em;font-weight:450}.hero-bottom p{max-width:38ch}.hero-actions{flex-shrink:0}.button,.nav-download{border-radius:14px}.product-strip{color:var(--muted);flex-wrap:wrap;gap:12px 30px;padding-bottom:30px;font-size:12px;display:flex}.product-strip span{align-items:center;gap:8px;display:flex}.product-strip span:before{content:"";background:#8b996a;border-radius:50%;width:5px;height:5px}#island-demo .desktop-stage{background:radial-gradient(at 16% 90%,#cad4b4,#0000 57%),radial-gradient(at 90% 5%,#f0e4d7,#0000 64%),#e9ecdf;border:1px solid #d8ddcf}.stage-top{line-height:1.5}#island-demo .capsule-anchor{transition:transform .48s cubic-bezier(.22,1,.36,1)}.demo[data-minimized=true] .capsule-anchor{transform:translate(calc(50% - 17px))}#island-demo[data-mode=music] .capsule{height:240px}.provider-picker{justify-content:center;gap:5px;margin-top:12px;display:flex}.provider-picker button{color:#a5a7ac;background:0 0;border:1px solid #303237;border-radius:12px;padding:4px 9px;font-size:9px}.provider-picker button[aria-pressed=true]{color:#f5f5f7;background:#282b32;border-color:#4b5362}#island-demo[data-provider=Apple\ Music] .spotify-badge{color:#fff;background:#fc4568;place-items:center;font:700 10px Arial;display:grid}#island-demo[data-provider=YouTube] .spotify-badge{color:#fff;background:#f02c3d;place-items:center;font:700 8px Arial;display:grid}.song-progress{margin-top:12px}.mini-wave i{animation-duration:1.3s}.demo-scenarios button{border-radius:20px;padding:10px 14px}.mode-selector{border-radius:18px}.mode-selector button{min-height:36px}#minimize-demo{top:4px;right:7px}.capsule:focus-within #minimize-demo{opacity:1}.feature-atlas{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:65px;padding-bottom:80px;display:grid}.atlas-card{border:1px solid var(--line);background:#f1f1e9;border-radius:24px;flex-direction:column;align-items:flex-start;min-height:350px;padding:30px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex}.atlas-icon{background:#fff8;border-radius:17px;place-items:center;width:48px;height:48px;margin-bottom:30px;font-size:24px;display:grid}.atlas-card small{letter-spacing:.1em;color:var(--muted);font:9px ui-monospace,monospace}.atlas-card h2{letter-spacing:-.045em;margin:14px 0 17px;font-size:30px;line-height:1.12}.atlas-card p{color:var(--muted);font-size:14px;line-height:1.65}.atlas-link{margin-top:auto;padding-top:25px;font-size:12px;font-weight:600}.atlas-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #3037240a}.search-story{border-top:1px solid var(--line);grid-template-columns:1fr 1.15fr;align-items:center;gap:65px;padding-top:75px;padding-bottom:80px;display:grid}.search-story h2{margin:22px 0}.search-story h2 span{color:#768260}.search-story p{color:var(--muted);margin-bottom:26px;font-size:16px}.search-story .underlink{margin-top:18px;display:block}.search-art{color:#efeff4;background:#13151b;border-radius:24px;padding:25px;transform:rotate(-2deg);box-shadow:0 30px 60px #1e291923,inset 0 1px #fff2}.search-art-query{align-items:center;gap:14px;padding:6px 5px 25px;font-size:26px;display:flex}.search-art-query .keycap{margin-left:auto}.keycap{color:#9b9ea8;background:0 0;border:1px solid #4b4d55;border-radius:6px;padding:3px 7px;font-size:10px}.search-art>small{letter-spacing:.13em;color:#999ca6;margin:0 14px 12px;font:9px ui-monospace,monospace;display:block}.search-art-row{border-radius:14px;align-items:center;gap:15px;padding:15px;display:flex}.search-art-row.selected{background:#2b313f}.search-art-row>span:last-child:not(:first-child){color:#aaa;margin-left:auto}.search-art-row strong{font-size:15px;font-weight:500}.search-art-row small{color:#a6a8b4;margin-top:2px;font-size:11px;display:block}.app-tile,.folder-tile{border-radius:10px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:21px;display:grid}.app-tile{color:#4265ac;background:#e8eefc;font-weight:600}.folder-tile{color:#ecd16f}.search-art-footer{color:#aaaeb9;border-top:1px solid #30323a;justify-content:space-between;gap:10px;margin-top:24px;padding-top:17px;font-size:10px;display:flex}.search-art>p{color:#979ba8;margin:16px 0 0;font-size:10px}.home-faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.15fr;gap:65px;padding-top:55px;padding-bottom:85px;display:grid}.home-faq h2{margin:25px 0}.home-faq .faq p{color:var(--muted);font-size:14px}.home-faq summary{font-weight:500}.home-faq details{padding:20px 0}.footer-links a:hover{text-decoration:underline}#search-dialog{color:#f0eff5;background:#13151b;border:1px solid #363a43;border-radius:24px;width:min(660px,100% - 28px);max-width:660px;padding:22px;box-shadow:0 35px 100px #0005}#search-dialog form{margin:0}.search-demo-top{letter-spacing:.08em;color:#b7b9c3;justify-content:space-between;align-items:center;gap:8px;font:10px ui-monospace,monospace;display:flex}.search-demo-top small{color:#858b9a;margin-left:10px;font-size:8px}.search-input-wrap{color:#929aaa;align-items:center;gap:14px;padding:15px 6px 10px;font-size:28px;display:flex}#search-dialog .search-input-wrap input{outline-offset:3px;color:#f0eff5;background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:8px 0;font-size:26px;font-weight:400}#search-dialog .search-result-label{letter-spacing:.13em;color:#8e94a1;margin:10px 12px;font:9px ui-monospace,monospace}#search-sample-results{scrollbar-width:thin;scrollbar-color:#4b5160 transparent;max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}#search-dialog li{padding:0}#search-sample-results button{text-align:left;color:#f0eff5;background:0 0;border:0;border-radius:13px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.result-icon{color:#d2d9eb;background:#252b36;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:22px;display:grid}#search-sample-results strong{font-size:14px;font-weight:500;display:block}#search-sample-results small{color:#9f9ead;margin-top:3px;font-size:11px;display:block}.result-enter{color:#aaa;margin-left:auto}.search-demo-footer{color:#979ca9;border-top:1px solid #30333b;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;font-size:10px;display:flex}#search-dialog #search-sample-status{color:#aaaeb8;min-height:34px;margin:12px 0;font-size:11px}#search-dialog>a{color:#c5cfdf;font-size:11px}@media (prefers-reduced-motion:no-preference){#search-dialog[open]{animation:.24s cubic-bezier(.22,1,.36,1) search-arrive}@keyframes search-arrive{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.atlas-icon{transition:transform .3s}.atlas-card:hover .atlas-icon{transform:rotate(-7deg)}.search-art{transition:transform .4s}.search-art:hover{transform:rotate(0)}}@media (width<=900px){.feature-atlas{gap:12px}.atlas-card{padding:22px}.atlas-card h2{font-size:25px}.search-story,.home-faq{gap:32px}.search-art{padding:18px;transform:none}}@media (width<=680px){.product-strip{gap:12px 20px;font-size:11px}.hero-bottom p{font-size:17px}.hero-kicker{letter-spacing:.07em;font-size:9px;line-height:1.5}.feature-atlas{grid-template-columns:1fr;padding-top:38px;padding-bottom:50px}.atlas-card{min-height:0;padding:26px}.atlas-icon{margin-bottom:20px}.atlas-card h2{font-size:30px}.search-story,.home-faq{grid-template-columns:1fr;padding-top:45px;padding-bottom:55px}.search-art{max-width:100%;margin-top:10px}.search-art-query{font-size:24px}.search-art-footer{font-size:9px}.search-demo-top small{margin:4px 0 0;display:block}#search-dialog .search-input-wrap input{font-size:23px}.search-demo-footer{flex-wrap:wrap}#island-demo .demo-toolbar{gap:12px;font-size:8px}.demo-toolbar .text-button{white-space:nowrap;font-size:10px}.feature-atlas+.search-story{border-top:0}}@media (prefers-reduced-motion:reduce){.atlas-card,.atlas-icon,.search-art,#island-demo .capsule-anchor{transition:none!important}.atlas-card:hover,.atlas-card:hover .atlas-icon,.search-art:hover,.search-art{transform:none}}@media (forced-colors:active){.atlas-card,.search-art,#search-dialog,#search-sample-results button{border:1px solid canvastext}.search-art,#search-dialog{color:canvastext;background:canvas}}.search-input-wrap{border-bottom:1px solid #343947;transition:border-color .2s}.search-input-wrap:focus-within{border-color:#9daccc}#search-dialog .search-input-wrap input:focus-visible{outline:none}.clock-ring{background:conic-gradient(#e6aa60 var(--progress,0deg),#3e3022 0);border:0;mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}#island-demo[data-alert=true] .cover-mini:after{animation:.65s ease-in-out infinite alternate clock-shake}@media (prefers-reduced-motion:reduce){.search-input-wrap{transition:none}}@media (width<=380px){.site-header{gap:12px}.site-header nav{gap:10px;font-size:12px}.site-header .nav-download{white-space:nowrap;padding:10px}.site-header .wordmark{font-size:20px}}:root{--accent:#7567ad;--ink:#20232a;--muted:#666b71}.brand-mark{border-radius:10px;flex:none;width:34px;height:34px;display:block;box-shadow:0 2px 8px #15192414}.wordmark{letter-spacing:-.055em;gap:10px}.site-header{border-bottom:1px solid #252a3212}.site-header nav a:focus-visible,.wordmark:focus-visible,.button:focus-visible,.demo button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero h1{text-wrap:balance;max-width:13ch}.hero h1 span{color:#706498}.hero-kicker{color:#6e648a}.product-strip span:before{background:#a99bd2}.atlas-card{background:#f4f3f2;border-color:#d9dce1}.atlas-card:nth-child(2){background:#eeeef1}.atlas-card:nth-child(3){background:#f0eeed}.atlas-card:hover{box-shadow:0 20px 40px #2b284016}.get-it{background:radial-gradient(at 92% 78%,#cfc5ee,#0000 63%),#e6e2ef}.desktop-stage{border-radius:26px}#island-demo .desktop-stage{background:radial-gradient(at 20% 80%,#d6d0e7 0,#0000 55%),radial-gradient(at 90% 0,#e6e1d9,#0000 60%),#e8e7e6}#island-demo .desktop-stage:before{content:"";opacity:.5;pointer-events:none;background:linear-gradient(#ffffff63 0 42px,#0000 42px),linear-gradient(90deg,#ffffff6c 0 34%,#0000 34% 37%,#ffffff54 37% 72%,#0000 72%);border:1px solid #ffffffa8;border-radius:23px;position:absolute;inset:126px 5% 57px;box-shadow:0 12px 40px #3c355212}#island-demo .capsule-anchor{z-index:1;align-items:flex-start;padding-top:24px;position:relative}#island-demo .capsule{transition:width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1),border-radius .38s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1);box-shadow:0 24px 60px #24202e29,inset 0 1px #ffffff17}#island-demo[data-media=false][data-clock-active=false][data-mode=idle] .capsule{width:90px;height:30px}#island-demo[data-media=false][data-clock-active=false][data-mode=peek] .capsule{width:102px;height:34px}#island-demo[data-media=false][data-clock-active=false]:is([data-mode=idle],[data-mode=peek]) .compact-content,#island-demo[data-media=false][data-clock-active=false][data-mode=peek] .peek-transport{opacity:0;pointer-events:none}#island-demo[data-mode=peek][data-media=false] .peek-transport{display:none}#island-demo .mini-wave{gap:2px;max-width:26px}#island-demo .mini-wave i{background:#a99bd2;max-height:10px}#island-demo .mode-selector{background:#ffffff70;border-color:#cac6d3;gap:4px;max-width:100%}#island-demo .mode-selector button{white-space:nowrap}#island-demo .mode-selector button[aria-pressed=true]{color:#fff;background:#26222f}#island-demo .demo-scenarios button{background:#ffffff78;border-color:#c9c5d2}#island-demo .demo-scenarios button:hover{background:#fff;box-shadow:0 6px 14px #2b284012}#island-demo .capsule-inner{scrollbar-width:thin;scrollbar-color:#4b4b50 transparent;overflow:auto}#island-demo .island-tabs{flex-wrap:wrap;gap:3px;margin-bottom:14px}#island-demo .island-tabs button{min-height:31px}#island-demo .island-tabs button[aria-pressed=true]{background:#2b2935}#island-demo .transport button{border-radius:50%;min-width:40px;min-height:40px}#island-demo .transport .play{width:42px;height:42px}#island-demo .peek-transport button{min-width:37px;min-height:32px}#island-demo .notice-card{gap:13px}#island-demo .notice-symbol{color:#d9cbff;background:#302b3a;border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}#island-demo[data-notice-kind=timer] .notice-symbol,#island-demo[data-notice-kind=alarm] .notice-symbol{color:#ffa74e;background:#302012}#island-demo[data-notice-kind=timer] .notice-symbol:empty:before,#island-demo[data-notice-kind=alarm] .notice-symbol:empty:before{content:"";border:2px solid;border-radius:50%;width:21px;height:21px;display:block;transform:rotate(-20deg);box-shadow:0 -5px 0 -3px}#island-demo[data-notice-kind=timer] .notice-symbol:empty:after,#island-demo[data-notice-kind=alarm] .notice-symbol:empty:after{content:"";background:currentColor;border-radius:2px;width:7px;height:2px;position:absolute;transform:translate(4px,-1px)rotate(-38deg)}#island-demo[data-notice=true] .capsule{width:min(330px,100%)!important}#island-demo[data-notice=true] .notice-card{animation:.36s cubic-bezier(.2,.8,.2,1) both floatlet-notice}@keyframes floatlet-notice{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:none}}#island-demo[data-mode=clock] .capsule{height:450px}#island-demo[data-mode=clock] .capsule-inner{overflow:hidden}#island-demo .clock-face{justify-content:flex-end;height:260px;padding-bottom:14px}#island-demo .clock-face strong{letter-spacing:-.04em;color:#ffa34d;font:33px Segoe UI Variable,Segoe UI,sans-serif}#island-demo .clock-face small{color:#a4a5a7}#island-demo .clock-ring{display:none}#island-demo[data-clock-mode=alarm] .clock-ring{width:166px;height:166px;display:block;top:38px}#island-demo .timer-scale{color:#f4a056;height:130px;position:absolute;top:27px;left:8px;right:8px}#island-demo .scale-labels{justify-content:space-between;padding:0 2px;font-size:13px;font-weight:600;display:flex}#island-demo .scale-labels span:first-child,#island-demo .scale-labels span:nth-child(n+5){opacity:.45}#island-demo .scale-ticks{justify-content:space-between;align-items:flex-start;height:66px;margin-top:10px;display:flex}#island-demo .scale-ticks i{opacity:.55;background:#a4622c;border-radius:3px;width:2px;height:29px;display:block}#island-demo .scale-ticks i.major{opacity:.85;background:#ff9f45;width:3px;height:48px}#island-demo .scale-pointer{top:87px;left:var(--duration-percent,33%);border-bottom:11px solid #ffa34d;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;transform:translate(-50%)}#island-demo #timer-duration{z-index:2;opacity:0;cursor:ew-resize;width:calc(100% - 16px);height:83px;position:absolute;top:54px;left:8px}#island-demo[data-clock-mode=alarm] .timer-scale,#island-demo[data-clock-mode=alarm] #timer-duration,#island-demo[data-clock-mode=stopwatch] .timer-scale,#island-demo[data-clock-mode=stopwatch] #timer-duration{display:none}#island-demo .stopwatch-dial{border:1px solid #56565a;border-radius:50%;width:181px;height:181px;display:none;position:absolute;top:1px;left:50%;transform:translate(-50%)}#island-demo[data-clock-mode=stopwatch] .stopwatch-dial{display:block}#island-demo .dial-ticks i{width:2px;height:6px;transform:rotate(calc(var(--tick)*6deg)) translateY(-84px);transform-origin:1px 0;background:#85858b;position:absolute;top:50%;left:calc(50% - 1px)}#island-demo .dial-ticks i.major{background:#d1d1d3;height:10px}#island-demo .dial-label{color:#e7e7e8;font-size:11px;position:absolute}.dial-label.top{top:9px;left:46%}.dial-label.right{top:45%;right:11px}.dial-label.bottom{bottom:9px;left:46%}.dial-label.left{top:45%;left:11px}#island-demo .dial-hand{transform-origin:bottom;width:2px;height:66px;transform:rotate(var(--seconds-deg,0deg));background:#ffa34d;border-radius:2px;position:absolute;bottom:50%;left:calc(50% - 1px)}#island-demo .dial-pin{background:#ffa34d;border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}#island-demo .clock-actions{justify-content:space-between;gap:10px;margin:0 4px}#island-demo .clock-actions button{border-radius:22px;min-width:74px;min-height:42px}#island-demo .clock-actions #clock-start{color:#b3f0bd;background:#213b2a}#island-demo #clock-lap-summary{text-align:center;margin:5px 0}#island-demo .call-avatar{color:#fff;background:#5865f2;border-radius:19px;width:54px;height:54px;box-shadow:0 12px 28px #5865f244,inset 0 1px #ffffff4d}#island-demo[data-mode=call] .capsule{height:340px}#island-demo[data-mode=call] .capsule-inner{overflow:hidden}#island-demo .call-actions button{border-radius:14px;min-height:40px;padding:10px 15px}#island-demo #call-open{color:#b6efc7;background:#21442f}.release-panel dt,.release-panel .fine{color:#52575c}.mode-selector,.demo-scenarios,.faq{min-width:0}@media (width<=760px){.site-header nav{gap:14px}.site-header nav a:nth-child(2){display:none}.hero{padding-top:34px}.hero h1{max-width:11ch}.mode-selector{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;width:100%!important}.mode-selector button{padding:9px 4px!important;font-size:11px!important}.demo-bottom{align-items:stretch}.demo-toolbar{align-items:center}}@media (width<=520px){.wordmark{font-size:21px}.brand-mark{width:30px;height:30px}.site-header nav a:not(.nav-download){display:none}.nav-download{padding:9px 11px!important}.hero h1{font-size:clamp(44px,11vw,60px)}#island-demo .desktop-stage{min-height:470px}#island-demo .capsule-anchor{min-height:440px}#island-demo .capsule{max-width:calc(100vw - 68px)}#island-demo:where(:not([data-mode=idle]):not([data-mode=peek])) .capsule{width:min(356px,100vw - 68px)}.demo-scenarios button{flex:130px}.stage-top{font-size:8px}}@media (width<=360px){.site-header{gap:6px}.wordmark{font-size:19px}.brand-mark{width:27px;height:27px}.nav-download{font-size:11px}.mode-selector button{font-size:10px!important}}@media (prefers-reduced-motion:reduce){#island-demo .notice-card{animation:none}}#island-demo .desktop-stage{background:radial-gradient(at 50% -35%,#f4f0ff 0,#0000 60%),linear-gradient(155deg,#e9e9f0,#dddde8 58%,#eceaf0);border-color:#d3d0de;box-shadow:inset 0 1px #fff,0 28px 75px #3432440b}#island-demo .desktop-stage:before{opacity:.25;border-color:#fff;box-shadow:0 18px 50px #22213d16}#island-demo .capsule{will-change:width,height;background:#0b0c10;box-shadow:0 18px 42px #15152127,0 2px 10px #15152114,inset 0 1px #ffffff16}#island-demo .island-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) 29px 29px;align-items:center;gap:2px;display:grid}#island-demo .island-tabs button{letter-spacing:.01em;border-radius:11px;min-width:0;padding:7px 2px;font-size:10px}#island-demo .island-tabs button[aria-pressed=true]{color:#f8f6ff;background:#25232e}#island-demo .island-tabs #pin-demo{margin-left:0}#island-demo .mode-selector button[aria-pressed=true]{background:#25232e;box-shadow:0 1px 5px #17142519}#island-demo .demo-scenarios button:focus-visible,#island-demo .mode-selector button:focus-visible{outline-offset:3px;outline:2px solid #7567ad}#island-demo .mini-wave i{background:#b9a8ea}#island-demo .notice-card{color:#f6f4fc}#search-dialog{color:#f4f3f8;background:linear-gradient(155deg,#16171e,#101117 75%);border:1px solid #454351;border-radius:25px;width:min(690px,100% - 26px);max-width:690px;max-height:min(84vh,720px);padding:25px 27px 21px;overflow:auto;box-shadow:0 40px 110px #0e0f1b91,inset 0 1px #ffffff15}#search-dialog::backdrop{backdrop-filter:blur(8px);background:#0b0b16a3}#search-dialog .search-demo-top{letter-spacing:.14em;color:#e9e5f6;font:600 11px Segoe UI Variable,Segoe UI,Arial,sans-serif}#search-demo-title{align-items:center;gap:10px;display:flex}#search-demo-title small{letter-spacing:.12em;color:#85869a;margin-left:5px;font:500 9px Segoe UI Variable,Segoe UI,Arial,sans-serif}#search-dialog .search-slash{color:#85809e;margin:0 2px}#search-dialog .search-brand-dot{background:#b9a8ea;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #b9a8ea1c}#search-dialog .search-top-actions{align-items:center;gap:15px;display:flex}#search-dialog #search-sound{color:#aaa7bd;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px;font:500 10px Segoe UI Variable,Segoe UI,Arial,sans-serif}#search-dialog #search-sound[aria-pressed=false]{color:#777888}#search-dialog .keycap{color:#c3bfce;border:1px solid #42414c;border-radius:8px;padding:6px 9px;font:600 10px Segoe UI Variable,Segoe UI,Arial,sans-serif}#search-dialog .keycap span{color:#868698;margin-left:8px;font-weight:400}#search-dialog .search-input-wrap{background:#1d202a;border:1px solid #3d4050;border-radius:16px;gap:15px;margin-top:23px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff08}#search-dialog .search-input-wrap:focus-within{border-color:#a697cf;box-shadow:0 0 0 3px #b8a7df25,inset 0 1px #ffffff0d}#search-dialog .search-input-wrap svg{color:#b8a7df;flex:none;width:25px;height:25px}#search-dialog .search-input-wrap input{letter-spacing:-.035em;caret-color:#cdbbf3;font:400 clamp(22px,3vw,30px)/1.3 Segoe UI Variable,Segoe UI,Arial,sans-serif}#search-dialog .search-input-wrap input::placeholder{color:#989aa9;opacity:1}#search-dialog .search-result-label{letter-spacing:.13em;color:#9e9bac;justify-content:space-between;margin:21px 8px 9px;font:600 10px Segoe UI Variable,Segoe UI,Arial,sans-serif;display:flex}#search-dialog .search-result-label span{color:#727183;font-size:9px}#search-sample-results{scrollbar-color:#5c566e transparent;max-height:min(42vh,350px);padding:2px}#search-sample-results li[hidden]{display:none}#search-sample-results button{border-radius:13px;gap:13px;min-height:61px;padding:9px 12px;transition:background .12s}#search-sample-results button[data-selected=true],#search-sample-results button:hover{background:#2b2937}#search-sample-results button[data-selected=true]{box-shadow:inset 3px 0 #b9a8ea}#search-dialog .result-icon{color:#c9baf0;background:#21232f;border-radius:11px;width:38px;height:38px}#search-dialog .result-icon svg{width:21px;height:21px;display:block}#search-dialog #search-sample-results strong{color:#f4f3f8;font:600 14px Segoe UI Variable,Segoe UI,Arial,sans-serif}#search-dialog #search-sample-results small{color:#a3a2b1;margin-top:3px;font-size:11px}#search-dialog .result-enter{color:#9c92bb;font-size:18px}#search-dialog .search-demo-footer{color:#a4a2b3;border-color:#30313a;margin-top:16px;padding-top:15px;font-size:11px}#search-dialog .search-demo-footer kbd{font:inherit;color:#d7d2e5;background:#292a35;border:1px solid #444350;border-radius:5px;margin-right:3px;padding:2px 5px}#search-dialog #search-sample-status{color:#a6a4b1;min-height:20px;margin:15px 1px 6px}#search-dialog>a{color:#d2c6ed;text-decoration:none}#search-dialog>a:hover{text-decoration:underline}@media (width<=620px){#search-dialog{border-radius:20px;padding:18px}#search-dialog .search-top-actions{gap:5px}#search-demo-title small,#search-dialog .keycap span,#search-dialog .search-result-label span{display:none}#search-dialog .search-input-wrap{margin-top:18px}#search-dialog .search-demo-footer{flex-wrap:wrap;gap:9px}#island-demo .island-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) 25px 25px}}@media (prefers-reduced-motion:reduce){#search-dialog .search-input-wrap,#search-sample-results button{transition:none}#island-demo .capsule{will-change:auto}}