:root{--bg:#1d1015;--ph:#ea9a97;--rgb:234,154,151}@media (prefers-color-scheme:light){:root{--bg:#1d1015;--ph:#ea9a97;--rgb:234,154,151}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ph);-webkit-font-smoothing:antialiased;font-family:Courier Prime,Courier New,monospace;transition:background .8s,color .8s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 24px;display:flex}.phase-label{letter-spacing:2px;color:rgba(var(--rgb), .4);text-transform:lowercase;font-size:10px}.orb{background:radial-gradient(circle at 35% 30%, rgba(var(--rgb),.9) 0%, rgba(var(--rgb),.3) 60%, transparent 100%);width:120px;height:120px;box-shadow:0 0 40px rgba(var(--rgb),.25);cursor:pointer;border-radius:50%;transition:background .8s,box-shadow .8s;animation:6s ease-in-out infinite orb-breathe}@keyframes orb-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.btn{border:1px solid rgba(var(--rgb),.35);background:rgba(var(--rgb),.06);color:var(--ph);letter-spacing:2px;text-transform:lowercase;padding:12px 28px;font-size:12px;transition:all .2s}.btn:hover{background:rgba(var(--rgb),.14);border-color:var(--ph)}.btn.ghost{opacity:.45;background:0 0;border-color:#0000}.input{border:none;border-bottom:1px solid rgba(var(--rgb),.25);color:var(--ph);letter-spacing:1px;text-align:center;background:0 0;outline:none;width:220px;padding:6px 4px;font-family:inherit;font-size:14px}.input::placeholder{color:rgba(var(--rgb),.4)}.dim{color:rgba(var(--rgb),.45);letter-spacing:2px;font-size:11px}.counter-ring{border:1px solid rgba(var(--rgb),.2);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:180px;height:180px;display:flex}.counter-num{letter-spacing:-2px;color:var(--ph);font-size:48px;line-height:1}.pin-pad{grid-template-columns:repeat(3,56px);gap:12px;display:grid}.pin-key{border:1px solid rgba(var(--rgb),.25);background:rgba(var(--rgb),.04);width:56px;height:56px;color:var(--ph);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.pin-key:hover{background:rgba(var(--rgb),.12)}.dots{align-items:center;gap:10px;display:flex}.dot{border:1px solid rgba(var(--rgb),.4);border-radius:50%;width:8px;height:8px;transition:background .2s}.dot.filled{background:var(--ph);border-color:var(--ph)}.entry-card{border:1px solid rgba(var(--rgb),.12);text-align:left;width:100%;max-width:380px;padding:16px 20px}.entry-card+.entry-card{margin-top:12px}.entry-text{color:rgba(var(--rgb),.8);font-size:13px;line-height:1.7}.entry-ts{letter-spacing:2px;color:rgba(var(--rgb),.35);margin-top:8px;font-size:9px}.mood-row{align-items:center;gap:12px;display:flex}.mood-chip{border:1px solid rgba(var(--rgb),.2);color:rgba(var(--rgb),.6);letter-spacing:2px;background:0 0;padding:4px 12px;font-size:10px;transition:all .15s}.mood-chip.selected{border-color:var(--ph);color:var(--ph);background:rgba(var(--rgb),.1)}textarea.input{resize:none;border:1px solid rgba(var(--rgb),.15);text-align:left;width:100%;max-width:380px;height:100px;padding:10px;font-size:13px;line-height:1.6}