:root{--bg:#faf9f6;--ink:#24232a;--muted:#77747e;--accent:#7662ac;--line:#e5e2e9;--panel:#f0edf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.island:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:100;background:var(--bg);padding:10px}header{height:90px;max-width:1220px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-dot{color:var(--accent);margin-left:-8px}.brand img{border-radius:8px}nav{display:flex;align-items:center;gap:31px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-download{padding:9px 18px;background:var(--ink);color:var(--bg);border-radius:8px}.nav-download span{margin-left:18px}.menu{display:none}main{max-width:1220px;margin:auto;padding:0 38px}.hero{text-align:center;padding-top:63px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--accent)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}h1{font-size:clamp(45px,5.7vw,76px);line-height:1.09;letter-spacing:-4px;font-weight:600;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lede{font-size:17px;line-height:1.65;color:var(--muted);margin:0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:29px}.button{display:inline-block;background:var(--accent);color:white;padding:13px 24px;border-radius:9px;font-weight:550;font-size:13px;border:0;box-shadow:0 4px 12px #7662ac18}.button:hover{background:#68539f}.text-link{font-size:13px;font-weight:550}.hero-description{max-width:620px;margin:0 auto 20px;color:var(--muted);font-size:13px;line-height:1.7}.requirements{font-size:11px;color:var(--muted);margin:15px 0 38px}.requirements span{padding:0 7px}.desktop{height:415px;position:relative;overflow:hidden;border:8px solid #29282c;border-radius:18px;background:radial-gradient(ellipse at 20% 105%,#5b5e94 0,transparent 53%),radial-gradient(ellipse at 90% 85%,#b1a0bc 0,transparent 58%),linear-gradient(150deg,#b9bacd,#e1d8e6 44%,#9a92ad);box-shadow:0 25px 45px #302c4c13;text-align:left}.desktop:before{content:'';position:absolute;width:900px;height:600px;background:#ebe6ee55;border-radius:50%;transform:rotate(-24deg);left:-350px;top:110px;box-shadow:50px -20px 80px #fff3}.menubar{position:relative;display:flex;justify-content:space-between;padding:4px 14px;font-size:9px;color:#35313f;background:#ffffff30}.camera{position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:26px;background:#08080a;border-radius:0 0 12px 12px;z-index:4}.camera:after{content:'';width:4px;height:4px;position:absolute;top:8px;right:20px;border-radius:50%;background:#18233b}.island{position:absolute;top:0;left:50%;transform:translateX(-50%);width:230px;height:38px;border-radius:0 0 19px 19px;background:#111114;color:#fff;transition:width .6s,height .6s;z-index:3;padding:5px 13px;overflow:hidden}.compact{display:flex;align-items:center;justify-content:space-between}.mini-art{background:#9a81bb;color:white;border-radius:6px;padding:0 7px}.mini-bars{color:#bba4dd;font-size:12px}.expanded{display:flex;gap:16px;padding:39px 10px 10px;opacity:0;transition:opacity .3s}.island:hover,.island:focus-within,.island.open{width:370px;height:176px}.island:hover .expanded,.island:focus-within .expanded,.island.open .expanded{opacity:1}.island:hover .compact,.island:focus-within .compact,.island.open .compact{display:none}.album{width:80px;height:82px;border-radius:9px;background:linear-gradient(135deg,#d2b3a6,#7b7199);display:grid;place-items:center;font:42px Georgia}.track{flex:1;font-size:12px}.track>span{display:block;color:#aaa;font-size:9px}.playback{display:flex;justify-content:center;gap:22px;margin:8px 0}.playback button{border:0;background:transparent;color:white;font-size:15px;padding:2px 5px}.progress{height:3px;background:#444;border-radius:3px}.progress i{display:block;height:3px;width:38%;background:#c7b1e6}.track small{display:flex;justify-content:space-between;font-size:8px;color:#aaa}.island-tabs{position:absolute;bottom:7px;left:150px;font-size:11px;color:#b8a2d8}.desktop-note{position:absolute;left:62px;top:155px;color:#fff}.desktop-note>span{font-size:39px;line-height:1.1;font-weight:500;letter-spacing:-1.5px}.desktop-note small{display:block;margin-top:13px;font-size:12px;color:#fff9}.desktop-dock{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #fff5;background:#ffffff35;backdrop-filter:blur(10px);border-radius:15px}.desktop-dock span{background:#ffffff7a;width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:#57516e;font-size:23px}.demo-caption{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:var(--muted)}.demo-caption button{border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:5px 13px;font-size:11px}.illustration-note{font-size:10px;color:var(--muted);text-align:left}section#features{padding-top:96px}.section-head{margin-bottom:37px}.section-head h2,h2{font-size:39px;line-height:1.17;letter-spacing:-1.6px;font-weight:550;margin:16px 0}.section-head>p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border-radius:16px;padding:29px;background:var(--panel);display:flex;flex-direction:column;min-height:375px}.focus-feature{background:#eaece6}.shelf-feature{background:#eee9e3}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.card-top span:last-child{font-size:22px}.feature h3{font-size:28px;line-height:1.15;letter-spacing:-.8px;font-weight:550;margin:20px 0 5px}.feature p{font-size:12px;color:var(--muted);line-height:1.8}.qualification{font-size:10px;color:var(--muted);line-height:1.7}.media-widget{display:flex;gap:10px;align-items:center;padding:13px 9px;background:var(--bg);border-radius:10px;margin:23px 0 18px;box-shadow:0 8px 20px #29222f08}.small-album{background:linear-gradient(130deg,#cbb3a7,#84749c);border-radius:6px;width:37px;height:39px;display:grid;place-items:center;color:white}.media-widget strong{font-size:10px}.media-widget small{display:block;font-size:8px;color:var(--muted)}.media-widget>span{margin-left:auto}.timer{text-align:center;margin:20px 0}.timer>span{font-size:8px;letter-spacing:1.5px;color:#717b66}.timer>strong{display:block;font-size:55px;font-weight:350;line-height:1.3;letter-spacing:-2px}.timer strong span{color:#abb1a0}.pill{display:inline-block;padding:4px 10px;background:#ffffff60;border-radius:15px;font-size:8px;margin:3px}.pill:first-child{background:#718063;color:white}.files{display:flex;gap:12px;justify-content:center;align-items:center;margin:22px 0}.files>div{background:var(--bg);border-radius:8px;width:65px;height:75px;display:grid;place-content:center;text-align:center;font-size:31px;color:#a08a74;box-shadow:0 8px 15px #493d2b09;transform:rotate(-7deg)}.files>div:nth-child(2){transform:rotate(7deg)}.files small{font-size:8px;color:var(--muted)}.files>.add-file{border:1px dashed #b7afa2;background:transparent;transform:none;width:40px;height:50px;font-size:20px;box-shadow:none}.keyboard-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:110px 0;align-items:center}.keyboard-copy>p{font-size:13px;color:var(--muted);max-width:355px}.sound-list{margin-top:26px}.sound{display:flex;align-items:center;width:100%;gap:14px;text-align:left;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.sound-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--accent)}.sound strong{font-size:12px;font-weight:550}.sound small{display:block;font-size:10px;color:var(--muted)}.sound-wave{margin-left:auto;color:#b5a6cf;letter-spacing:2px}.volume{display:flex;gap:15px;align-items:center;margin-top:17px;font-size:10px;color:var(--muted)}input[type=range]{accent-color:var(--accent);width:120px}.keyboard-art{background:#e9e5ee;border-radius:20px;padding:40px 20px;transform:rotate(-7deg);box-shadow:0 25px 40px #44354d12}.key-row{display:flex;gap:6px;margin:6px}.key-row i{background:var(--bg);border:1px solid #d8d2df;border-bottom:4px solid #cdc5d7;width:46px;height:45px;border-radius:6px;display:grid;place-items:center;font-style:normal;color:#8b819c;font-size:11px;flex:1}.key-row:nth-child(3) i:nth-child(3){background:#c5b5df;color:#675382;border-bottom-color:#a18dbe}.key-row .space{flex:4;font-size:8px}.art-caption{display:block;text-align:center;font-size:8px;letter-spacing:2px;margin-top:30px;color:#a49bab}.extras{padding:15px 0 80px}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 50px}.extra-icon{font-size:24px;color:var(--accent)}.extra-grid h3{font-size:17px;margin:12px 0 6px}.extra-grid p{font-size:12px;color:var(--muted);margin:0}.compatibility{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compatibility p{color:var(--muted);font-size:14px}.compatibility small{display:block;color:var(--muted);font-size:10px;margin-top:18px}.faq{padding:80px 0;max-width:850px;margin:auto}details{border-bottom:1px solid var(--line);padding:18px 0}summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:20px}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);max-width:700px}.closing{text-align:center;background:var(--panel);padding:60px 20px;border-radius:20px;margin-bottom:70px}.closing img{border-radius:14px}.closing p{color:var(--muted);font-size:13px}.closing small{display:block;font-size:10px;color:var(--muted);margin-top:15px}footer{max-width:1144px;margin:auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:22px;font-size:11px}footer small{width:100%;font-size:9px;color:var(--muted)}.page-intro{padding:75px 0 45px}.page-intro h1{font-size:60px;letter-spacing:-2.5px}.reading{max-width:800px;padding:25px 0 85px}.reading p,.reading li{color:var(--muted);font-size:14px}.reading h2{font-size:30px;margin-top:45px}.reading a{color:var(--accent)}.reading li{margin-bottom:12px}.release-panel{display:flex;gap:30px;padding:35px;border-radius:18px;background:var(--panel);align-items:center}.release-panel h2{font-size:29px}.release-panel p{color:var(--muted);font-size:13px}.release-panel small{font-size:10px;color:var(--muted)}[aria-disabled=true]{opacity:.6;cursor:default}.steps{padding-left:23px}.steps li{padding:10px}.steps strong{color:var(--ink);font-size:16px}.tag{font-size:9px;color:var(--accent);letter-spacing:1px}code{word-break:break-all}body{transition:background .2s}
@media(prefers-color-scheme:dark){:root{--bg:#19181d;--ink:#ece8f2;--muted:#a29aa9;--accent:#b19bdc;--line:#36313e;--panel:#292530}.focus-feature{background:#272d25}.shelf-feature{background:#302a25}.keyboard-art{background:#302a38}.key-row i{border-color:#41374d;border-bottom-color:#51455e}.button{color:#1c152b}.nav-download{color:var(--bg)}.sound-wave{color:#88769f}}
@media(max-width:800px){header{padding:0 22px;height:75px}main{padding:0 22px}nav{gap:16px}h1{letter-spacing:-2px}.desktop{height:340px}.feature-grid{gap:10px}.feature{padding:20px}.feature h3{font-size:24px}.keyboard-section{gap:30px}.key-row i{height:35px}.extra-grid{gap:30px}.keyboard-art{padding:30px 10px}footer{margin:0 22px}.desktop-note{left:35px;top:140px}}
@media(max-width:600px){.menu{display:block;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:8px 12px;font-size:12px}nav{display:none;position:absolute;top:70px;left:15px;right:15px;background:var(--bg);padding:22px;border:1px solid var(--line);border-radius:12px;z-index:20;flex-direction:column;align-items:stretch}nav.visible{display:flex}.hero{padding-top:45px}h1{font-size:47px}.lede{font-size:14px}.hero-actions{gap:15px;flex-wrap:wrap}.desktop{height:300px;border-width:5px}.menubar{font-size:6px;padding:5px}.camera{width:95px;height:20px}.island{width:180px;height:30px}.island:hover,.island:focus-within,.island.open{width:285px;height:160px}.expanded{gap:10px;padding:32px 3px 10px}.album{width:60px;height:70px}.track{font-size:10px}.track>span{font-size:7px}.island-tabs{left:120px}.desktop-note{left:22px;top:167px}.desktop-note>span{font-size:27px}.desktop-note small{font-size:9px}.desktop-dock{display:none}.demo-caption{font-size:9px}.section-head h2,h2{font-size:31px}section#features{padding-top:65px}.feature-grid{grid-template-columns:1fr}.feature{min-height:330px;padding:26px}.feature h3{font-size:29px}.media-widget{margin-top:20px}.feature p{font-size:13px}.keyboard-section{grid-template-columns:1fr;padding:70px 0;gap:40px}.keyboard-art{margin:15px 10px;transform:rotate(-4deg)}.key-row i{height:40px}.extra-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.extra-grid h3{font-size:15px}.compatibility{grid-template-columns:1fr;gap:10px}.faq{padding:60px 0}summary{font-size:13px;gap:20px}.closing{margin-bottom:40px}footer{gap:15px}footer>div{margin-left:0;width:100%}.page-intro h1{font-size:44px}.release-panel{align-items:flex-start;gap:18px;padding:22px}.release-panel img{width:50px;height:50px}.release-panel h2{margin-top:0}.release-panel .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.install-summary{margin:22px auto 10px;font-size:12px!important}.release-details{max-width:560px;margin:20px auto 0;text-align:left}.release-details summary{font-size:11px;color:var(--muted)}.release-details p{font-size:10px}.keyboard-art{min-width:0}.key-row i{min-width:0}.key-row .space{text-align:center}
/* Warm, minimal product showcase */
:root{--bg:#fcf1df;--ink:#25221f;--muted:#887c70;--accent:#7b65aa;--line:#e9dece;--panel:#f1e6d5}body{background:var(--bg);color:var(--ink)}header{max-width:1380px;border:0;height:110px;padding:0 45px}.brand{font-size:25px;letter-spacing:-.7px;gap:10px}.brand img{width:38px;height:38px}.version-badge{font-size:10px;letter-spacing:0;background:#eee1cd;padding:1px 7px;border-radius:7px;color:#9f9080;align-self:flex-start;margin-top:7px}nav{font-size:14px;font-weight:650;gap:30px}.nav-download{background:#f0e5d5;color:var(--ink);border-radius:13px;padding:13px 20px}main{max-width:1120px}.hero{padding-top:62px}.hero h1{font-size:clamp(63px,7.8vw,105px);line-height:1.02;font-weight:780;letter-spacing:-6px;margin:15px auto 30px}.highlight{position:relative;display:inline-block;z-index:1}.highlight:after{content:'';position:absolute;bottom:0;left:-5px;right:-5px;height:29%;background:#cfc0e6;z-index:-1;border-radius:2px}.hero-subtitle{font-size:15px;color:var(--muted);margin:0 auto 25px}.hero-actions{gap:15px;margin:24px 0 0}.button,.donate-button{padding:15px 24px;font-size:14px;border-radius:14px;font-weight:650}.button{background:#292522;color:#fff8ec;box-shadow:0 12px 20px #4d362d20}.button:hover{background:#443d36}.donate-button{border:0;background:#f0e5d5;color:var(--ink);cursor:pointer;min-width:135px}.donate-button:hover{background:#e6d8c3}.requirements{margin:20px 0 62px}.desktop{height:445px;border:0;border-radius:35px 35px 12px 12px;max-width:930px;margin:auto;background:radial-gradient(ellipse at 10% 110%,#667873,transparent 65%),radial-gradient(ellipse at 85% 90%,#b8aa96,transparent 70%),linear-gradient(140deg,#c6c9b4,#e4dfcb 48%,#a89a8c);box-shadow:none}.desktop-note{top:185px}.desktop-note>span{font-size:46px}.desktop-dock{background:#eee7cf40}.demo-caption,.illustration-note{max-width:930px;margin-left:auto;margin-right:auto}.demo-caption{margin-top:18px}.illustration-note{text-align:center;font-size:9px;margin-top:12px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:95px 0 70px}.show-card{overflow:hidden;border-radius:24px;background:#f2e7d6;padding:38px 32px 22px;min-height:380px;position:relative;text-align:center}.show-card h2{font-size:38px;font-weight:720;letter-spacing:-1.6px;margin:0 0 27px;line-height:1.07}.show-card h2 span{color:#9c8c7a}.show-card p{font-size:11px;color:var(--muted);margin:20px 0 0}.transitions{background:#eee4d9}.focus{background:#e8e9dc}.shelf{background:#e9e0f0}.typing{background:#efe1d5}.mini-screen{height:160px;max-width:335px;margin:auto;background:linear-gradient(120deg,#a8b7a7,#ddd6b9);border:4px solid #282726;border-radius:13px;position:relative;padding-top:39px}.mini-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);background:#141414;width:100px;height:17px;border-radius:0 0 8px 8px}.floating-player{display:flex;gap:13px;align-items:center;background:#19191a;color:white;border-radius:14px;max-width:280px;margin:auto;padding:17px;text-align:left;box-shadow:0 10px 15px #0002}.floating-player strong{font-size:11px}.floating-player small{display:block;color:#b0a7bb;font-size:9px}.fake-controls{font-size:12px;margin-top:8px}.music-bars{color:#c2aedb;margin-left:auto;font-size:11px}.small-album{width:46px;height:50px;background:linear-gradient(130deg,#bdaa93,#77718c)}.focus-visual{padding:15px 0}.focus-visual>span{font-size:9px;letter-spacing:3px;color:#858970}.focus-visual>strong{display:block;font-size:76px;letter-spacing:-4px;line-height:1.3;font-weight:450;color:#535c43;font-variant-numeric:tabular-nums}.focus-visual button{background:#6c7959;border:0;color:#fff;border-radius:20px;padding:7px 15px;font-size:10px}.focus-visual button+button{margin-left:5px}.file-visual{display:flex;align-items:center;justify-content:center;gap:16px;height:168px}.file-paper{width:87px;height:115px;background:#fefbf6;border-radius:9px;box-shadow:0 12px 15px #51406413;display:grid;place-content:center;font-size:45px;color:#a495b1;transform:rotate(-9deg)}.file-paper:nth-child(2){transform:rotate(9deg)}.file-paper small{display:block;font-size:10px}.file-plus{height:75px;width:52px;border:2px dashed #c7b5d5;border-radius:9px;display:grid;place-items:center;color:#ab90bf;font-size:24px}.keys-visual{display:flex;justify-content:center;gap:9px;margin:58px 0 24px;transform:rotate(-7deg)}.keys-visual i{width:65px;height:69px;display:grid;place-items:center;border-radius:12px;background:#fcf4e8;border:1px solid #ded0bd;border-bottom:7px solid #d3c2ab;font-style:normal;color:#a18c73;font-size:18px;box-shadow:0 10px 15px #7a5d4010}.keys-visual i:nth-child(3){background:#c7b5de;border-color:#b5a0d0;color:#6d568d}.presets{font-size:10px;color:#958270}.closing{background:none;margin:0;padding:40px 0 70px;border-radius:0}.closing h2{font-size:54px;font-weight:750;line-height:1.05;letter-spacing:-2.6px;margin:25px 0}.closing .qualification{margin-top:8px}.release-details{max-width:420px}.release-details p{font-size:10px!important}footer{max-width:1044px;border:0;padding:25px 0 35px}.page-intro h1{font-weight:750}.page-intro{padding-top:55px}.reading h2{font-weight:700}.reading{padding-top:0}dialog{border:0;border-radius:24px;background:var(--bg);color:var(--ink);padding:45px;text-align:center;max-width:440px;width:calc(100% - 40px);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#21182770;backdrop-filter:blur(5px)}dialog h2{font-size:30px;font-weight:700}dialog p{font-size:13px;color:var(--muted)}#donate-close{position:absolute;top:10px;right:15px;background:none;border:0;color:var(--muted);font-size:25px}.donate-heart{font-size:48px;color:var(--accent)}
@media(prefers-color-scheme:dark){:root{--bg:#211e1a;--ink:#f4ecdf;--muted:#b8aa98;--line:#423a30;--panel:#30291f}.version-badge,.nav-download,.donate-button{background:#332c23;color:#e5d8c6}.donate-button:hover{background:#483b2e}.highlight:after{background:#65527c}.show-card{background:#312b24}.focus{background:#2d3127}.shelf{background:#322b3b}.typing{background:#372c25}.show-card h2 span{color:#ad9b87}.focus-visual>strong{color:#b6c39f}.show-card p{color:#b8aa98}.button{background:#f0e4d3;color:#30271c}.button:hover{background:#fff4e4}}
@media(max-width:800px){header{height:90px;padding:0 24px}.hero{padding-top:40px}.hero h1{letter-spacing:-4px}.desktop{height:380px}.showcase{gap:18px}.show-card{padding:30px 20px 20px}.show-card h2{font-size:30px}.keys-visual i{width:50px;height:58px}.floating-player{padding:12px;gap:8px}.music-bars{display:none}}
@media(max-width:600px){header{height:76px}.brand{font-size:22px}.brand img{height:32px;width:32px}.version-badge{font-size:8px}.hero{padding-top:35px}.hero h1{font-size:60px;letter-spacing:-3.3px;margin-bottom:23px}.hero-subtitle{font-size:12px;max-width:270px}.hero-actions{gap:10px}.button,.donate-button{font-size:11px;padding:14px 17px;border-radius:11px}.donate-button{min-width:105px}.requirements{font-size:9px;margin-bottom:38px}.desktop{height:315px;border-radius:22px 22px 9px 9px}.desktop-note{top:184px}.desktop-note>span{font-size:31px}.showcase{grid-template-columns:1fr;padding-top:55px;gap:18px}.show-card{min-height:355px;padding:30px 25px 22px}.show-card h2{font-size:34px}.closing h2{font-size:40px}.closing{padding:15px 0 45px}.keys-visual i{width:58px;height:66px}footer .version-badge{display:none}.page-intro h1{font-size:41px}.show-card p{font-size:11px}nav{top:70px;background:var(--bg)}.nav-download{padding:12px}main{overflow:clip}.release-details{max-width:100%}}
/* Tactile details and a calmer visual rhythm */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{height:96px}.hero{padding-top:51px}.hero-label{font-size:9px;letter-spacing:2.1px;font-weight:650;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:27px}.hero-label>span{width:6px;height:6px;background:#a893bd;border-radius:50%;box-shadow:0 0 0 4px #a893bd15}.hero h1{font-size:clamp(60px,7.2vw,96px);letter-spacing:-4.5px;line-height:1.04;font-weight:730;margin-bottom:28px}.highlight:after{height:20%;bottom:5%;transform:rotate(-1.5deg);background:#d4c4ea;border-radius:3px}.hero-subtitle{font-size:14px}.button,.donate-button{transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:48px}.button:hover,.donate-button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #3d2d361a}.button:active,.donate-button:active{transform:translateY(0)}.requirements{margin-bottom:45px}.desktop{height:430px;isolation:isolate;background:linear-gradient(145deg,#b8c4c1,#d8d6c5 55%,#c9b6b0);border:1px solid #ffffff70;border-radius:24px;box-shadow:0 30px 70px #6d594b18,0 2px 5px #00000009}.desktop:before{background:#eae4d057;left:-300px;top:150px;box-shadow:50px -20px 80px #fff3}.desktop-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.orb-one{width:570px;height:500px;background:linear-gradient(140deg,#7b9b9360,#a2b8ab10);right:-130px;top:80px;transform:rotate(-35deg);box-shadow:inset 0 0 80px #ffffff40}.orb-two{width:700px;height:240px;background:linear-gradient(15deg,#877aa34a,#d0c2d555);left:-100px;bottom:-120px;transform:rotate(-18deg)}.desktop-note{top:171px;left:55px}.desktop-note>span{font-size:48px;letter-spacing:-2px;line-height:1.07;text-shadow:0 3px 15px #645c7a15}.desktop-note small{color:#ffffffbd}.island{box-shadow:0 14px 30px #0002}.island.open,.island:hover,.island:focus-within{height:180px}.album,.small-album{background:linear-gradient(140deg,#d7aa94 0%,#b096bb 48%,#6e7888 100%);position:relative;overflow:hidden}.album:after,.small-album:after{content:'';position:absolute;border:1px solid #ffffff25;inset:8px;border-radius:50%}.seek-label{display:block;margin:5px 0}.seek-label input{display:block;width:100%;height:3px;accent-color:#c8aee7;cursor:pointer}.appearance-toggle{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:18px;padding:0}.showcase{gap:22px;padding:90px 0 65px}.show-card{border:1px solid #ffffff30;box-shadow:0 2px 4px #4d3b3b04;transition:transform .35s,box-shadow .35s;padding-top:28px;min-height:420px}.show-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #4d3b3b0c}.card-label{display:block;font-size:8px;letter-spacing:2px;color:#9a8b7c;margin-bottom:19px}.show-card h2{font-size:37px;font-weight:650;letter-spacing:-1.4px}.show-card h2 span{color:#9b8d7d}.show-card p{max-width:290px;margin:20px auto 0;line-height:1.6}.transitions{background:linear-gradient(145deg,#f0e6dd,#eae0d5)}.focus{background:linear-gradient(145deg,#edf0e2,#e4e7d9)}.shelf{background:linear-gradient(145deg,#efe7f4,#e5daee)}.typing{background:linear-gradient(145deg,#f3e6da,#ead9ca)}.mini-screen{height:170px;max-width:340px;box-shadow:0 16px 24px #30241c10;margin-top:35px}.floating-player{transition:transform .3s;box-shadow:0 12px 30px #0002}.mini-screen:hover .floating-player{transform:translateY(-5px)}.card-controls{display:flex;gap:14px;justify-content:center;margin-top:9px}.card-controls button{background:transparent;border:0;color:white;font-size:12px;padding:4px 8px;min-height:26px}.focus-presets{display:flex;justify-content:center;gap:7px;margin-bottom:10px}.focus-visual .focus-presets button{background:#ffffff70;color:#798265;border:1px solid #cad1bb;padding:5px 12px;font-size:9px}.focus-presets button[aria-pressed=true]{background:#748562!important;color:white!important;border-color:#748562!important}.focus-visual>strong{font-size:66px;margin:3px 0 10px}.focus-visual>div:last-child button{min-height:34px}.file-visual{border:1px dashed transparent;transition:border-color .2s,background .2s;border-radius:14px;margin-top:25px;padding:12px}.file-visual.dragover{border-color:#a17bb9;background:#fff5}.file-plus{background:transparent;cursor:pointer;transition:transform .2s,background .2s}.file-plus:hover{background:#ffffff60;transform:rotate(90deg)}.file-paper small{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-paper{transition:transform .3s}.file-paper:hover{transform:rotate(0) translateY(-7px)}.reset-shelf{border:0;background:transparent;color:#927da6;font-size:9px;text-decoration:underline;text-underline-offset:3px;margin-top:8px}.keys-visual{margin:36px 0 24px;gap:10px}.demo-key{width:65px;height:69px;border-radius:12px;background:#fcf4e8;border:1px solid #ded0bd;border-bottom:7px solid #d3c2ab;color:#a18c73;font-size:18px;box-shadow:0 12px 18px #7a5d4010;transition:transform .15s,background .15s,box-shadow .15s}.demo-key:hover{background:#fffaf1;transform:translateY(-3px)}.demo-key.pressed,.demo-key:active{transform:translateY(5px);background:#cdb9e4;border-bottom-width:2px;box-shadow:0 2px 3px #7a5d4015}.preset-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.preset-controls button{font-size:9px;background:#f9eee360;color:#99816e;border:1px solid #d9c6b2;padding:6px 9px;border-radius:18px}.preset-controls button[aria-pressed=true]{background:#ad93c2;color:#fff;border-color:#ad93c2}.typing[data-active-preset=creamy] .demo-key{background:#efe0c3}.typing[data-active-preset=wooden] .demo-key{background:#d7bca4;color:#795f46}.typing[data-active-preset=deep-thock] .demo-key{background:#685864;color:#f2e3ef;border-color:#51434e}.closing{border-top:1px solid var(--line);padding-top:60px}.closing img{box-shadow:0 12px 28px #7662ac20;border-radius:18px}.closing h2{font-weight:650}.reading details{border-radius:10px;transition:background .2s;padding:17px 12px}.reading details[open]{background:var(--panel)}.reading summary:hover{color:var(--accent)}.page-intro{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:30px}.page-intro h1{font-weight:650}nav a[aria-current=page]{color:var(--accent)}
:root[data-theme=light]{--bg:#fcf1df;--ink:#25221f;--muted:#887c70;--accent:#7b65aa;--line:#e9dece;--panel:#f1e6d5;color-scheme:light}:root[data-theme=dark]{--bg:#211e1a;--ink:#f4ecdf;--muted:#b8aa98;--accent:#b19bdc;--line:#423a30;--panel:#30291f;color-scheme:dark}:root[data-theme=dark] .show-card{background:#302b27}:root[data-theme=dark] .focus{background:#2c3128}:root[data-theme=dark] .shelf{background:#322a3b}:root[data-theme=dark] .typing{background:#372c26}:root[data-theme=dark] .show-card h2 span{color:#b5a58f}:root[data-theme=dark] .focus-visual>strong{color:#bdcbaa}:root[data-theme=dark] .button{background:#f0e4d3;color:#30271c}:root[data-theme=dark] .version-badge,:root[data-theme=dark] .nav-download,:root[data-theme=dark] .donate-button{background:#332c23;color:#e5d8c6}:root[data-theme=dark] .highlight:after{background:#65527c}
:root[data-theme=light] .button{background:#292522;color:#fff8ec}:root[data-theme=light] .version-badge,:root[data-theme=light] .nav-download,:root[data-theme=light] .donate-button{background:#f0e5d5;color:#25221f}:root[data-theme=light] .show-card{background:#eee4d9}:root[data-theme=light] .focus{background:#e8e9dc}:root[data-theme=light] .shelf{background:#e9e0f0}:root[data-theme=light] .typing{background:#efe1d5}:root[data-theme=light] .focus-visual>strong{color:#535c43}:root[data-theme=light] .highlight:after{background:#d4c4ea}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .show-card{background:#302b27}:root:not([data-theme=light]) .focus{background:#2c3128}:root:not([data-theme=light]) .shelf{background:#322a3b}:root:not([data-theme=light]) .typing{background:#372c26}:root:not([data-theme=light]) .highlight:after{background:#65527c}}
@media(max-width:600px){header{height:76px}.hero{padding-top:34px}.hero-label{font-size:7px;letter-spacing:1.6px;margin-bottom:20px}.hero h1{font-size:57px;letter-spacing:-2.7px}.hero-actions{flex-wrap:wrap}.button,.donate-button{min-height:44px;font-size:10px;padding:12px 14px}.desktop{height:330px;border-radius:19px}.desktop-note{left:22px;top:191px}.desktop-note>span{font-size:30px;letter-spacing:-1px}.showcase{padding-top:55px}.show-card{min-height:400px}.show-card h2{font-size:34px}.demo-key{width:55px;height:63px}.mini-screen{width:100%}.appearance-toggle{width:38px;height:38px}.closing{padding-top:45px}.show-card:hover{transform:none}.island:hover,.island:focus-within,.island.open{height:165px}.desktop-dock{display:none}}
/* Give idle preset controls a distinct surface and readable labels. */
.focus-visual .focus-presets button,.preset-controls button{font-size:11px;font-weight:650;min-height:32px;padding:6px 12px;transition:background .18s,border-color .18s,box-shadow .18s}
.focus-visual .focus-presets button[aria-pressed=false]{color:#37442c;background:#fafcf6;border-color:#acb89b;box-shadow:0 2px 3px #36432908}
.preset-controls button[aria-pressed=false]{color:#514039;background:#fff7ef;border-color:#bfa690;box-shadow:0 2px 3px #513a2908}
.focus-visual .focus-presets button[aria-pressed=false]:hover{background:#eef4e4;border-color:#778965;box-shadow:0 3px 8px #36432914}
.preset-controls button[aria-pressed=false]:hover{background:#f4e7d9;border-color:#947760;box-shadow:0 3px 8px #513a2914}
:root[data-theme=dark] .focus-visual .focus-presets button[aria-pressed=false]{color:#dce8ce;background:#39422e;border-color:#6c7d56}
:root[data-theme=dark] .preset-controls button[aria-pressed=false]{color:#f4e3d4;background:#49382e;border-color:#997c64}
:root[data-theme=dark] .focus-visual .focus-presets button[aria-pressed=false]:hover{background:#465338;border-color:#97ac79}
:root[data-theme=dark] .preset-controls button[aria-pressed=false]:hover{background:#5a4436;border-color:#c09e80}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .focus-visual .focus-presets button[aria-pressed=false]{color:#dce8ce;background:#39422e;border-color:#6c7d56}:root:not([data-theme=light]) .preset-controls button[aria-pressed=false]{color:#f4e3d4;background:#49382e;border-color:#997c64}:root:not([data-theme=light]) .focus-visual .focus-presets button[aria-pressed=false]:hover{background:#465338;border-color:#97ac79}:root:not([data-theme=light]) .preset-controls button[aria-pressed=false]:hover{background:#5a4436;border-color:#c09e80}}
.update-benefit{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:32px;margin:0 0 55px}.update-benefit h2{font-size:31px;margin:10px 0}.update-benefit p{font-size:13px;color:var(--muted);max-width:620px;margin:0}.update-benefit>a{white-space:nowrap}.download-fallback{font-size:11px!important}.download-fallback a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.release-nav{position:static;display:flex;gap:12px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:30px;background:transparent}.release-nav a{padding:6px 14px;border:1px solid var(--line);border-radius:20px;font-size:12px}.release-history .release-note{padding:18px 0 40px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:35px}.release-note h2 span{display:block;font-size:19px;color:var(--muted);letter-spacing:-.5px;margin-top:9px}.release-note time{font-size:12px;color:var(--muted)}.release-callout{padding:20px 23px;background:var(--panel);border-left:3px solid var(--accent);border-radius:4px 14px 14px 4px;margin:25px 0}.release-callout strong{font-size:14px}.release-callout p{margin-bottom:0}.reading .button{color:var(--bg)}.release-install{display:inline-block;margin:14px 20px}#updating{scroll-margin-top:25px}@media(max-width:600px){.update-benefit{display:block;padding:24px}.update-benefit>a{display:inline-block;margin-top:18px}.release-nav{display:flex;flex-direction:row;left:auto;right:auto;z-index:auto;border-radius:0}.release-install{margin-left:0}.release-note .button{font-size:12px}}:root[data-theme=dark] .reading .button{color:#30271c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .reading .button{color:#30271c}}
.launch-section{padding:65px 0 10px}.launch-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.launch-heading h2{font-size:38px;font-weight:650;line-height:1.12;margin:13px 0 0}.launch-heading>a{white-space:nowrap;margin-bottom:5px}.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.launch-card{border:1px solid #ffffff40;border-radius:22px;padding:27px 24px 25px;background:#ece3f1}.launch-card h3{font-size:28px;line-height:1.12;letter-spacing:-1px;font-weight:650;margin:15px 0 25px}.launch-card .card-label{font-size:8px;letter-spacing:1.4px;margin-bottom:10px}.launch-card>p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:23px}.launch-card>small{font-size:10px;line-height:1.6;color:var(--muted);display:block}.actions-card{background:#e5e9dc}.meeting-card{background:#eee2d8}.clipboard-illustration,.actions-illustration,.meeting-illustration{height:175px;display:flex;flex-direction:column;justify-content:center;gap:9px}.clipboard-illustration>div{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #ffffff70;background:#fff9;border-radius:9px;font-size:10px;color:#65546d}.clip-type{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;background:#ddd0e8;font-size:12px}.clip-swatch{display:block;width:22px;height:22px;border-radius:5px;background:#b8a2d6}.clipboard-illustration>small,.actions-illustration>small{font-size:7px;letter-spacing:1px;color:#8c7c96;text-align:center;margin-top:6px}.shortcut-keys{display:flex;justify-content:center;gap:7px;margin-bottom:8px}.shortcut-keys kbd{display:grid;place-items:center;min-width:36px;padding:6px 10px;border:1px solid #c8cfbb;border-bottom:4px solid #b4bda2;border-radius:7px;background:#f8fbf2;color:#566347;font:15px -apple-system,BlinkMacSystemFont,sans-serif}.shortcut-keys kbd:last-child{font-size:11px}.action-preview{display:flex;align-items:center;gap:10px;background:#f9fcf480;border-radius:8px;padding:7px 11px;font-size:11px;color:#59644a}.action-preview>span:last-child{margin-left:auto;color:#8b9879}.meeting-illustration{align-items:center;gap:16px}.meeting-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#f8efe4;color:#ae8b75;font-size:41px;border:1px solid #d8c6b6;transition:background .25s,color .25s}.meeting-illustration button{display:flex;align-items:center;gap:9px;background:#fff4e8;border:1px solid #c7ac97;border-radius:20px;padding:9px 12px;color:#6e4d36;font-size:10px;font-weight:650}.meeting-toggle{width:27px;height:16px;background:#c7b7a6;border-radius:10px;padding:2px;display:block}.meeting-toggle:after{content:'';display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.meeting-illustration button[aria-pressed=true]{background:#e8dcf1;border-color:#a78dbb;color:#644d77}.meeting-illustration button[aria-pressed=true] .meeting-toggle{background:#a68abc}.meeting-illustration button[aria-pressed=true] .meeting-toggle:after{transform:translateX(11px)}.meeting-card.demo-meeting-on .meeting-symbol{background:#ddd0e8;color:#7b6191}.meeting-illustration>small{font-size:9px;color:#a18b7a;text-align:center;min-height:15px}.launch-help{font-size:11px;text-align:center;color:var(--accent);margin-top:22px}.release-nav{flex-wrap:wrap}:root[data-theme=dark] .launch-card{background:#322b3a;border-color:#51435e}:root[data-theme=dark] .actions-card{background:#2c3328;border-color:#49513e}:root[data-theme=dark] .meeting-card{background:#362d27;border-color:#544539}:root[data-theme=dark] .launch-card>p,:root[data-theme=dark] .launch-card>small{color:#c0b3a3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .launch-card{background:#322b3a;border-color:#51435e}:root:not([data-theme=light]) .actions-card{background:#2c3328;border-color:#49513e}:root:not([data-theme=light]) .meeting-card{background:#362d27;border-color:#544539}:root:not([data-theme=light]) .launch-card>p,:root:not([data-theme=light]) .launch-card>small{color:#c0b3a3}}@media(max-width:800px){.launch-grid{gap:12px}.launch-card{padding:22px 17px}.launch-card h3{font-size:24px}.launch-heading h2{font-size:32px}}@media(max-width:600px){.launch-section{padding-top:45px}.launch-heading{display:block}.launch-heading>a{display:inline-block;margin-top:18px}.launch-grid{grid-template-columns:1fr;gap:18px}.launch-card{padding:26px}.launch-card h3{font-size:30px}.clipboard-illustration,.actions-illustration,.meeting-illustration{max-width:300px;margin:auto}.launch-card>p{font-size:13px}.meeting-illustration button{font-size:12px;min-height:40px}}
.clipboard-illustration>div{background:#fcf8ff;color:#51425b;border-color:#e1d5e9}.action-preview{background:#f3f7eb;color:#3e5130}.action-preview>span:last-child{color:#66794f}