:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#24272c;background:#f0f1f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 85% 10%,#fff 0,transparent 50%),radial-gradient(ellipse at 0 80%,#dee3e8 0,transparent 55%),#f0f1f3;-webkit-font-smoothing:antialiased}header{max-width:480px;margin:auto;padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:600;letter-spacing:-1px;font-size:24px;color:inherit;text-decoration:none;display:flex;gap:9px;align-items:center}.logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff70;border:1px solid #fff;color:#4e5864;font-size:25px;box-shadow:inset 0 1px 2px white,0 4px 12px #28344408}.help{font:500 12px inherit;background:#ffffff60;border:1px solid white;border-radius:30px;padding:11px 14px;min-height:42px;cursor:pointer;color:#555c65}main{width:100%;max-width:480px;margin:0 auto;padding:0 16px 30px}.glass{padding:25px 22px;background:#ffffff60;border-radius:29px;backdrop-filter:blur(35px) saturate(130%);-webkit-backdrop-filter:blur(35px) saturate(130%);box-shadow:inset 0 2px 3px -1px #fff,inset 0 -2px 4px -1px #ffffff80,inset 0 0 0 1px #fff9,0 18px 50px -20px #26303c20}.card-top{margin-bottom:23px}h1{font-size:25px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0 0 7px}.card-top p{font-size:12px;color:#737a84;line-height:1.5;margin:0}form{display:flex;flex-direction:column;gap:16px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}label{font-size:12px;font-weight:550;color:#505660;line-height:1.3}label span{font-weight:400;color:#858b94;margin-left:5px;font-size:11px}input:not([type=checkbox]),textarea,select{display:block;width:100%;min-width:0;max-width:100%;margin:0;min-height:47px;border:1px solid #fff;background:#ffffff72;border-radius:13px;padding:11px 12px;color:#2d333a;font-family:inherit;font-size:16px;line-height:1.3;box-shadow:inset 0 1px 3px #27374b04;outline:none}input[type=date],input[type=time]{appearance:none;-webkit-appearance:none;min-height:47px}input::-webkit-date-and-time-value{text-align:left}input::placeholder,textarea::placeholder{color:#9197a0;font-size:14px}textarea{resize:vertical;min-height:68px}input:focus,textarea:focus,select:focus{border-color:#a7b2bf;box-shadow:0 0 0 3px #818e9e14}.date-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}.toggle-row{display:flex;justify-content:space-between;align-items:center;min-height:25px;padding:0 2px}.toggle-row label{font-weight:400}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:36px;height:22px;flex-shrink:0;background:#cdd1d6;border-radius:20px;position:relative;cursor:pointer;margin:0}input[type=checkbox]:before{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}input[type=checkbox]:checked{background:#536673}input[type=checkbox]:checked:before{transform:translateX(14px)}input:disabled{opacity:.45}details{border-top:1px solid #d8dde180;padding-top:2px}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;color:#676e78;font-size:12px}summary::-webkit-details-marker{display:none}summary span{font-size:17px}details[open] summary span{transform:rotate(45deg)}.extras{display:flex;flex-direction:column;gap:16px;padding:6px 0 14px}#end-fields{display:flex;flex-direction:column;gap:16px}.primary{font-family:inherit;font-size:15px;font-weight:550;min-height:52px;width:100%;border:1px solid #fff5;background:linear-gradient(135deg,#3d4854,#242d37);color:white;border-radius:16px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:inset 0 1px 1px #ffffff35,0 6px 15px #29374813}.primary:active{transform:scale(.99)}.hint{text-align:center;color:#7a818b;font-size:10px;line-height:1.5;margin:-6px 0 0}#status{font-size:12px;line-height:1.5;color:#425d70;margin:0;overflow-wrap:anywhere}#status:empty{display:none}small{font-size:11px;color:#747c87;line-height:1.5}[hidden]{display:none!important}dialog{width:calc(100% - 36px);max-width:400px;border:1px solid #fff;border-radius:26px;padding:30px;background:#f4f5f7;color:#3a414a;box-shadow:0 25px 100px #182c5040}dialog::backdrop{background:#27344245;backdrop-filter:blur(8px)}dialog h2{font-size:22px;letter-spacing:-.6px}dialog p,dialog li{font-size:13px;line-height:1.7}dialog ol{padding-left:20px}.close{position:absolute;right:14px;top:10px;font-size:25px;background:none;border:0;color:#777;cursor:pointer}.large{width:50px;height:50px}.dialog-note{color:#737d88;font-size:11px!important}button:focus-visible,summary:focus-visible{outline:3px solid #a1b1c4;outline-offset:3px}@media(display-mode:standalone){header{padding-top:max(22px,env(safe-area-inset-top))}#help{display:none}main{padding-bottom:max(30px,env(safe-area-inset-bottom))}}@media(max-width:360px){.glass{padding:23px 16px}main{padding-left:12px;padding-right:12px}.date-row{gap:10px}h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.desktop-intro{display:none}.day-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.day-picker button{font:500 11px -apple-system,sans-serif;min-height:42px;padding:0;border-radius:14px;background:#ffffff40;border:1px solid #fff9;color:#66727f;cursor:pointer;box-shadow:inset 0 1px 2px #fff8}.day-picker button[aria-pressed=true]{background:#3b4856;color:white;border-color:#3b4856;box-shadow:inset 0 1px 2px #ffffff40,0 3px 8px #24344918}.date-add{display:flex;gap:10px}.date-add button{width:46px;flex-shrink:0;border-radius:13px;border:1px solid white;background:#ffffff70;font-size:22px;color:#465563;cursor:pointer}#date-chips{display:flex;flex-wrap:wrap;gap:7px}#date-chips button{border:1px solid white;border-radius:30px;background:#ffffff70;padding:8px 11px;font-size:12px;color:#536273;cursor:pointer}.glass{background:linear-gradient(135deg,#ffffff32,#ffffff12 50%,#ffffff3a);backdrop-filter:blur(45px) saturate(140%);-webkit-backdrop-filter:blur(45px) saturate(140%);box-shadow:0 28px 60px -24px #283c5229,inset 0 2px 3px -1px #fff,inset 0 -2px 4px -1px #fff9,inset 0 0 0 1px #ffffffb0;position:relative}.glass:before{content:'';position:absolute;top:1px;left:1px;right:1px;height:160px;border-radius:29px 29px 24px 24px;background:linear-gradient(180deg,#ffffff50,transparent);pointer-events:none}form,.card-top{position:relative}.help{font-family:inherit}body{background:radial-gradient(ellipse at 90% 40%,#c7d4de80,transparent 50%),radial-gradient(ellipse at 10% 10%,#fff,transparent 60%),linear-gradient(145deg,#eff1f4,#e1e6eb)}#duration-row{display:none!important}input:not([type=checkbox]),textarea,select{background:#ffffff40;box-shadow:inset 0 1px 2px #ffffffa0;border-color:#ffffffb0}@media(min-width:900px){header{max-width:1140px;padding:30px 45px}main{max-width:1140px;padding:28px 45px 65px;display:grid;grid-template-columns:minmax(0,1fr) 475px;gap:80px;align-items:start}.desktop-intro{display:block;position:sticky;top:100px;padding-top:90px}.eyebrow{font-size:9px;letter-spacing:2px;color:#84919e}.desktop-intro h2{font-size:57px;font-weight:450;line-height:1.13;letter-spacing:-3px;margin:28px 0}.desktop-intro h2 span{color:#8496a7}.desktop-intro p{max-width:330px;font-size:15px;line-height:1.8;color:#7a8999}.preview-glass{margin-top:45px;padding:21px;display:flex;gap:17px;align-items:center;background:#ffffff25;border-radius:24px;border:1px solid #fff9;backdrop-filter:blur(35px);box-shadow:inset 0 2px 3px -1px white,0 15px 35px #30405809;max-width:355px}.preview-symbol{font-size:33px;color:#778c9f}.preview-glass strong{font-size:12px;font-weight:500}.preview-glass small{display:block;font-size:11px;margin-top:6px;color:#8b98a6}.glass{padding:30px}.card-top h1{font-size:27px}}@media(display-mode:standalone){#help{display:none!important}}
/* Clear, rounded optical glass inspired by the two supplied references. */
body{background:radial-gradient(ellipse at 80% 15%,#fff8,transparent 48%),linear-gradient(135deg,#e7eaee,#d5dbe2 70%,#e8ebee);overflow-x:hidden}header,main{position:relative;z-index:1}body:before{content:'';position:fixed;width:75vw;height:240px;top:35%;left:38%;border-radius:180px;background:linear-gradient(110deg,#c0d8e144,#afbecb4a,#d2cddd25);transform:rotate(-28deg);filter:blur(8px);pointer-events:none;z-index:0}.glass{background:linear-gradient(115deg,#ffffff12,#ffffff05 45%,#ffffff1f);border:1px solid #ffffff7a;border-radius:34px;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:0 32px 55px -30px #28394740,0 5px 14px -7px #3a4b5b25,inset 1px 2px 2px #fffffff0,inset -1px -2px 3px #ffffffb0,inset 4px 0 7px -5px #8cabbdcc,inset -4px 0 7px -5px #b3a5bd80,inset 0 0 0 2px #ffffff18}.glass:before{inset:1px;height:auto;border-radius:32px;background:linear-gradient(130deg,#ffffff50 0%,#ffffff0a 14%,transparent 30%,transparent 74%,#ffffff1a 100%);box-shadow:inset 0 3px 5px -4px #fff;pointer-events:none}.glass:after{content:'';position:absolute;inset:0;border-radius:33px;pointer-events:none;padding:1px;background:linear-gradient(135deg,#fff,#ffffff40 22%,#7bafc044 38%,#fff8 57%,#b9a3c640 80%,#fff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.field>input:not([type=checkbox]),.field>textarea,.field>select,.date-add>input{background:linear-gradient(135deg,#ffffff35,#ffffff0d);border:1px solid #ffffff70;box-shadow:inset 0 2px 2px -1px #ffffffe0,inset 0 -2px 3px -2px #fff,inset 1px 0 2px #ffffff40,0 3px 8px -4px #3e526212;border-radius:15px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.field>input:focus,.field>textarea:focus,.field>select:focus{background:#ffffff40;border-color:#ffffffeb;box-shadow:inset 0 2px 2px -1px #fff,0 0 0 3px #7a9aa214}input[type=checkbox]{background:#8897a24d;box-shadow:inset 0 1px 3px #46576730,inset 0 -1px 2px #fff9;border:1px solid #ffffff50;height:24px;width:40px}input[type=checkbox]:before{width:20px;height:20px;top:1px;left:1px;background:linear-gradient(145deg,#ffffffc9,#ffffff38);border:1px solid #ffffffe0;box-shadow:0 2px 5px #283a4b25,inset 0 2px 2px #fff8}input[type=checkbox]:checked{background:#5f8d7b9e}input[type=checkbox]:checked:before{transform:translateX(16px)}.day-picker button,.date-add button,#date-chips button,.help,.logo{background:linear-gradient(145deg,#ffffff4d,#ffffff12);border:1px solid #ffffff90;box-shadow:inset 0 2px 3px -1px #fff,inset 0 -2px 3px -2px #ffffffcc,0 4px 9px -4px #26374b25;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.day-picker button[aria-pressed=true]{background:linear-gradient(145deg,#526b7b9e,#344957c9);border:1px solid #ffffffaa;box-shadow:inset 0 2px 2px -1px #ffffffa0,inset 0 -2px 3px -2px #b6d6e4,0 4px 9px -4px #26374b40}.primary{background:linear-gradient(120deg,#394c5dcc,#243b4ddd);border:1px solid #ffffff7a;box-shadow:inset 0 2px 3px -1px #ffffffa8,inset 0 -2px 3px -2px #bed3dd80,0 10px 19px -10px #263d5459;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:19px}.preview-glass{background:linear-gradient(130deg,#ffffff2e,#ffffff05);border:1px solid #fff9;box-shadow:inset 0 2px 2px -1px #fff,inset 0 -2px 3px -2px #fff,0 20px 40px -20px #30485f22;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.preview-symbol{background:#ffffff23;border:1px solid #fff9;border-radius:15px;width:47px;height:47px;display:grid;place-items:center;box-shadow:inset 0 2px 2px -1px #fff;font-size:28px}.card-top p{color:#65717d}label{color:#48545f}.desktop-intro p{color:#687a89}.desktop-intro h2 span{color:#758897}@media(max-width:899px){body:before{width:130vw;left:5%;height:200px;top:25%;opacity:.5}}@media(max-width:360px){input[type=date],input[type=time]{font-size:14px;padding:11px 8px}}