:root{color-scheme:dark;--accent:#ff4d5f;--progress:0deg;--progress-pct:0%;--bg:#080b12;--card:#141923;--text:#f7f8fc;--muted:#929aaa}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#0a0d14;font-size:12px}.landing{min-height:100vh;padding:24px 6vw 60px;background:radial-gradient(circle at 75% 25%,#293242 0,transparent 30%),radial-gradient(circle at 10% 70%,#29131b 0,transparent 35%),#080b12}.landing nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto}.nav-button{padding:11px 18px;border:1px solid #ffffff24;border-radius:99px;font-size:13px;font-weight:750}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;max-width:1100px;min-height:680px;margin:auto}.pill{display:inline-flex;padding:7px 11px;border:1px solid #ffffff1f;border-radius:99px;background:#ffffff0c;color:#bec5d1;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1,.builder-head h1{max-width:650px;margin:18px 0;font-size:clamp(48px,7vw,86px);line-height:.97;letter-spacing:-.065em}.hero h1 em{color:#ff5969;font-style:normal}.hero-copy>p{max-width:580px;margin:0 0 28px;color:#a6adba;font-size:19px;line-height:1.65}.primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 22px;border:0;border-radius:15px;background:#f7f8fc;color:#0a0c12;font-weight:850;box-shadow:0 15px 40px #0005;cursor:pointer}.primary:hover{transform:translateY(-2px)}.hero-copy>small{display:block;margin-top:14px;color:#687181}.demo-card,.watch-card{position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:32px;background:linear-gradient(145deg,#ffffff16,#ffffff06);box-shadow:0 35px 90px #0009,inset 0 1px #ffffff18;backdrop-filter:blur(22px)}.demo-card{padding:24px;text-align:center;transform:rotate(2deg)}.mini-top{display:flex;justify-content:space-between;color:#9199a8;font-size:11px;text-transform:uppercase}.mini-top b{color:#fff}.demo-ring,.ring-visual{display:grid;place-items:center;margin:34px auto 25px;border-radius:50%;background:conic-gradient(#ef5261 180deg,#ffffff13 0)}.demo-ring{width:215px;aspect-ratio:1;padding:12px}.demo-ring>div,.ring-inner{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#0b0f16}.demo-ring strong,.ring-inner strong{font-size:54px;letter-spacing:-.06em}.demo-ring small,.ring-inner small{color:var(--accent);font-size:.4em}.demo-ring span,.ring-inner>span,.bar-number span,.liquid-number span{color:#747d8d;font-size:9px;font-weight:800;letter-spacing:.16em}.demo-card h2{margin:0}.demo-card p{color:#9098a7;font-variant-numeric:tabular-nums}.watermark{margin-top:24px;color:#ffffff35;font-size:10px;font-weight:800;letter-spacing:.13em}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:auto}.feature-row article{padding:25px;border-top:1px solid #ffffff20}.feature-row article>b{color:#ff5969;font-size:11px}.feature-row h3{margin:10px 0 6px}.feature-row p{margin:0;color:#7f8795;font-size:14px}
.builder{max-width:850px;margin:auto;padding:28px 20px 80px}.builder-head{padding:70px 0 38px}.builder-head h1{font-size:clamp(42px,7vw,68px)}.builder-head p{color:#929baa;font-size:17px}.form-card{margin:18px 0;padding:28px;border:1px solid #ffffff16;border-radius:25px;background:#ffffff09}.form-card h2{margin:0 0 23px;font-size:17px}.form-card>label{display:block;margin-top:16px;color:#aab2bf;font-size:12px;font-weight:700}.form-card>label small{color:#5f6877}.form-card input[type=text],.form-card input:not([type]){width:100%}input[type=text],input[type=time],.slug-input input,.success input{border:1px solid #ffffff18;border-radius:11px;outline:0;background:#090c12;color:#fff;padding:13px}.form-card>label>input{display:block;width:100%;margin-top:7px}.slug-input{display:flex;align-items:center;margin-top:7px;border:1px solid #ffffff18;border-radius:11px;background:#090c12;overflow:hidden}.slug-input span{padding-left:13px;color:#667080}.slug-input input{flex:1;border:0}.days{display:grid;gap:9px}.day-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border-radius:13px;background:#080b1180}.check{display:flex;align-items:center;gap:10px;min-width:130px;font-size:13px;font-weight:750}.check input{position:absolute;opacity:0}.check i{width:34px;height:19px;padding:3px;border-radius:99px;background:#343a46}.check i:after{display:block;width:13px;height:13px;border-radius:50%;background:#8992a2;content:"";transition:.2s}.check input:checked+i{background:#3b9d68}.check input:checked+i:after{transform:translateX(15px);background:white}.day-times{display:flex;align-items:center;gap:8px}.day-times input{width:118px;padding:9px}.day-times span{color:#67707f;font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.themes{grid-template-columns:repeat(5,1fr)}.choice{position:relative;padding:10px;border:1px solid #ffffff13;border-radius:14px;background:#080b1180;cursor:pointer}.choice input{position:absolute;opacity:0}.choice:has(input:checked){border-color:#fff;box-shadow:0 0 0 2px #ffffff20}.choice b{display:block;margin-top:9px;font-size:11px}.theme-preview{display:block;height:58px;border-radius:9px;background:linear-gradient(135deg,#080b12,#242b39)}.sunrise .theme-preview{background:linear-gradient(135deg,#3d1c35,#ff9868)}.forest .theme-preview{background:linear-gradient(135deg,#071a16,#31a36e)}.ocean .theme-preview{background:linear-gradient(135deg,#08172b,#278ccb)}.candy .theme-preview{background:linear-gradient(135deg,#2b102e,#ed66b0)}.style-icon{display:block;height:58px;border-radius:9px;background:#121722}.style-icon.ring{background:radial-gradient(circle,#111722 37%,transparent 38%),conic-gradient(#ff5665 55%,#2c323e 0)}.style-icon.bar{height:14px;margin:22px 0;background:linear-gradient(90deg,#ff5665 55%,#2c323e 0)}.style-icon.bricks{background:repeating-linear-gradient(90deg,#ff5665 0 8px,transparent 8px 11px),#212733}.style-icon.liquid{background:linear-gradient(0deg,#ff5665 55%,#222936 55%);border-radius:50%}.save{width:100%;margin-top:15px}.save:disabled{opacity:.6}.success{display:grid;gap:12px;margin-top:18px;padding:20px;border:1px solid #47ce863d;border-radius:17px;background:#47ce8612}.success a{color:#65e69c;font-weight:800}.success label{display:grid;gap:6px;color:#8f98a6;font-size:11px}.success small,#form-message{color:#ff8390;font-size:12px}
.watch-page{display:grid;place-items:center;min-height:100svh;padding:22px;background:radial-gradient(circle at 50% 20%,#1d2635,#080b12 60%)}.watch-card{width:min(100%,440px);padding:26px 23px 20px;text-align:center}.watch-card header{display:flex;justify-content:space-between;color:#8f98a6;font-size:11px}.eyebrow{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.visual{display:grid;place-items:center;min-height:285px}.ring-visual{width:235px;aspect-ratio:1;padding:13px;background:conic-gradient(var(--accent) var(--progress),#ffffff12 0);box-shadow:0 0 50px color-mix(in srgb,var(--accent) 17%,transparent)}.ring-inner strong,.bar-number strong,.liquid-number strong{font-size:57px;letter-spacing:-.06em}.watch-status h1{margin:0;font-size:25px}.watch-status p{min-height:20px;margin:7px 0;color:#929baa;font-size:13px}.time-panel{display:flex;justify-content:space-between;margin-top:24px;padding:16px 17px;border:1px solid #ffffff12;border-radius:17px;background:#04070b55;text-align:left}.time-panel>div:last-child{text-align:right}.time-panel span{display:block;color:#737c8c;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.time-panel strong{display:block;margin-top:6px;font-size:16px;font-variant-numeric:tabular-nums}.make-one{position:fixed;bottom:16px;padding:9px 14px;border-radius:99px;background:#ffffff12;color:#9da5b2;font-size:10px;font-weight:750}.bar-visual,.bricks-visual,.liquid-visual{display:none}.display-bar .ring-visual,.display-bricks .ring-visual,.display-liquid .ring-visual{display:none}.display-bar .bar-visual{display:block;width:100%}.bar-visual{position:relative;height:105px;overflow:hidden;border:1px solid #ffffff12;border-radius:22px;background:#ffffff0b}.bar-fill{position:absolute;width:var(--progress-pct);height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,#111),var(--accent));transition:.8s}.bar-number,.liquid-number{position:relative;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.display-bricks .bricks-visual{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;width:100%}.bricks-visual i{height:37px;border:1px solid #ffffff10;border-radius:6px;background:#ffffff09}.bricks-visual i.filled{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)}.display-liquid .liquid-visual{position:relative;display:block;overflow:hidden;width:225px;aspect-ratio:1;border:9px solid #ffffff12;border-radius:50%;background:#090d14}.liquid-fill{position:absolute;right:0;bottom:0;left:0;height:var(--progress-pct);background:var(--accent);opacity:.75;transition:.8s}.theme-sunrise{--bg:#21101e;--card:#30182b}.theme-sunrise .watch-page{background:radial-gradient(circle at 50% 10%,#693452,#21101e 65%)}.theme-forest{--bg:#061713}.theme-forest .watch-page{background:radial-gradient(circle at 50% 10%,#173d31,#061713 65%)}.theme-ocean{--bg:#071425}.theme-ocean .watch-page{background:radial-gradient(circle at 50% 10%,#163c5b,#071425 65%)}.theme-candy{--bg:#210c24}.theme-candy .watch-page{background:radial-gradient(circle at 50% 10%,#5b285d,#210c24 65%)}.not-found{display:grid;place-items:center;align-content:center;min-height:100vh;text-align:center}.not-found p{color:#8891a0}
@media(max-width:760px){.landing{padding:20px}.hero{grid-template-columns:1fr;gap:35px;padding:70px 0}.hero-copy>p{font-size:16px}.demo-card{width:min(100%,400px);margin:auto;transform:none}.feature-row{grid-template-columns:1fr}.choice-grid,.themes{grid-template-columns:repeat(2,1fr)}.day-row{align-items:flex-start;flex-direction:column}.day-times{width:100%}.day-times input{flex:1;min-width:0}.builder-head{padding-top:55px}.form-card{padding:20px}.watch-card{padding-top:22px}.visual{min-height:265px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}