: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}*{box-sizing:border-box}body{background:#09090b;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;color:var(--page-ink);background:var(--page-bg);transition:background .26s,color .26s}.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:100vh;margin:0 auto;padding:42px 0;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:680px;color:var(--page-ink);font-optical-sizing:auto;letter-spacing:0;text-wrap:balance;font-size:84px;font-weight:590;line-height:.94}.create-intro p{width:min(540px,100%);color:var(--page-muted);letter-spacing:0;text-wrap:balance;margin-top:22px;font-size:24px;font-weight:430;line-height:1.23}.hero-form{gap:18px;width:min(720px,100%);margin-top:clamp(42px,7vh,76px);display:grid}.hero-field{gap:8px;display:grid;position:relative}.field-label{color:var(--page-muted);letter-spacing:0;font-size:clamp(16px,1.35vw,19px);font-weight:600}.hero-field input,.picker-trigger{border:0;border-bottom:1px solid color-mix(in srgb, var(--page-line) 82%, transparent);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 13px;font-size:clamp(28px,4.7vw,60px);font-weight:520;line-height:1}.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:13px;font-weight:560}.picker-trigger.is-empty,.hero-field input::placeholder{color:color-mix(in srgb, var(--page-muted) 58%, transparent)}.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;filter:invert();opacity:.58}.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:color-mix(in srgb, var(--page-ink) 74%, transparent)}.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-ink);width:fit-content;min-width:170px;height:58px;color:var(--page-bg);background:var(--page-ink);border-radius:6px;justify-content:center;align-items:center;gap:11px;margin-top:12px;padding:0 26px;font-size:15px;font-weight:620;display:inline-flex}.install-button:disabled{border-color:color-mix(in srgb, var(--page-line) 70%, transparent);color:var(--page-muted);cursor:default;background:0 0}.preview-rail{place-items:center;height:100vh;display:grid;position:sticky;top:0}.phone-shell{width:min(100%, var(--phone-width));border:1px solid color-mix(in srgb, var(--page-ink) 38%, transparent);background:var(--page-field);border-radius:8px;justify-self:center;position:relative;overflow:hidden;container-type:inline-size}.create-screen .preview-rail .phone-shell{width:auto;max-width:100%;height:calc(100vh - 84px)}.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) 88%, transparent);pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.lock-status{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{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{font-size:clamp(10px,4.9cqw,22px);font-weight:650}.lock-time{letter-spacing:0;margin-top:2%;font-size:clamp(42px,28cqw,108px);font-weight:650}.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 34%, transparent);background:color-mix(in srgb, var(--page-bg) 24%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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{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 44%, 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,640px) minmax(260px,360px);align-items:start}.install-screen>.phone-shell{position:sticky;top:30px}.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 h2{color:var(--page-ink);margin-bottom:9px;font-size:18px;font-weight:620;line-height:1.2}.step p{color:var(--page-muted);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+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:34px;width:min(620px,100vw - 32px);min-height:auto;padding:34px 0 44px}.create-screen .create-copy{display:contents}.create-intro{order:1}.create-screen .preview-rail{order:2;height:auto;position:static}.create-screen .hero-form{order:3}.create-intro h1,.install-copy h1{max-width:100%;font-size:46px;line-height:.98}.create-intro p{font-size:20px;line-height:1.24}.hero-form{margin-top:34px}.field-label{font-size:15px}.hero-field input,.picker-trigger{font-size:clamp(24px,8vw,40px)}.picker-trigger small{display:none}.picker-popover{z-index:60;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;width:100vw;max-height:min(78vh,720px);padding:16px;position:fixed;inset:auto 0 0}.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(78vh,720px) - 116px)}.picker-options button{min-height:54px;padding:12px 10px}.phone-shell,.phone-shell.compact{width:min(78vw,340px)}.create-screen .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}}