:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#0c0c0cf5;--surface-2:#18181bd6;--surface-glass:#09090bd6;--border:#a1a1aa38;--border-strong:#ffffff2e;--text:#f4f4f5;--text-dim:#a1a1aa;--accent:#22d3ee;--accent-faint:#22d3ee38;--brand:red;--brand-faint:#ff000038;--red:#f87171;--red-dark:#7f1d1da6;--green:#4ade80;--green-dark:#14532d73;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;--shadow:0 18px 44px #0006;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}:focus-visible{box-shadow:var(--focus-ring);outline:none}#app{flex-direction:column;height:100dvh;display:flex}#view{padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}#view.view--bleed{padding:0;overflow:hidden}.screen{flex-direction:column;gap:16px;max-width:420px;margin:0 auto;display:flex}.tab-bar{border-top:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab-bar a{text-align:center;min-height:44px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;flex:1;justify-content:center;align-items:center;padding:12px 4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.tab-bar a.active{color:var(--accent)}.home{align-items:center;padding-top:16px}.nudge-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;width:100%;box-shadow:var(--shadow);padding:16px}.nudge-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;font-size:11px;font-weight:700}.nudge-text{color:var(--text);font-size:17px;font-weight:600}.log-area{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.log-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 35% 30%,#f33,#600);border:1px solid #ff000073;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:200px;height:200px;display:flex;box-shadow:0 12px 32px #ff00002e}.log-button:active{transform:scale(.96)}.log-button.pulse{animation:.4s ease-out pulse-brand}@keyframes pulse-brand{0%{box-shadow:0 0 #ff000073}to{box-shadow:0 0 0 24px #f000}}.log-icon{font-size:56px}.log-text{letter-spacing:.06em;text-transform:uppercase;font-size:16px;font-weight:700}.log-button-secondary{color:var(--green);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#4ade8014;border:1px solid #4ade8073;min-height:44px;padding:10px 20px;font-size:13px;font-weight:600}.log-button-secondary:active{transform:scale(.96)}.log-button-secondary.pulse{animation:.4s ease-out pulse-green}.log-extra{flex-wrap:wrap;justify-content:center;gap:8px;max-width:320px;display:flex}.log-chip{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#18181bd6;align-items:center;gap:4px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.log-chip:hover{border-color:var(--accent-faint);color:var(--accent)}.log-chip:active{transform:scale(.96)}.log-chip.pulse{animation:.4s ease-out pulse-neutral}@keyframes pulse-neutral{0%{box-shadow:0 0 #22d3ee59}to{box-shadow:0 0 0 14px #22d3ee00}}.log-chip-icon{text-transform:none;font-size:14px}@keyframes pulse-green{0%{box-shadow:0 0 #4ade8073}to{box-shadow:0 0 0 16px #4ade8000}}.toast{bottom:calc(80px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.toast-actions{gap:6px;display:flex}.toast-actions button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--accent);cursor:pointer;background:#22d3ee1f;border:1px solid #22d3ee59;font-weight:700}.alt-section{text-align:center;width:100%}.alt-heading{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.alt-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.alt-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-dim);padding:10px 14px;font-size:14px}.kipa{gap:16px}.cal-header{justify-content:space-between;align-items:center;display:flex}.cal-title{letter-spacing:.02em;font-size:16px;font-weight:600}.nav-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:#18181bd6;width:44px;height:44px;font-size:18px}.nav-btn:hover{border-color:var(--accent-faint);color:var(--accent)}.cal-weekdays,.cal-row{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekdays div{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding-bottom:4px;font-size:10px;font-weight:700}.cal-grid{flex-direction:column;gap:4px;display:flex}.cal-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.cal-cell.empty{cursor:default;background:0 0;border-color:#0000}.cal-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text);outline:none}.day-detail{text-align:center;color:var(--text-dim);font-size:13px}.day-journal{flex-direction:column;gap:10px;display:flex}.entry-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.entry-item{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);text-align:left;cursor:pointer;background:#18181bd6;padding:10px 12px}.entry-item.active{background:#22d3ee14;border-color:#22d3ee73}.entry-empty{text-align:center;color:var(--text-dim);padding:8px 0;font-size:13px}.entry-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px;display:flex}.entry-editor-row{align-items:center;gap:10px;display:flex}.entry-editor-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);flex:0 0 56px;font-size:11px;font-weight:700}.entry-editor-kind,.entry-editor-qty,.entry-editor-time{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-sm);flex:1;padding:8px 10px;font-family:inherit;font-size:14px}.entry-editor-actions{gap:8px;display:flex}.entry-editor-save,.entry-editor-delete{border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;flex:1;min-height:44px;padding:10px;font-size:13px;font-weight:600}.entry-editor-save{color:var(--accent);background:#22d3ee1f;border-color:#22d3ee59}.entry-editor-delete{color:var(--red);background:#f871711a;border-color:#f8717173}.text-red{color:var(--red)}.text-green{color:var(--green)}.summary-row{gap:8px;display:flex}.summary-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex:1;padding:12px 8px}.summary-value{font-size:22px;font-weight:700}.summary-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-top:4px;font-size:10px;font-weight:700}.mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;display:flex}.mode-toggle button{color:var(--text-dim);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;min-height:36px;padding:8px 0;font-size:12px;font-weight:600}.mode-toggle button.active{color:var(--accent);background:#22d3ee1f}.bar-chart{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:120px}.bar-chart .bar{fill:#a1a1aa40}.bar-chart .bar-ipa{fill:var(--red)}.bar-chart .bar-good{fill:var(--green)}.bar-chart .bar-label{fill:var(--text-dim);font-size:6px}.pivporno{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.pivporno-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pivporno-scrim{background:linear-gradient(#0000 55%,#000000d9 100%);position:absolute;inset:0}.pivporno-caption{left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom));text-align:center;color:#fff;text-shadow:0 2px 14px #0009;padding:0 28px;font-size:21px;font-style:italic;font-weight:600;position:absolute}.data-screen{gap:16px;padding-top:8px}.data-title{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:600}.data-hint,.data-card-hint{color:var(--text-dim);max-width:70ch;margin:0;font-size:13px;line-height:1.45}.data-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:14px;display:flex}.data-card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.data-stat{color:var(--text-dim);font-size:14px}.data-stat-value{color:var(--text);font-size:24px;font-weight:700}.data-actions{flex-wrap:wrap;gap:8px;display:flex}.data-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#18181bd6;min-height:44px;padding:10px 14px;font-size:13px;font-weight:600}.data-btn:hover{border-color:var(--accent-faint);color:var(--accent)}.data-btn-primary{color:var(--accent);background:#22d3ee1f;border-color:#22d3ee59}.data-btn-primary:hover{background:#22d3ee33}.data-textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);resize:vertical;min-height:120px;padding:10px 12px}.data-status{text-align:center;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);padding:10px;font-size:13px}.data-status[hidden]{display:none}.data-status--ok{color:var(--green);border-color:#4ade8059}.data-status--err{color:var(--red);border-color:#f8717159}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}