:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--page-bg:#f5f5f7;--page-bg-soft:#fff;--panel:#ffffffb8;--panel-strong:#ffffffeb;--panel-muted:#f8f8fabd;--text:#171719;--text-muted:#65656b;--text-soft:#8a8a91;--line:#19191c1a;--line-strong:#19191c29;--shadow:0 22px 70px #1e20261f;--shadow-soft:0 12px 32px #1e202614;--blue:#0a84ff;--green:#30d158;--pink:#ff375f;--orange:#ff9f0a;--purple:#bf5af2;--ambient-a:#0a84ff2e;--ambient-b:#30d1581f;--ambient-c:#ff375f1a;--ambient-d:#bf5af21c;--noise-opacity:.18;--radius-card:8px;--radius-control:12px;--top-control-height:64px;--focus:0 0 0 4px #0a84ff33}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page-bg:#111113;--page-bg-soft:#1d1d20;--panel:#1f1f23ad;--panel-strong:#26262ae6;--panel-muted:#ffffff12;--text:#f5f5f7;--text-muted:#b6b6bd;--text-soft:#84848c;--line:#ffffff1f;--line-strong:#ffffff2e;--shadow:0 24px 80px #00000061;--shadow-soft:0 14px 34px #00000042;--ambient-a:#0a84ff38;--ambient-b:#30d15821;--ambient-c:#ff375f1f;--ambient-d:#bf5af229;--noise-opacity:.22;--focus:0 0 0 4px #0a84ff47}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f5f5f7;--page-bg-soft:#fff;--panel:#ffffffb8;--panel-strong:#ffffffeb;--panel-muted:#f8f8fabd;--text:#171719;--text-muted:#65656b;--text-soft:#8a8a91;--line:#19191c1a;--line-strong:#19191c29;--shadow:0 22px 70px #1e20261f;--shadow-soft:0 12px 32px #1e202614;--ambient-a:#0a84ff2e;--ambient-b:#30d1581f;--ambient-c:#ff375f1a;--ambient-d:#bf5af21c;--noise-opacity:.18;--focus:0 0 0 4px #0a84ff33}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#111113;--page-bg-soft:#1d1d20;--panel:#1f1f23ad;--panel-strong:#26262ae6;--panel-muted:#ffffff12;--text:#f5f5f7;--text-muted:#b6b6bd;--text-soft:#84848c;--line:#ffffff1f;--line-strong:#ffffff2e;--shadow:0 24px 80px #00000061;--shadow-soft:0 14px 34px #00000042;--ambient-a:#0a84ff38;--ambient-b:#30d15821;--ambient-c:#ff375f1f;--ambient-d:#bf5af229;--noise-opacity:.22;--focus:0 0 0 4px #0a84ff47}*{box-sizing:border-box}html{background:var(--page-bg);min-height:100%}body{background:linear-gradient(135deg, var(--page-bg) 0%, var(--page-bg-soft) 46%, var(--page-bg) 100%);min-height:100vh;color:var(--text);font-family:var(--font);letter-spacing:0;margin:0;position:relative;overflow-x:hidden}.ambient-background{z-index:0;pointer-events:none;background:linear-gradient(125deg, transparent 0%, var(--ambient-a) 28%, transparent 52%), linear-gradient(245deg, transparent 7%, var(--ambient-b) 35%, transparent 64%), conic-gradient(from 210deg at 50% 42%, transparent 0deg, var(--ambient-d) 62deg, transparent 132deg, var(--ambient-c) 214deg, transparent 305deg);filter:saturate(125%);animation:34s ease-in-out infinite alternate ambientShift;position:fixed;inset:-12%;overflow:hidden}.ambient-background:before{content:"";background:conic-gradient(from 90deg at 58% 34%, transparent, var(--ambient-a), transparent, var(--ambient-b), transparent, var(--ambient-d), transparent);filter:blur(72px);opacity:.82;animation:42s ease-in-out infinite alternate ambientDrift;position:absolute;inset:-24%}.ambient-background:after{content:"";opacity:var(--noise-opacity);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23noise)' opacity='0.42'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}@keyframes ambientShift{0%{transform:translate(-1.5%,-1%)scale(1.02)rotate(0)}to{transform:translate(1.5%,1%)scale(1.05)rotate(3deg)}}@keyframes ambientDrift{0%{transform:translate(2%,-1%)rotate(-4deg)}to{transform:translate(-2%,1.5%)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.ambient-background,.ambient-background:before{animation:none}}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{z-index:1;width:min(1440px,100%);margin:0 auto;padding:18px 24px 28px;position:relative}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;display:grid}.brand-kicker{color:var(--text-soft);margin:0 0 8px;font-size:.86rem;font-weight:600;display:none}h1{margin:0;font-size:clamp(1.45rem,2.4vw,2.25rem);font-weight:720;line-height:1}.subtitle{max-width:620px;color:var(--text-muted);margin:10px 0 0;font-size:.98rem;line-height:1.45;display:none}.header-rail{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.clock-chip{min-width:190px;min-height:var(--top-control-height);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px);text-align:right;border-radius:999px;align-content:center;padding:8px 28px 8px 24px;display:grid}.clock-time{font-variant-numeric:tabular-nums;font-size:1.42rem;font-weight:760;line-height:1}.clock-date{color:var(--text-muted);white-space:nowrap;margin-top:3px;font-size:.88rem}.quick-actions{gap:10px;display:inline-flex}.auth-button{max-width:230px}.auth-button span{text-overflow:ellipsis;overflow:hidden}.segmented{border:1px solid var(--line);background:var(--panel-muted);-webkit-backdrop-filter:blur(24px);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segment-button{min-width:46px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;padding:9px 13px;font-size:.88rem;font-weight:680;transition:background .2s,color .2s,box-shadow .2s}.segment-button.is-active{background:var(--panel-strong);color:var(--text);box-shadow:var(--shadow-soft)}.icon-button,.text-button,.primary-button,.danger-button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);-webkit-backdrop-filter:blur(24px);border-radius:999px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff40}.icon-button{place-items:center;width:42px;display:inline-grid}.text-button,.primary-button,.danger-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:680;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(#0a84fff2,#0068dcf2);border-color:#0a84ff61;box-shadow:0 12px 28px #0a84ff42}.text-button:disabled,.primary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.danger-button{color:var(--pink)}.icon-button:hover,.text-button:hover,.primary-button:hover,.danger-button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.icon-button:focus-visible,.text-button:focus-visible,.primary-button:focus-visible,.danger-button:focus-visible,.segment-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus);outline:0}.button-icon{width:18px;height:18px;display:inline-block}.header-rail .primary-button{min-height:var(--top-control-height);padding:0 32px;font-size:1.03rem}.header-rail .icon-button{width:var(--top-control-height);min-height:var(--top-control-height)}.dashboard{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px)saturate(140%);overflow:hidden}.panel-inner{padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.panel-title{margin:0;font-size:1.18rem;font-weight:760}.panel-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:.92rem;line-height:1.45}.count-pill,.category-pill,.type-pill{border:1px solid var(--line);background:var(--panel-muted);min-height:28px;color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.visualization-card{grid-column:span 4}.rings{aspect-ratio:1;place-items:center;width:min(218px,100%);margin:0 auto;display:grid;position:relative}.rings svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:8px}.ring-track{stroke:var(--line)}.ring-progress{stroke-linecap:round;transition:stroke-dashoffset .45s}.ring-label{text-align:center;position:absolute}.ring-label strong{font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1;display:block}.ring-label span{color:var(--text-muted);margin-top:4px;font-size:.74rem;display:block}.progress-stack{gap:16px;display:grid}.progress-row{grid-template-columns:74px minmax(150px,1fr) 62px;align-items:center;gap:14px;display:grid}.progress-row span:first-child{color:var(--text-muted);font-size:.9rem;font-weight:650}.progress-bar{background:var(--panel-muted);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--bar-color);width:0;height:100%;transition:width .45s}.progress-value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:.88rem}.now-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.life-grid{gap:15px;display:grid}.life-row{gap:8px;display:grid}.life-row-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;font-weight:680;display:flex}.pixel-grid{flex-wrap:wrap;gap:4px;display:flex}.pixel{background:var(--panel-muted);border:1px solid var(--line);border-radius:3px;width:9px;height:9px;transition:transform .2s,background .2s,box-shadow .2s}.pixel.is-past{background:color-mix(in srgb, var(--pixel-color,var(--blue)) 34%, transparent);border-color:color-mix(in srgb, var(--pixel-color,var(--blue)) 34%, transparent)}.pixel.is-current{background:var(--pixel-color,var(--blue));border-color:var(--pixel-color,var(--blue));box-shadow:0 0 0 4px color-mix(in srgb, var(--pixel-color,var(--blue)) 18%, transparent);transform:scale(1.22)}#year-grid .pixel{border-radius:2px;width:7px;height:7px}.mini-stat{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-muted);min-width:0;padding:12px}.mini-stat strong{font-variant-numeric:tabular-nums;font-size:1.05rem;display:block}.mini-stat span{color:var(--text-muted);margin-top:3px;font-size:.82rem;display:block}.event-list{scrollbar-width:thin;gap:12px;max-height:610px;padding-right:2px;display:grid;overflow:auto}.events-panel{grid-column:span 6}.panel-controls{justify-items:end;gap:8px;display:grid}.mode-switch{border:1px solid var(--line);background:var(--panel-muted);border-radius:999px;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;display:inline-flex}.mode-button{min-height:30px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:.76rem;font-weight:720}.mode-button.is-active{background:var(--panel-strong);color:var(--text);box-shadow:var(--shadow-soft)}.event-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-strong);box-shadow:var(--shadow-soft);overflow:hidden}.event-accent{background:var(--event-color,var(--blue));height:4px}.event-body{padding:14px}.event-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.event-icon{border-radius:var(--radius-card);background:color-mix(in srgb, var(--event-color,var(--blue)) 16%, transparent);width:40px;height:40px;color:var(--event-color,var(--blue));place-items:center;font-size:1.2rem;font-weight:760;display:grid}.event-title{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:760;line-height:1.3}.event-date{color:var(--text-muted);margin:4px 0 0;font-size:.86rem;line-height:1.4}.event-actions{gap:6px;display:inline-flex}.micro-button{border:1px solid var(--line);background:var(--panel-muted);width:32px;height:32px;color:var(--text-muted);border-radius:999px;place-items:center;transition:background .18s,color .18s,border-color .18s;display:inline-grid}.micro-button:hover{border-color:var(--line-strong);color:var(--text);background:var(--panel)}.time-grid{cursor:pointer;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.time-grid.is-single{grid-template-columns:1fr}.time-cell{border-radius:var(--radius-card);background:var(--panel-muted);border:1px solid var(--line);text-align:center;min-width:0;padding:10px 8px;transition:border-color .18s,background .18s}.time-grid:hover .time-cell{border-color:var(--line-strong);background:var(--panel)}.time-cell strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.16rem,2vw,1.55rem);line-height:1;display:block}.time-cell span{color:var(--text-muted);margin-top:6px;font-size:.76rem;display:block}.event-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.event-note{color:var(--text-muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:.9rem;line-height:1.45}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--panel-muted);text-align:center;min-height:220px;color:var(--text-muted);place-items:center;padding:24px;display:grid}.empty-state strong{color:var(--text);margin-bottom:6px;font-size:1rem;display:block}.library-grid{grid-template-columns:1fr;align-items:stretch;gap:16px;display:grid}.sample-code{border:1px solid var(--line);border-radius:var(--radius-card);color:var(--text-muted);background:#0000000a;margin:0;padding:14px;font:.84rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}@media (prefers-color-scheme:dark){.sample-code{background:#ffffff0f}}.library-actions{align-content:start;gap:10px;display:grid}.library-actions .text-button,.library-actions .danger-button{width:100%}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-muted);padding:14px}.settings-card h3{margin:0 0 12px;font-size:.96rem}.toggle-list{gap:10px;display:grid}.toggle-row{color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;font-size:.9rem;font-weight:680;display:flex}.toggle-row input{width:18px;min-height:18px}.toast{z-index:20;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-strong);max-width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(28px);padding:14px 16px;transition:opacity .22s,transform .22s;position:fixed;bottom:24px;right:24px;transform:translateY(18px)}.toast.is-visible{opacity:1;transform:translateY(0)}dialog{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-strong);width:min(680px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px);padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#00000057}.dialog-shell{padding:22px}.dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dialog-header h2{margin:0;font-size:1.35rem}.dialog-header p{color:var(--text-muted);margin:6px 0 0;line-height:1.45}.auth-mode-control{margin-bottom:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}label{color:var(--text-muted);font-size:.88rem;font-weight:680}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-muted);width:100%;min-height:44px;color:var(--text);padding:10px 12px}textarea{resize:vertical;min-height:94px;line-height:1.45}input[type=color]{padding:5px}.form-error{min-height:22px;color:var(--pink);margin:12px 0 0;font-size:.9rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.visualization-card,.events-panel{grid-column:span 6}.life-grid-card{grid-column:span 12}}@media (width<=820px){.app-shell{padding:18px}.topbar,.library-grid{grid-template-columns:1fr}.header-rail{justify-content:space-between;align-items:center}.clock-chip{text-align:left;min-width:0}.visualization-card,.events-panel,.life-grid-card{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.progress-stack{width:100%}.event-list{max-height:none}}@media (width<=560px){.app-shell{padding:14px}:root{--top-control-height:54px}.header-rail{grid-template-columns:1fr auto;gap:10px;display:grid}.clock-chip{padding:7px 18px}.clock-time{font-size:1.16rem}.clock-date{font-size:.74rem}.quick-actions{justify-content:end}.header-rail .primary-button{padding:0 18px;font-size:.96rem}.text-button,.primary-button,.danger-button{padding:0 12px}.progress-row{grid-template-columns:66px minmax(120px,1fr) 52px;gap:10px}.now-stats,.time-grid,.form-grid{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.panel-inner,.dialog-shell{padding:16px}.toast{bottom:16px;left:16px;right:16px}}@media (width<=390px){.now-stats,.time-grid,.form-grid{grid-template-columns:1fr}}