@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{font-family:Lora,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}h1{font-family:Crimson Pro,serif;font-size:clamp(2em,5vw,3.2em);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.literary-footer{font-family:Lora,serif;font-style:italic;font-size:11px;color:#ccc;position:fixed;bottom:20px;right:30px;pointer-events:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.create-panel{margin-top:2.5rem;text-align:left;max-width:360px;margin-left:auto;margin-right:auto}.stack{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.narrative-text{margin:.25rem 0 0;font-family:inherit;font-size:1rem;color:#213547bf;display:block;line-height:1.4}.narrative-link{background:none;border:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.narrative-link:hover{color:#213547eb}.finite-segment{display:block;margin-top:.35rem}.narrative-password{width:100%;padding:.35rem 0;margin-top:.2rem;margin-left:0;color:inherit;font-family:inherit;font-size:1rem;letter-spacing:inherit}.narrative-password:focus{outline:none;border-bottom-color:#21354773}.field-label{font-size:.95rem;letter-spacing:.035em;color:#213547cc}.field-hint{font-size:.85rem;color:#2135478c;letter-spacing:.02em}.ghost-input{border:none;border-bottom:1px solid rgba(33,53,71,.18);padding:.35rem 0;background:transparent;font-size:1rem;color:inherit}.ghost-input[type=datetime-local]{background-color:transparent;cursor:pointer}.ghost-input[type=datetime-local]::-webkit-calendar-picker-indicator,.ghost-input[type=datetime-local]::-webkit-clear-button,.ghost-input[type=datetime-local]::-webkit-inner-spin-button{display:none}.ghost-input[type=datetime-local]::-moz-focus-inner{border:0}.ghost-input:focus{outline:none;border-bottom-color:#21354773}.ghost-input::placeholder{color:#21354773}#start-note::placeholder,#stop-password::placeholder,#stop-note::placeholder,#stop-confirm-password::placeholder{font-style:italic}.checkbox-field{flex-direction:row;align-items:center;gap:.4rem;position:relative}.toggle-checkbox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;appearance:none}.checkbox-field .field-label{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#21354766;color:#2135478c;transition:color .15s ease}.checkbox-field .field-label:hover{color:#213547b3}.toggle-checkbox:checked+.field-label{color:#213547e6;text-decoration-color:#2135478c}.toggle-field{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.toggle-copy{display:flex;flex-direction:column;gap:.2rem}.inline-password-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.inline-password{padding:.35rem 0;border-bottom:1px solid rgba(33,53,71,.18)}.inline-password:disabled{opacity:.45;border-bottom-color:#2135471f}.inline-password-enabled{border-bottom-color:#21354773}.ghost-button.password-toggle{border:none;background:transparent;color:#213547cc;padding:.25rem;border-radius:50%;cursor:pointer;transition:color .14s ease,opacity .14s ease,transform .14s ease;display:inline-flex;align-items:center;gap:.35rem}.ghost-button.password-toggle:disabled{opacity:.45;cursor:not-allowed}.password-toggle-enabled{color:#213547f2}.ghost-button.password-toggle:hover:not(:disabled){color:#213547;transform:translateY(-1px)}.eye-icon{width:16px;height:10px;border:1px solid currentColor;border-radius:999px;position:relative;display:inline-block}.eye-icon:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:currentColor;border-radius:50%;transform:translate(-50%,-50%)}.switch{position:relative;width:48px;height:28px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;inset:0;background:#21354714;border-radius:999px;border:1px solid rgba(33,53,71,.12);transition:background .16s ease,border-color .16s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#f5f6f8;border-radius:50%;box-shadow:0 6px 16px #141c2633;transition:transform .16s ease,background .16s ease}.switch input:checked+.switch-track{background:#dfe3ea;border-color:#2135473d}.switch input:checked+.switch-track+.switch-thumb{transform:translate(20px);background:#c9ced6}.soft-card{padding:1rem 1.25rem;border:1px solid rgba(33,53,71,.08);border-radius:16px;background:linear-gradient(135deg,#e9ecf259,#d0d7e240);opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.soft-card-visible{opacity:1;transform:translateY(0)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border-radius:999px;border:1px solid rgba(33,53,71,.1);background:#f5f6f8;box-shadow:none;color:#213547;letter-spacing:.01em;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.create-panel .cta-button.subtle{align-self:flex-end;padding:.8rem 1.35rem}.cta-button:hover{transform:translateY(-1px);box-shadow:0 14px 40px #141c261f;border-color:#21354733}.cta-button:active{transform:translateY(0);box-shadow:0 8px 24px #141c2614}.cta-button.subtle{background:linear-gradient(135deg,#eef0f3,#c9ced6);color:#1f252d;border-color:#1f252d1f;box-shadow:0 10px 30px #222c3a2e}.cta-button.subtle:hover{border-color:#1f252d38;box-shadow:0 14px 40px #222c3a42}.error-text{color:#d64545;font-size:.9rem}.timer-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:clamp(1.5rem,5vw,3rem) auto;width:fit-content;max-width:90vw}.timer-primary-row{display:flex;flex-direction:row;gap:clamp(1rem,4vw,3rem);justify-content:center;width:100%}.timer-primary{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.timer-primary-row .timer-primary{width:auto}.primary-value{font-size:clamp(4rem,15vw,8em);font-weight:800;line-height:.9;letter-spacing:-.04em}.primary-label{font-size:clamp(.75em,2vw,1em);letter-spacing:.3em;opacity:.6;margin-top:.5rem;padding-left:.3em}.timer-secondary-row{display:flex;gap:clamp(1rem,4vw,3rem);margin-top:1rem;width:100%;justify-content:space-between}.secondary-unit{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:clamp(4rem,15vw,6rem)}.secondary-value{font-family:JetBrains Mono,monospace;font-size:clamp(1.5rem,6vw,2.5em);font-weight:600;letter-spacing:-.02em}.secondary-label{font-size:clamp(.5em,1.5vw,.75em);letter-spacing:.1em;opacity:.5;padding-left:.1em}.timer-value{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;color:inherit}.timer-label{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:inherit;font-weight:600;text-transform:uppercase}.stopped .timer-container{opacity:.6}.noise-bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:-1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:noise-shift .2s infinite}.start-note{font-family:Crimson Pro,serif;font-size:clamp(2em,5vw,3.2em);line-height:1.1;margin-bottom:1rem}@keyframes noise-shift{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}