:root{--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif;font-family:var(--font-sans);color:#f6f3ec;font-synthesis:none;font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090b}html{overflow-x:clip}*{box-sizing:border-box}body{background:#09090b;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;color:var(--page-ink);background:var(--page-bg);grid-template-rows:auto auto;padding-top:52px;transition:background .26s,color .26s;display:grid}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-topbar,.site-footer{text-align:center;justify-content:center;align-items:center;min-height:52px;padding:0 20px;display:flex}.site-topbar{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--page-line) 72%, transparent);color:var(--page-ink);background:var(--page-bg);font-size:13px;font-weight:640;line-height:.9;animation:.52s both pageFadeIn;position:fixed;top:0;left:0;right:0}.site-footer{color:var(--page-muted);font-size:13px;font-weight:560;line-height:1.35;animation:.7s both pageFadeIn}.site-footer a{color:var(--page-ink);-webkit-text-decoration-color:color-mix(in srgb, var(--page-ink) 28%, transparent);text-decoration-color:color-mix(in srgb, var(--page-ink) 28%, transparent);text-underline-offset:3px}.create-intro,.hero-form,.preview-rail,.install-copy,.install-screen .preview-rail{animation:.72s cubic-bezier(.22,1,.36,1) both pageFadeUp}.create-intro,.install-copy{animation-delay:80ms}.preview-rail,.install-screen .preview-rail{animation-delay:.18s}.hero-form{animation-delay:.28s}@media (prefers-reduced-motion:reduce){.site-footer,.site-topbar,.create-intro,.hero-form,.preview-rail,.install-copy,.install-screen .preview-rail{animation:none}}.create-screen,.install-screen{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:clamp(36px,7vw,92px);width:min(1180px,100vw - 40px);min-height:calc(100vh - 104px);margin:0 auto;padding:34px 0 38px;display:grid}.create-screen{align-items:stretch}.create-copy,.install-copy{min-width:0}.create-copy{align-self:safe center}h1,h2,p{margin:0}.create-intro h1,.install-copy h1{max-width:620px;color:var(--page-ink);font-optical-sizing:auto;letter-spacing:0;text-wrap:balance;font-size:74px;font-weight:530;line-height:.84}.create-intro p{width:min(510px,100%);color:var(--page-muted);letter-spacing:0;text-wrap:balance;margin-top:18px;font-size:20px;font-weight:460;line-height:1.23}.hero-form{gap:12px;width:min(560px,100%);margin-top:clamp(30px,5vh,54px);display:grid}.hero-field{opacity:.36;gap:6px;transition:opacity .16s;display:grid;position:relative}.hero-field:focus-within,.hero-field.is-open{opacity:1}.field-label{color:var(--page-muted);letter-spacing:0;font-size:clamp(12px,.9vw,13px);font-weight:600}.hero-field input,.picker-trigger,.native-select{border:0;border-bottom:1px solid var(--page-line);width:100%;min-width:0;height:auto;color:var(--page-ink);letter-spacing:0;text-overflow:ellipsis;background:0 0;border-radius:0;outline:none;padding:0 0 9px;font-size:clamp(22px,3.1vw,38px);font-weight:500;line-height:1}.native-picker-field{position:relative}.native-picker-field:after{content:"";width:8px;height:8px;color:var(--page-ink);opacity:.68;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;position:absolute;bottom:16px;right:1px;transform:rotate(45deg)}.native-select{appearance:none;white-space:nowrap;padding-right:24px;overflow:hidden}.picker-trigger{text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;display:grid}.picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-trigger small{color:var(--page-muted);white-space:nowrap;font-size:12px;font-weight:600}.picker-trigger.is-empty,.hero-field input::placeholder{color:var(--page-ink)}.hero-field input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.hero-field input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial}}.hero-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}.date-field input{padding-right:46px}.date-icon{width:clamp(24px,2.4vw,30px);height:clamp(24px,2.4vw,30px);color:var(--page-ink);stroke-width:1.8px;pointer-events:none;position:absolute;bottom:9px;right:0}.hero-field:focus-within .field-label,.hero-field.is-open .field-label{color:var(--page-ink)}.hero-field:focus-within input,.hero-field:focus-within .picker-trigger,.hero-field.is-open .picker-trigger{border-bottom-color:var(--page-ink)}.picker-popover{font-family:var(--font-sans);z-index:20;border:1px solid color-mix(in srgb, var(--page-ink) 24%, transparent);background:color-mix(in srgb, var(--page-bg) 96%, var(--page-ink) 4%);border-radius:8px;width:100%;max-height:340px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden}.picker-head{display:none}.picker-search{border:1px solid color-mix(in srgb, var(--page-ink) 16%, transparent);color:var(--page-ink);background:color-mix(in srgb, var(--page-bg) 88%, var(--page-ink) 12%);border-radius:7px;margin-bottom:8px;padding:11px 12px;font-size:16px;font-weight:500}.picker-options{max-height:250px;overflow-y:auto}.picker-options button{width:100%;min-height:46px;color:var(--page-ink);text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 12px;display:grid}.picker-options button.is-active,.picker-options button[aria-selected=true]{background:color-mix(in srgb, var(--page-ink) 9%, transparent)}.picker-options button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:560;line-height:1.2;overflow:hidden}.picker-options button small{color:var(--page-muted);white-space:nowrap;font-size:12px;font-weight:560}.picker-empty{color:var(--page-muted);padding:16px 12px;font-size:14px;font-weight:560}.install-button{font-family:var(--font-sans);border:1px solid var(--page-accent);width:fit-content;min-width:154px;height:52px;color:var(--page-bg);background:var(--page-accent);border-radius:6px;justify-content:center;align-items:center;gap:11px;margin-top:10px;padding:0 26px;font-size:14px;font-weight:620;display:inline-flex}.install-button:disabled{border-color:var(--page-accent);color:var(--page-bg);background:var(--page-accent);opacity:.36;cursor:default}.preview-rail{place-items:center;height:calc(100vh - 104px);display:grid;position:sticky;top:52px}.phone-shell{width:min(100%, var(--phone-width));border:1px solid color-mix(in srgb, var(--page-line) 72%, transparent);background:var(--page-field);box-shadow:0 24px 68px color-mix(in srgb, var(--page-accent) 14%, transparent), 0 0 0 1px color-mix(in srgb, var(--page-ink) 7%, transparent);border-radius:18px;justify-self:center;position:relative;overflow:hidden;container-type:inline-size}.preview-rail .phone-shell{width:auto;max-width:100%;height:min(740px,100vh - 150px)}.phone-shell.compact{width:min(100%, var(--phone-width))}.phone-wallpaper,.phone-wallpaper img,.phone-shell img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.empty-wallpaper{background:linear-gradient(color-mix(in srgb, var(--page-line) 32%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--page-line) 32%, transparent) 1px, transparent 1px), var(--page-field);opacity:.34;background-position:50%;background-size:8px 8px;width:100%;height:100%;position:absolute;inset:0}.lockscreen-overlay{font-family:var(--font-sans);z-index:2;color:color-mix(in srgb, var(--page-ink) 72%, transparent);pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.lock-status{opacity:.72;justify-content:space-between;align-items:center;min-height:8%;padding:5.7% 8.7% 0;font-size:clamp(8px,3.7cqw,16px);font-weight:650;line-height:1;display:flex}.status-icons{align-items:center;gap:5px;display:inline-flex}.signal-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.signal-bars i{opacity:.86;background:currentColor;border-radius:2px;width:3px}.signal-bars i:first-child{height:4px}.signal-bars i:nth-child(2){height:6px}.signal-bars i:nth-child(3){height:9px}.signal-bars i:nth-child(4){height:12px}.wifi-mark{border:2px solid #0000;border-top-color:currentColor;border-radius:14px 14px 0 0;width:14px;height:10px;display:inline-block;position:relative}.wifi-mark:before,.wifi-mark:after{content:"";background:currentColor;border-radius:999px;position:absolute;right:50%;transform:translate(50%)}.wifi-mark:before{width:8px;height:2px;top:3px}.wifi-mark:after{width:3px;height:3px;top:7px}.battery-mark{border:1.6px solid;border-radius:3px;width:22px;height:11px;display:inline-block;position:relative}.battery-mark:before{content:"";background:currentColor;border-radius:0 2px 2px 0;width:2px;height:5px;position:absolute;top:2px;right:-4px}.battery-mark:after{content:"";background:currentColor;border-radius:1px;position:absolute;inset:2px 4px 2px 2px}.lock-clock{align-content:start;justify-items:center;padding-top:6%;line-height:1;display:grid}.lock-date{opacity:.78;font-size:clamp(10px,4.9cqw,22px);font-weight:560}.lock-time{letter-spacing:0;opacity:.82;margin-top:2%;font-size:clamp(42px,28cqw,108px);font-weight:540}.phone-shell.is-android .lock-clock{justify-items:start;padding:15% 10% 0}.phone-shell.is-android .lock-time{order:-1;margin-top:0;font-size:clamp(38px,22cqw,94px)}.phone-shell.is-android .lock-date{margin-top:5px;font-size:clamp(9px,4cqw,18px)}.lock-bottom{min-height:18%;position:relative}.ios-bottom{grid-template-columns:1fr 1fr;place-items:end center;gap:40%;padding:0 10% 9.5%;display:grid}.lock-circle{border:1px solid color-mix(in srgb, currentColor 20%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.72;background:0 0;border-radius:50%;place-items:center;width:clamp(32px,15cqw,62px);height:clamp(32px,15cqw,62px);display:grid}.torch-icon:before{content:"";background:linear-gradient(currentColor 0 0) 50% 18%/78% 2px no-repeat,linear-gradient(currentColor 0 0) 50% 38%/58% 2px no-repeat,currentColor;border-radius:3px 3px 8px 8px;width:21%;height:45%;display:block}.camera-icon:before{content:"";background:radial-gradient(circle,currentColor 0 2px,#0000 2.4px),linear-gradient(currentColor 0 0) 18% -5px/28% 8px no-repeat;border:2px solid;border-radius:5px;width:46%;height:33%;display:block}.home-indicator{opacity:.68;background:currentColor;border-radius:999px;width:36%;height:4px;position:absolute;bottom:2.4%;left:50%;transform:translate(-50%)}.android-bottom{place-items:end center;padding-bottom:5.4%;display:grid}.unlock-ring{border:1.5px solid color-mix(in srgb, currentColor 26%, transparent);border-radius:50%;width:clamp(24px,9cqw,46px);height:clamp(24px,9cqw,46px);margin-bottom:14%}.android-nav{align-items:center;gap:clamp(20px,10cqw,48px);display:inline-flex}.android-nav i{border:1.4px solid;border-radius:50%;width:6px;height:6px}.android-nav i:first-child{background:currentColor;border:0;border-radius:999px;width:16px;height:2px}.android-nav i:last-child{border-radius:2px;width:7px;height:7px}.install-screen{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:stretch}.install-preview{align-self:stretch}.back-button{font-family:var(--font-sans);border:1px solid color-mix(in srgb, var(--page-line) 78%, transparent);height:42px;color:var(--page-ink);background:0 0;border-radius:6px;align-items:center;gap:9px;margin-bottom:30px;padding:0 13px;font-size:13px;font-weight:620;display:inline-flex}.install-copy h1{font-size:60px}.install-steps{gap:28px;margin-top:46px;display:grid}.step{grid-template-columns:30px minmax(0,1fr);gap:16px;display:grid}.step>span{border:1px solid color-mix(in srgb, var(--page-line) 70%, transparent);width:30px;height:30px;color:var(--page-ink);border-radius:50%;place-items:center;font-size:12px;font-weight:620;display:grid}.step>div,.step p,.step ul,.step li,.url-box{min-width:0}.step h2{color:var(--page-ink);margin-bottom:9px;font-size:18px;font-weight:620;line-height:1.2}.step p{color:var(--page-muted);overflow-wrap:anywhere;font-size:15px;line-height:1.55}.step ul{color:var(--page-muted);margin:0;padding-left:18px;font-size:15px;line-height:1.5}.step li{overflow-wrap:anywhere}.step li+li{margin-top:5px}.step p+p,.step p+.url-box,.step p+ul,.step ul+p,.step ul+.url-box,.url-box+p,.url-box+ul{margin-top:10px}.url-box{font-family:var(--font-sans);border:1px solid color-mix(in srgb, var(--page-line) 70%, transparent);background:color-mix(in srgb, var(--page-field) 82%, transparent);border-radius:6px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:8px;display:grid}code{min-width:0;color:var(--page-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.4;overflow:hidden}.url-box button{border:1px solid color-mix(in srgb, var(--page-line) 70%, transparent);width:42px;height:38px;color:var(--page-ink);background:0 0;border-radius:5px;place-items:center;display:grid}.url-box button:disabled{opacity:.35;cursor:default}input:focus,button:focus-visible,select:focus{outline:none}.matrix-screen{color:#24231f;background:#f3f0e8;min-height:100vh;padding:34px clamp(16px,3.6vw,44px) 56px}.matrix-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px;max-width:1480px;margin:0 auto;display:grid}.matrix-back{color:#24231f;border:1px solid #d3cbbc;border-radius:6px;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.matrix-header h1{color:#24231f;letter-spacing:0;font-size:clamp(38px,7vw,78px);font-weight:620;line-height:.92}.matrix-header p{color:#676056;max-width:640px;margin-top:12px;font-size:18px;font-weight:450;line-height:1.36}.matrix-controls{border-block:1px solid #d8d0c1;grid-template-columns:minmax(180px,1fr) minmax(160px,220px) minmax(220px,340px);gap:14px;max-width:1480px;margin:30px auto 28px;padding-block:16px;display:grid}.matrix-field{gap:8px;min-width:0;display:grid}.matrix-field span{color:#756e63;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.matrix-field input,.matrix-field select{color:#24231f;background:#fbf8f1;border:1px solid #cfc6b6;border-radius:6px;width:100%;min-width:0;height:43px;padding:0 12px;font-size:15px;font-weight:560}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1480px;margin:0 auto;display:grid}.matrix-day{background:#fbf8f1;border:1px solid #d9d0c1;border-radius:8px;min-width:0;overflow:hidden}.matrix-day-head{background:#eee9df;border-bottom:1px solid #ddd5c8;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:16px 18px;display:flex}.matrix-day-head h2{color:#24231f;letter-spacing:0;font-size:21px;font-weight:680;line-height:1.08}.matrix-day-head p,.matrix-day-head span{color:#6f675c;font-size:13px;font-weight:620;line-height:1.25}.matrix-day-head p{margin-top:5px}.matrix-day-head span{flex:none}.matrix-rows{display:grid}.matrix-row{border-bottom:1px solid color-mix(in srgb, var(--row-line) 76%, transparent);min-width:0;color:var(--row-ink);background:var(--row-bg);grid-template-columns:96px 70px minmax(0,1fr) 158px 62px;align-items:center;gap:12px;padding:13px 14px;display:grid}.matrix-row:last-child{border-bottom:0}.matrix-moment,.matrix-count,.matrix-meta{gap:4px;min-width:0;display:grid}.matrix-moment strong{color:var(--row-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720;line-height:1.05;overflow:hidden}.matrix-moment span,.matrix-count span,.matrix-meta span{color:var(--row-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.matrix-count strong{color:var(--row-ink);font-size:28px;font-weight:680;line-height:.9}.matrix-phrase{min-width:0;color:var(--row-ink);font-size:15px;font-weight:560;line-height:1.35}.matrix-meta{align-content:center}.matrix-palette{justify-content:flex-end;gap:4px;display:flex}.matrix-palette i{border:1px solid color-mix(in srgb, var(--row-ink) 16%, transparent);border-radius:3px;width:10px;height:28px}@media (width<=900px){.create-screen,.install-screen{grid-template-columns:1fr;gap:28px;width:min(580px,100dvw - 36px);max-width:calc(100% - 36px);min-height:auto;padding:28px 0 38px}.create-screen .create-copy,.install-screen .install-copy{display:contents}.install-screen .back-button{order:1;justify-self:start;margin-bottom:0}.install-screen .install-copy h1{text-align:center;order:2;justify-self:center}.create-intro{text-align:center;order:1;padding:10px 0 6px}.preview-rail{height:auto;position:static}.create-screen .preview-rail{order:2}.install-screen .preview-rail,.create-screen .hero-form{order:3}.install-screen .install-steps{order:4}.create-intro h1,.install-copy h1{max-width:100%;font-size:40px;line-height:.89}.create-intro p{width:min(330px,100%);margin-top:18px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.27}.hero-form{gap:13px;width:100%;max-width:100%;margin-top:28px}.field-label{font-size:13px}.hero-field input,.picker-trigger{font-size:clamp(19px,6.1vw,27px)}.date-field input{padding-right:38px}.date-icon{width:25px;height:25px}.picker-trigger small{display:none}.picker-popover{top:auto;right:max(12px, env(safe-area-inset-right));bottom:0;left:max(12px, env(safe-area-inset-left));z-index:60;width:auto;max-height:min(68dvh,560px);padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--page-bg) 97%, var(--page-ink) 3%);border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;position:fixed}.picker-head{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:12px;margin-bottom:12px;display:grid}.picker-head span{color:var(--page-ink);font-size:18px;font-weight:620}.picker-head button{border:1px solid color-mix(in srgb, var(--page-ink) 18%, transparent);width:38px;height:38px;color:var(--page-ink);background:0 0;border-radius:50%;place-items:center;display:grid}.picker-search{height:50px;margin-bottom:10px;font-size:16px}.picker-options{max-height:calc(min(68dvh,560px) - 116px)}.picker-options button{min-height:54px;padding:12px 10px}.phone-shell,.phone-shell.compact{border-color:color-mix(in srgb, var(--page-ink) 20%, transparent);width:min(78vw,340px);box-shadow:0 18px 58px color-mix(in srgb, var(--page-accent) 24%, transparent), 0 0 0 1px color-mix(in srgb, var(--page-ink) 15%, transparent)}.preview-rail .phone-shell{width:min(78vw,340px);height:auto}.matrix-header,.matrix-controls,.matrix-grid{grid-template-columns:1fr}.matrix-row{grid-template-columns:74px 58px minmax(0,1fr)}.matrix-meta,.matrix-palette{display:none}.step{grid-template-columns:24px minmax(0,1fr);gap:12px}.step>span{width:24px;height:24px;font-size:11px}}