*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--off-black:#111;--white:#f0ebe1;--dim:#8a8480;--dimmer:#3a3835;--accent:#c8b89a;--glass:#f0ebe10f;--font-display:"Special Elite", cursive;--font-body:"Courier Prime", "Courier New", monospace;--text-xs:1rem;--text-sm:1.05rem;--text-base:1.1rem;--text-lg:1.25rem;--text-xl:1.4rem}html,body{background:var(--black);height:100%;color:var(--white);font-family:var(--font-body);font-size:16px;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.screen{flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}.global-signed-in{font-family:var(--font-body);font-size:var(--text-xs);color:var(--dim);letter-spacing:.12em;z-index:10;transition:opacity .5s;position:fixed;top:1.5rem;right:2.5rem}#global-wordmark{font-family:var(--font-display);color:var(--accent);letter-spacing:.2em;z-index:10;font-size:1.4rem;position:fixed;top:1.5rem;left:2.5rem}@media (width<=480px){#global-wordmark{letter-spacing:.08em;font-size:1.1rem;left:1.25rem}.my-account-btn{letter-spacing:.08em;font-size:1rem;right:1.25rem}#archive-screen,#account-screen,#privacy-screen{padding-left:1.5rem;padding-right:1.5rem}.archive-header,.account-header{padding-top:3.5rem;padding-bottom:1.5rem}}#select-screen{gap:2.5rem}.site-header{text-align:center}.site-tagline{font-family:var(--font-display);color:var(--white);max-width:600px;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.2}.streak-display{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.2em;text-align:center}.streak-display span{color:var(--accent)}.timer-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.timer-btn{border:1px solid var(--dim);color:var(--white);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.1em;cursor:pointer;background:0 0;padding:1rem 2rem;transition:all .3s;position:relative;overflow:hidden}.timer-btn:before{content:"";background:var(--white);transform-origin:0;z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.timer-btn:hover{color:var(--black);border-color:var(--white)}.timer-btn:hover:before{transform:scaleX(1)}.timer-btn-custom{border-style:dashed}.custom-input-wrap{align-items:center;gap:.75rem;display:flex}.custom-minutes-input{border:1px solid var(--dim);color:var(--white);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.1em;text-align:center;-moz-appearance:textfield;background:0 0;outline:none;width:120px;padding:1rem;transition:border-color .2s}.custom-minutes-input:focus{border-color:var(--accent)}.custom-minutes-input::-webkit-inner-spin-button{-webkit-appearance:none}.custom-minutes-input::-webkit-outer-spin-button{-webkit-appearance:none}.select-hint{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.12em}.signed-in-row{font-family:var(--font-body);font-size:var(--text-xs);color:var(--dim);letter-spacing:.15em}.access-btn{color:var(--accent);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.15em;cursor:pointer;appearance:none;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;transition:color .2s;display:flex}.access-btn:hover{color:var(--white)}.access-lock{align-items:center;width:15px;height:15px;display:flex}.lock-open,.access-btn:hover .lock-closed{display:none}.access-btn:hover .lock-open{display:block}#write-screen{flex-direction:column;padding:0}.write-header{background:linear-gradient(to bottom, var(--black) 60%, transparent);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;transition:opacity .5s;display:flex;position:fixed;top:0;left:0;right:0}.write-header.fade{opacity:0}.header-left{font-family:var(--font-display);font-size:var(--text-xl);color:var(--white);letter-spacing:.2em}.timer-display-wrap{align-items:center;gap:1.2rem;display:flex}.timer-display{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent);letter-spacing:.05em;text-align:right;min-width:70px}.write-area-wrap{justify-content:center;align-items:center;width:100%;height:100%;padding:5rem 2rem;display:flex}#writer{resize:none;width:100%;max-width:680px;height:calc(100vh - 10rem);font-family:var(--font-body);color:var(--accent);caret-color:var(--accent);letter-spacing:.02em;background:0 0;border:none;outline:none;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.85}#writer::placeholder{color:var(--dimmer);font-style:italic}#writer::-webkit-scrollbar{width:2px}#writer::-webkit-scrollbar-track{background:0 0}#writer::-webkit-scrollbar-thumb{background:var(--dimmer)}.write-footer{background:linear-gradient(to top, var(--black) 60%, transparent);z-index:10;justify-content:space-between;align-items:center;padding:1.4rem 2.5rem;transition:opacity .5s;display:flex;position:fixed;bottom:0;left:0;right:0}.write-footer.fade{opacity:0}.word-count{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.15em}.footer-right{gap:1rem;display:flex}.action-btn{border:1px solid var(--dim);color:var(--accent);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.5rem 1.2rem;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--white)}.action-btn:disabled{opacity:.2;cursor:not-allowed}#done-screen{text-align:center;gap:2rem}.done-title{font-family:var(--font-display);color:var(--white);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.done-stats{justify-content:center;gap:3rem;display:flex}.done-stat{text-align:center}.done-stat-num{font-family:var(--font-display);color:var(--accent);font-size:clamp(1.5rem,3vw,2.2rem);display:block}.done-stat-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--dim);letter-spacing:.2em;text-transform:uppercase}.done-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.done-btn{border:1px solid var(--dim);color:var(--white);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.1em;cursor:pointer;background:0 0;padding:.85rem 1.8rem;transition:all .25s}.done-btn:hover{border-color:var(--accent);color:var(--accent)}.done-timer{font-family:var(--font-display);color:var(--white);letter-spacing:.05em;font-size:clamp(1.2rem,2.5vw,1.8rem)}#locked-screen{text-align:center;gap:1.5rem}.locked-title{font-family:var(--font-display);color:var(--white);font-size:clamp(1.8rem,4vw,2.8rem)}.locked-sub{font-family:var(--font-body);font-size:var(--text-base);color:var(--accent);letter-spacing:.1em;line-height:1.8}.locked-countdown{font-family:var(--font-display);color:var(--white);letter-spacing:.05em;font-size:2.5rem}.locked-streak{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.12em;text-align:center}.modal-overlay{z-index:300;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0aeb;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:all}.modal{border:1px solid var(--dimmer);text-align:center;background:var(--off-black);flex-direction:column;gap:1.2rem;width:90%;max-width:360px;padding:3.5rem;display:flex;position:relative}.modal-title{font-family:var(--font-display);color:var(--white);letter-spacing:.05em;font-size:1.3rem}.modal-input{border:1px solid var(--accent);color:var(--white);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.05em;background:0 0;outline:none;width:100%;padding:.85rem 1rem;transition:border-color .2s}.modal-input:focus{border-color:var(--white)}.modal-input::placeholder{color:var(--dim)}.modal-btn{background:var(--white);color:var(--black);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.12em;cursor:pointer;text-transform:lowercase;border:none;width:100%;padding:.9rem;transition:opacity .2s}.modal-btn:hover{opacity:.85}.modal-close{color:var(--dim);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.modal-close:hover{color:var(--accent)}.modal-msg{font-family:var(--font-body);font-size:var(--text-xs);color:var(--accent);letter-spacing:.1em;min-height:1rem}.upgrade-options{justify-content:center;gap:.75rem;display:flex}.upgrade-option{border:1px solid var(--dimmer);color:var(--white);font-family:var(--font-display);cursor:pointer;background:0 0;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1.2rem 1rem;transition:all .2s;display:flex;position:relative}.upgrade-option:hover,.upgrade-option.featured{border-color:var(--accent)}.upgrade-option.featured .upgrade-price{color:var(--accent)}.upgrade-price{font-family:var(--font-display);color:var(--white);font-size:1.6rem}.upgrade-period{font-family:var(--font-body);font-size:var(--text-xs);color:var(--dim);letter-spacing:.15em;text-transform:uppercase}.upgrade-badge{font-family:var(--font-body);font-size:var(--text-xs);color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.upgrade-features{text-align:left;flex-direction:column;gap:.5rem;display:flex}.upgrade-feature{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.08em}.warning-flash{pointer-events:none;z-index:100;opacity:0;background:#b4321e1f;transition:opacity .2s;position:fixed;inset:0}.warning-flash.show{opacity:1}.reset-overlay{z-index:200;opacity:0;pointer-events:none;background:#0a0a0ad9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.reset-overlay.show{opacity:1;pointer-events:all}.reset-text{font-family:var(--font-display);color:var(--white);letter-spacing:.1em;font-size:1.4rem}.reset-countdown-num{font-family:var(--font-display);color:var(--white);font-size:5rem;line-height:1}.reset-sub{font-family:var(--font-body);font-size:var(--text-base);color:var(--accent);letter-spacing:.2em}.hidden{display:none!important}.select-footer{justify-content:center;display:flex;position:absolute;bottom:2rem;left:0;right:0}.select-footer-link{color:var(--dimmer);font-family:var(--font-body);letter-spacing:.15em;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;transition:color .2s}.select-footer-link:hover{color:var(--dim)}#privacy-screen{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0 2.5rem 5rem;overflow:hidden auto}.privacy-body{flex-direction:column;gap:2.5rem;width:100%;max-width:680px;padding:1rem 0 4rem;display:flex}.privacy-section{flex-direction:column;gap:.75rem;display:flex}.privacy-heading{font-family:var(--font-display);color:var(--accent);letter-spacing:.15em;font-size:1rem}.privacy-body p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--dim);line-height:1.7}.privacy-email{color:var(--accent)}@supports (-webkit-touch-callout:none){#writer{height:-webkit-fill-available}}#archive-screen{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0 2.5rem 5rem;overflow:hidden auto}.archive-header{background:var(--black);z-index:9;flex-direction:column;align-items:flex-start;gap:.75rem;padding:4rem 0 2rem;display:flex;position:sticky;top:0}.archive-back{color:var(--accent);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.15em;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.archive-back:hover{color:var(--white)}.archive-title{font-family:var(--font-display);color:var(--white);letter-spacing:.1em;text-align:center;text-underline-offset:6px;width:100%;font-size:clamp(1.8rem,4vw,3rem);text-decoration:underline}.archive-list{flex-direction:column;gap:0;width:100%;max-width:680px;margin:0 auto;padding-bottom:4rem;display:flex}.archive-loading,.archive-empty{font-family:var(--font-body);font-size:var(--text-sm);color:var(--dim);letter-spacing:.15em;padding:2rem 0}.archive-entry{border-bottom:1px solid var(--dimmer);cursor:pointer;padding:1.5rem 0;transition:all .2s}.archive-entry:hover .archive-entry-date{color:var(--accent)}.archive-entry-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.archive-entry-date{font-family:var(--font-display);font-size:var(--text-base);color:var(--white);letter-spacing:.05em;transition:color .2s}.archive-entry-meta{font-family:var(--font-body);font-size:var(--text-xs);color:var(--dim);letter-spacing:.15em}.archive-entry-content{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.02em;white-space:pre-wrap;margin-top:1.2rem;line-height:1.85}.archive-entry.expanded .archive-entry-date{color:var(--accent)}.archive-locked{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 0;display:flex}.archive-locked-title{font-family:var(--font-display);color:var(--white);font-size:clamp(1.5rem,3vw,2rem)}.archive-locked-sub{font-family:var(--font-body);font-size:var(--text-sm);color:var(--dim);letter-spacing:.1em;max-width:320px;line-height:1.7}.heatmap-wrap{-webkit-overflow-scrolling:touch;width:100%;padding:1rem 0;overflow-x:auto}.locked-stats{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent);letter-spacing:.15em;text-align:center}.locked-stats span{color:var(--white)}#account-screen{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0 2.5rem 5rem;overflow:hidden auto}.account-header{background:var(--black);z-index:9;flex-direction:column;align-items:flex-start;gap:.75rem;padding:4rem 0 3rem;display:flex;position:sticky;top:0}.account-inner{flex-direction:column;gap:3rem;width:100%;max-width:580px;margin:0 auto;padding-bottom:4rem;display:flex}.account-email-display{font-family:var(--font-body);font-size:var(--text-sm);color:var(--dim);letter-spacing:.15em;border-bottom:1px solid var(--dimmer);overflow-wrap:break-word;word-break:break-all;padding-bottom:2rem}.account-stats{flex-wrap:wrap;gap:3rem;display:flex}.account-stat{flex-direction:column;gap:.5rem;display:flex}.account-stat-num{font-family:var(--font-display);color:var(--accent);font-size:clamp(2rem,4vw,3rem);line-height:1}.account-stat-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--dim);letter-spacing:.2em;text-transform:uppercase}.account-plan-badge{font-family:var(--font-display);font-size:var(--text-lg);color:var(--white);letter-spacing:.1em;border-bottom:1px solid var(--dimmer);padding-bottom:2rem}.account-actions{flex-direction:column;gap:1rem;display:flex}.archive-export-btn{border:1px solid var(--dimmer);color:var(--dim);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:1rem;padding:.4rem .8rem;transition:all .2s;display:inline-block}.archive-export-btn:hover{border-color:var(--accent);color:var(--accent)}.archive-entry-text{white-space:pre-wrap;line-height:1.85}.my-account-btn{color:var(--dim);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;z-index:10;background:0 0;border:none;padding:0;transition:color .2s,opacity .5s;position:fixed;top:1.5rem;right:2.5rem}.my-account-btn:hover{color:var(--accent)}