:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#1a1b1e;--sheet:#232529;--text:#e8e6df;--muted:#a2a0a6;--accent:#e0b56a;--radius:20px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);display:flex;justify-content:center;min-height:100dvh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{display:flex;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;width:100%;max-width:28rem;min-height:100dvh}header h1{margin:.25rem 0 0;font-size:1.1rem;font-weight:600}.progress{color:var(--muted);margin:.25rem 0 1rem;font-size:.95rem}.sheet{background:var(--sheet);border-radius:var(--radius);margin-top:auto;padding:1.25rem}.sheet h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.moods{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.moods button{background:var(--bg);cursor:pointer;display:flex;color:var(--text);border:1px solid #0000;border-radius:14px;flex-direction:column;align-items: center;gap:.15rem;min-height:3.5rem;padding:.6rem 0;font-size:1.4rem}.moods button small{color:var(--muted);font-size:.6rem}.moods button[aria-pressed=true]{border-color:var(--accent)}.save{background:var(--accent);color:#1a1b1e;cursor:pointer;border:0;border-radius:14px;width:100%;padding:.9rem;font-size:1rem;font-weight:700}.save:disabled{opacity:.45;cursor:default}.status{color:var(--muted);text-align:center;min-height:1.5em;margin:.6rem 0 0;font-size:.9rem}.history{margin-top:1.25rem}.history h2{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;font-weight:600}.history ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0}.history li{background:var(--sheet);display:flex;border-radius:12px;justify-content:space-between;align-items: center;gap:.5rem;padding:.6rem .9rem;font-size:.9rem}.sheet h2{margin-top:1.1rem}.sheet h2:first-of-type{margin-top:0}.segments{display:flex;flex-wrap:wrap;gap:.4rem}.segments button{background:var(--bg);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:12px;flex:auto;padding:.55rem .4rem;font-size:.85rem}.segments button[aria-pressed=true]{border-color:var(--accent)}.sleep{display:flex;align-items: center;gap:.75rem}.sleep input[type=range]{accent-color:var(--accent);flex:1;min-height:2.5rem}.sleep output{text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.journal{margin:1.1rem 0}.journal summary{cursor:pointer;padding:.4rem 0;font-size:.95rem;font-weight:600}.journal textarea{border:1px solid var(--bg);background:var(--bg);color:var(--text);font:inherit;resize:vertical;border-radius:12px;width:100%;margin-top:.5rem;padding:.6rem;font-size:.9rem}.journal .count{text-align:right;color:var(--muted);margin:.2rem 0 0;font-size:.75rem}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:.2rem;font-size:.85rem}.reflection{margin-top:1.25rem}.reflection .observation{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.reflection .question{margin:0 0 .75rem;font-size:1rem;font-weight:600}.reflection textarea{border:1px solid var(--bg);background:var(--bg);color:var(--text);font:inherit;resize:vertical;border-radius:12px;width:100%;margin-bottom:.75rem;padding:.6rem;font-size:.9rem}.editing{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.settings{margin-top:1.25rem}.settings .row{display:flex;flex-wrap:wrap;align-items: center;gap:.6rem;margin-bottom:.7rem}.settings label{font-size:.9rem}.settings input[type=time]{background:var(--bg);color:var(--text);border:1px solid var(--bg);font:inherit;border-radius:10px;padding:.45rem .6rem}.ghost{border:1px solid var(--muted);color:var(--text);cursor:pointer;background:0 0;border-radius:12px;padding:.55rem .8rem;font-size:.85rem}.danger{color:#e89a9e;cursor:pointer;background:0 0;border:1px solid #b0484d;border-radius:12px;padding:.55rem .8rem;font-size:.85rem}
