:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfcf8;--bg-strong:#fff;--bg-soft:#f1f6ef;--bg-accent:#e9f5e8;--ink:#0d1410;--ink-soft:#34423a;--ink-muted:#66756c;--line:#d7e3d6;--line-strong:#b8cab7;--green:#19715c;--green-strong:#10443e;--green-soft:#dff3e3;--green-ghost:#eff8f0;--void:#0f1511;--shadow-sm:0 14px 32px #102d1814;--shadow-lg:0 30px 80px #102d181a;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:"Aptos", "Segoe UI", sans-serif;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:linear-gradient(180deg, #167c3e0d, transparent 18%), radial-gradient(circle at top right, #167c3e0f, transparent 24%), var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;margin:0}p{color:var(--ink-soft);margin:0;line-height:1.6}main{display:block}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700}.muted{color:var(--ink-muted)}.button,.button-secondary,.button-ghost{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.button:hover,.button-secondary:hover,.button-ghost:hover{transform:translateY(-1px)}.button-green,.button{background:var(--green);color:#fff}.button-green:hover,.button:hover{background:var(--green-strong)}.button-secondary{background:var(--bg-strong);color:var(--ink);border-color:var(--line)}.button-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.wide-button{width:100%}.badge{border:1px solid var(--line);background:var(--bg-strong);min-height:34px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.badge.green{background:var(--green-soft);color:var(--green-strong);border-color:#167c3e33}.badge.void,.badge.danger{color:var(--void);background:#eef0ef;border-color:#0d14102e}.site-shell,.shell-layout{min-height:100vh}.landing{gap:96px;padding-bottom:80px;display:grid}.marketing-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcf8eb;border-bottom:1px solid #b7cab88c;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--green);color:#fff;width:40px;height:40px;font-family:var(--font-display);border-radius:12px;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.brand-logo{object-fit:contain;width:40px;height:40px;display:block}.nav-brand strong{font-size:1rem;display:block}.nav-brand span{color:var(--ink-muted);font-size:.9rem;display:block}.nav-links,.nav-actions{align-items:center;gap:12px;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:10px 12px;font-size:.95rem;font-weight:600}.nav-links a:hover{background:var(--green-ghost);color:var(--ink)}.container{width:min(1180px,100vw - 48px);margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:40px;display:grid}.hero-copy{gap:20px;padding-top:56px;display:grid}.hero-copy h1{max-width:10ch;font-size:clamp(3.8rem,8vw,6.7rem);line-height:.92}.hero-copy p{max-width:60ch;font-size:1.06rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-note{color:var(--ink-muted);flex-wrap:wrap;gap:12px;font-size:.92rem;display:flex}.hero-panel,.download-card,.surface-card,.section-card,.metric-card,.detail-card,.session-card,.timeline-card,.space-card,.settings-card,.report-card,.faq-card,.auth-card,.stat-band{border:1px solid var(--line);background:var(--bg-strong);box-shadow:var(--shadow-sm)}.hero-panel{border-radius:var(--radius-xl);background:linear-gradient(160deg, #167c3e0f, transparent 52%), var(--bg-strong);padding:28px}.download-shell{gap:72px}.download-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch;gap:28px;padding-top:56px;display:grid}.download-hero-copy,.download-sidecard,.download-card,.download-cta,.download-spotlight{gap:18px;display:grid}.download-hero-copy h1{max-width:11ch;font-size:clamp(3.1rem,7vw,5.4rem);line-height:.94}.download-hero-panel{display:grid}.download-sidecard{border-radius:var(--radius-xl);border:1px solid var(--line);background:radial-gradient(circle at top right, #167c3e1f, transparent 35%), linear-gradient(180deg, #167c3e0a, #167c3e03), var(--bg-strong);box-shadow:var(--shadow-sm);align-content:start;padding:26px}.download-checklist{color:var(--ink-soft);gap:12px;margin:0;padding-left:20px;line-height:1.6;display:grid}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.download-card{border-radius:var(--radius-lg);padding:24px}.download-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.download-card h3{font-size:1.8rem}.download-meta{gap:8px;display:grid}.download-meta span:first-child{color:var(--ink);font-weight:700}.hero-panel-grid,.stack{gap:18px;display:grid}.metric-list{gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:1.5rem;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 12px #00000005}.bento-stat-card{background-color:var(--bento-bg-dark,#10443e);color:#fff;border-radius:1.5rem;flex-direction:column;padding:24px;display:flex;box-shadow:0 12px 32px #10443e1f}.bento-stat-card .eyebrow{color:#ffffffb3}.bento-stat-card p{color:#fffc}.metric-card strong,.bento-stat-card strong{font-family:var(--font-body);letter-spacing:-.02em;margin-top:6px;font-size:2.5rem;font-weight:700;display:block}.metric-card p:last-child,.bento-stat-card p:last-child{margin-top:8px;font-size:.9rem}.site-section{gap:22px;display:grid}.section-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-head h2{font-size:clamp(2.1rem,4vw,3.6rem)}.section-subcopy{max-width:54ch}.grid-2,.grid-3,.grid-4{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.surface-card,.detail-card,.space-card,.settings-card,.report-card,.faq-card{border-radius:var(--radius-lg);padding:22px}.surface-card h3,.detail-card h3,.space-card h3,.settings-card h3,.report-card h3,.timeline-card h3{font-size:1.45rem}.detail-card{gap:14px;display:grid}.preview-frame{border:1px solid var(--line);background:linear-gradient(#f8fbf6,#fff);border-radius:26px;overflow:hidden}.preview-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots span{background:#cad7ca;border-radius:999px;width:8px;height:8px}.preview-body{padding:22px}.stat-band{border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px;display:grid}.stat-band strong{font-size:1.55rem;font-family:var(--font-display);margin-top:6px;display:block}.faq-list{gap:14px;display:grid}.faq-card{gap:10px;display:grid}.faq-card strong{font-size:1.05rem}.marketing-footer{border-top:1px solid var(--line);color:var(--ink-muted);justify-content:space-between;gap:16px;padding:20px 0 0;display:flex}.auth-page{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{background:var(--bg-strong);border:1px solid var(--line);border-radius:2rem;flex-direction:column;gap:16px;width:min(480px,100%);padding:48px 40px;display:flex;box-shadow:0 24px 80px #10221814}.auth-card h1{font-size:2.8rem;line-height:1.05}.auth-form{margin-top:22px}.auth-meta{color:var(--ink-muted);flex-wrap:wrap;gap:10px;margin-top:18px;font-size:.92rem;display:flex}.shell-layout{background:var(--bento-bg-light,#f6f8f7);grid-template-columns:270px minmax(0,1fr);gap:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:26px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.top-bar{background:0 0;justify-content:flex-end;align-items:center;gap:16px;padding:20px 32px 0;display:flex}.top-bar .icon-btn{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-soft);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #00000005}.profile-pill{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:12px;min-width:0;padding:6px 16px 6px 6px;display:flex;box-shadow:0 2px 8px #00000005}.profile-avatar{background:var(--green-soft);width:34px;height:34px;color:var(--green-strong);font-weight:700;font-family:var(--font-body);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile-info{flex-direction:column;min-width:0;display:flex}.profile-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden}.profile-email{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.2;overflow:hidden}.sidebar-header{gap:18px;display:grid}.sidebar-header h1{max-width:9ch;font-size:1.6rem}.sidebar-nav{gap:8px;display:grid}.nav-link{min-height:46px;color:var(--ink-soft);border-radius:14px;justify-content:space-between;align-items:center;padding:0 14px;font-weight:600;display:flex}.nav-link:hover{background:#eef5eb}.nav-link.active{background:var(--green-soft);color:var(--green-strong)}.nav-dot{background:#c7d5c8;border-radius:999px;width:8px;height:8px}.nav-link.active .nav-dot{background:var(--green)}.sidebar-panel{border:1px solid var(--line);background:var(--bg-strong);border-radius:18px;gap:12px;padding:16px;display:grid}.mini-metric{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mini-metric span{color:var(--ink-muted);font-size:.88rem}.mini-metric strong{font-size:1rem}.sidebar-footer{gap:14px;margin-top:auto;display:grid}.app-main{min-width:0;padding:8px 32px 48px}.app-page{gap:20px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-header h2{font-size:clamp(2.2rem,4vw,3.4rem)}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-layout{grid-template-columns:65% minmax(0,1fr);align-items:start;gap:20px;display:grid}.dashboard-stack,.dashboard-side{gap:20px;display:grid}.section-card{border-radius:var(--radius-lg);padding:24px}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-kpi-grid,.dashboard-note-grid,.session-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.heatmap-shell{gap:16px;display:grid}.heatmap-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.heatmap-legend{color:var(--ink-muted);align-items:center;gap:8px;font-size:.84rem;display:flex}.legend-swatch{border:1px solid var(--line);border-radius:4px;width:12px;height:12px}.heatmap{gap:10px;display:grid}.heatmap-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.heatmap.compact .heatmap-month{gap:7px}.heatmap-cell{aspect-ratio:1;background:var(--bento-bg-light);cursor:pointer;border:1px solid #00000008;border-radius:8px;place-items:center;width:100%;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.heatmap-cell:hover{z-index:10;transform:translateY(-2px)scale(1.02);box-shadow:0 4px 12px #0000000f}.heatmap.compact .heatmap-cell{border-radius:6px}.heatmap-cell.today-frame:after{content:"";border:2px solid var(--green-strong);pointer-events:none;border-radius:10px;position:absolute;inset:-2px;box-shadow:0 0 0 2px #ffffffe6}.heatmap-fill{background:var(--bento-primary);width:100%;height:100%;transform:scale(calc(var(--level) * var(--max-scale)));pointer-events:none;border-radius:4px;transition:transform .3s;position:absolute}.heatmap-tooltip{border:1px solid var(--line);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#fff;border-radius:12px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.95);box-shadow:0 10px 24px #00000014}.heatmap-cell:hover .heatmap-tooltip{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.heatmap-tooltip-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tooltip-date{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.tooltip-badge{background:var(--bento-primary);color:#fff;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.heatmap-tooltip-body{color:var(--ink);flex-direction:column;gap:2px;display:flex}.heatmap-tooltip-body strong{font-size:.95rem;font-weight:600}.tooltip-void-label{color:#db4437;font-size:.75rem;font-weight:500}.heatmap-cell.voided{background:#111714;border-color:#d0d7d0}.heatmap-label{color:var(--ink-muted);z-index:1;pointer-events:none;font-size:.72rem;font-weight:500;position:absolute;top:6px;left:8px}.heatmap.compact .heatmap-label{opacity:.5;font-size:.65rem;top:4px;left:6px}.heatmap-cell.voided .heatmap-label{color:#fff6}.note-list,.timeline,.report-section,.settings-grid,.space-grid{gap:16px;display:grid}.diary-timeline{gap:28px;display:grid}.diary-day-shell{border:1px solid var(--line);background:var(--bento-surface-alt);color:var(--ink);border-radius:28px;gap:18px;padding:28px;display:grid;box-shadow:0 10px 40px #0000000d}.diary-day-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.diary-day-title{gap:8px;display:grid}.diary-day-title h3{color:var(--bento-text-main);font-size:clamp(2rem,4vw,3rem);font-family:var(--font-body);letter-spacing:-.04em;font-weight:800}.diary-day-meta{color:var(--bento-text-muted);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.diary-day-meta strong{color:var(--bento-text-main);font-size:1.02rem}.diary-status-dot{background:var(--green);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 4px #19715c1f}.diary-day-badge{min-height:40px;color:var(--bento-primary);text-transform:uppercase;letter-spacing:.08em;background:#19715c14;border:1px solid #19715c3d;border-radius:999px;align-items:center;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.diary-shot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 14px;display:grid}.diary-shot{text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.diary-shot-frame{aspect-ratio:16/10;border:1px solid var(--line);background:var(--bento-bg-light);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.diary-shot-image{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.diary-shot:hover .diary-shot-image{transform:scale(1.03)}.diary-shot-empty{text-align:center;width:100%;height:100%;color:var(--bento-text-muted);place-items:center;gap:6px;padding:14px;display:grid}.diary-shot-empty strong{color:var(--bento-text-main)}.diary-shot.voided .diary-shot-frame{background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 10px,#e8e8e8 10px 20px);border-color:#0000001a}.diary-activity-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.diary-activity-cell{background:#0000000f;border-radius:2px;height:10px}.diary-activity-cell.active{background:var(--green)}.diary-shot-meta{color:var(--bento-text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.diary-lightbox{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.diary-lightbox-panel{border:1px solid var(--line);width:min(1220px,100%);max-height:calc(100vh - 48px);color:var(--ink);background:#fff;border-radius:28px;padding:26px;position:relative;overflow:auto;box-shadow:0 32px 90px #00000026}.diary-lightbox-close{color:var(--ink-muted);cursor:pointer;z-index:10;background:0 0;border:0;font-size:2rem;line-height:1;position:absolute;top:14px;right:18px}.diary-lightbox-close:hover{color:var(--ink)}.diary-lightbox-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:28px;display:grid}.diary-lightbox-visual,.diary-lightbox-side{gap:18px;display:grid}.diary-lightbox-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.diary-lightbox-kicker,.diary-detail-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.diary-lightbox-header h3,.diary-detail-block strong,.diary-detail-row strong{color:var(--ink)}.diary-lightbox-image,.diary-lightbox-empty{border:1px solid var(--line);background:var(--bento-bg-light);border-radius:18px;width:100%}.diary-lightbox-image{object-fit:contain;display:block}.diary-lightbox-empty{min-height:420px;color:var(--ink-muted);place-items:center;gap:8px;display:grid}.diary-detail-block{gap:8px;display:grid}.diary-detail-level{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:16px;display:flex}.diary-detail-level .diary-activity-strip{flex:1}.diary-detail-table{border-top:1px solid var(--line);display:grid}.diary-detail-table-head,.diary-detail-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:16px;padding:14px 0;display:grid}.diary-detail-table-head,.diary-detail-row span{color:var(--ink-muted)}.diary-detail-actions{align-content:end;gap:10px;display:grid}.diary-delete-btn{color:#db4437;border-color:#db44373d;justify-self:start}.diary-lock-copy{color:#ebefec8f;font-size:.88rem}.session-card,.timeline-card{border:1px solid var(--line);background:#fff;border-radius:1.25rem;padding:20px;box-shadow:0 4px 12px #00000005}.session-card.running{background-color:var(--bento-bg-dark,#10443e);color:#fff;border-color:#0000;box-shadow:0 16px 32px #10443e26}.session-card.running h3,.session-card.running .session-activity,.session-card.running .session-meta{color:#fff}.session-card.running .eyebrow{color:#ffffffb3}.session-card.running .badge.green{color:#fff;background:#ffffff26;border-color:#fff3}.session-head,.timeline-head,.report-head,.settings-head,.space-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.session-meta,.session-activity,.timeline-stats,.timeline-flags,.report-meta,.space-meta{margin-top:10px}.session-meta,.timeline-stats,.timeline-flags,.report-meta,.space-meta{color:var(--ink-muted);flex-wrap:wrap;gap:10px 12px;font-size:.9rem;display:flex}.timeline-group{gap:12px;display:grid}.timeline-screenshot{gap:12px;margin-top:14px;display:grid}.timeline-thumbnail{border:1px solid var(--line);object-fit:cover;width:100%;max-width:320px;box-shadow:var(--shadow-sm);border-radius:16px;display:block}.timeline-actions{flex-wrap:wrap;gap:10px;display:flex}.inline-form{display:inline-flex}.timeline-card.voided{background:#f2f4f3}.empty-state{color:var(--ink-muted);text-align:center}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--ink-muted);font-size:.88rem}.input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:14px;padding:0 14px}.checkbox-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.checkbox{border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:inline-flex}.checkbox input{accent-color:var(--green)}@media (max-width:1180px){.hero-grid,.download-hero,.download-grid,.dashboard-layout,.summary-strip,.grid-4,.grid-3,.grid-2,.dashboard-kpi-grid,.dashboard-note-grid,.session-rail,.form-grid,.stat-band,.shell-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:relative}.diary-lightbox-grid{grid-template-columns:1fr}}@media (max-width:720px){.diary-day-shell{padding:20px}.diary-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diary-day-header,.diary-detail-level{grid-template-columns:1fr;display:grid}.diary-lightbox{padding:12px}.diary-lightbox-panel{padding:18px}}@media (max-width:820px){.marketing-nav,.app-main{padding-left:18px;padding-right:18px}.container{width:min(1180px,100vw - 28px)}.landing{gap:68px}.nav-links{display:none}.hero-copy h1{font-size:clamp(2.9rem,13vw,5rem)}}:root{--bento-primary:#19715c;--bento-bg-light:#f6f8f7;--bento-bg-dark:#10443e;--bento-surface:#e3e8e1;--bento-surface-alt:#fff;--bento-text-main:#102218;--bento-text-muted:#7a8b80;--bento-accent:#d4a373}.bento-hero-section{flex-direction:column;width:100%;min-height:100vh;padding-top:48px;display:flex;position:relative}@media (min-width:1024px){.bento-hero-section{justify-content:center;padding-top:0}}.bento-hero-container{flex-direction:column;flex-grow:1;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:0 24px;display:flex}@media (min-width:1024px){.bento-hero-container{padding:0 80px}}.bento-hero-content{flex-direction:column;flex:1;align-items:center;gap:48px;padding:48px 0;display:flex}@media (min-width:1024px){.bento-hero-content{flex-direction:row;gap:96px}}.bento-hero-text{z-index:10;flex-direction:column;gap:32px;width:100%;display:flex}@media (min-width:1024px){.bento-hero-text{width:50%;padding-right:48px}}.bento-hero-text h1{color:var(--bento-text-main);letter-spacing:-.04em;word-spacing:-.05em;font-size:3rem;font-weight:500;line-height:1.1;font-family:var(--font-display)}.bento-hero-text h1 em{letter-spacing:-.05em;color:var(--bento-primary);font-style:italic;font-weight:600}@media (min-width:1024px){.bento-hero-text h1{font-size:3.75rem}}.bento-hero-text p{color:var(--bento-text-muted);max-width:480px;font-size:1.125rem;line-height:1.625}@media (min-width:1024px){.bento-hero-text p{font-size:1.25rem}}.bento-btn-primary{background-color:var(--bento-bg-dark);color:#fff;letter-spacing:.025em;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;width:max-content;height:56px;padding:0 32px;font-size:1.125rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.bento-btn-primary:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bento-btn-primary:active{transform:scale(.95)}.bento-hero-visual{justify-content:center;align-items:center;width:100%;min-height:600px;display:flex;position:relative}@media (min-width:1024px){.bento-hero-visual{width:50%}}.bento-grid{aspect-ratio:4/5;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:540px;transition:all .5s ease-out;display:grid;position:relative}@media (min-width:1024px){.bento-grid{transform:rotate(-2deg)}.bento-grid:hover{transform:rotate(0)}}.bento-card{background-color:var(--bento-surface-alt);border-radius:2rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #1022180f}.bento-card-proof{grid-area:span 2/span 1/span 2/span 1;padding:24px}.bento-proof-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bento-proof-header h3{color:var(--bento-text-main);font-size:1.25rem;font-weight:700;font-family:var(--font-body)}.bento-proof-list{flex-direction:column;flex:1;gap:12px;padding-right:8px;display:flex;position:relative;overflow-y:auto}.bento-proof-list::-webkit-scrollbar{width:4px}.bento-proof-list::-webkit-scrollbar-thumb{background-color:var(--bento-surface);border-radius:9999px}.bento-proof-fade{background:linear-gradient(to top, var(--bento-surface-alt), transparent);pointer-events:none;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;height:48px;position:absolute;bottom:0;left:0;right:0}.bento-entry{background-color:var(--bento-bg-light);border:1px solid #0000;border-radius:1rem;align-items:flex-start;gap:12px;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.bento-entry.is-new{border-color:var(--bento-surface);z-index:10;background-color:#fff;animation:2s ease-out forwards highlight-fade,.4s cubic-bezier(.175,.885,.32,1.275) forwards slide-down;position:relative;box-shadow:0 1px 2px #0000000d}.bento-entry-icon{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.bento-entry-icon.active{color:var(--bento-primary);background-color:#0fbd5a1a}.bento-entry-icon.muted{background-color:var(--bento-surface);color:var(--bento-text-muted)}.bento-entry-content{flex:1}.bento-entry-content p.title{color:var(--bento-text-main);margin-bottom:4px;font-size:.875rem;font-weight:600;line-height:1.25}.bento-entry-content p.subtitle{color:var(--bento-text-muted);font-size:.75rem}.bento-entry-content .bento-tag-container{gap:8px;margin-top:4px;display:flex}.bento-tag{background-color:var(--bento-surface);color:var(--bento-text-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:2px 8px;font-size:.625rem;font-weight:500}.bento-entry-time{margin-top:4px;font-size:.6875rem;font-weight:500}.bento-entry-time.active{color:var(--bento-primary)}.bento-entry-time.muted{color:var(--bento-text-muted)}.bento-card-pulse{opacity:.9;grid-area:span 1/span 1/span 1/span 1;justify-content:space-between;padding:20px;transition:opacity .3s}.bento-card-pulse:hover{opacity:1}.bento-card-pulse h3{color:var(--bento-text-muted);letter-spacing:.025em;text-transform:uppercase;font-size:.875rem;font-weight:500;font-family:var(--font-body)}.bento-pulse-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.bento-pulse-cell{aspect-ratio:1;background-color:var(--bento-surface);border-radius:2px;width:100%}.bento-pulse-cell.level-1{background-color:#0fbd5a33}.bento-pulse-cell.level-2{background-color:#0fbd5a66}.bento-pulse-cell.level-3{background-color:#0fbd5a99}.bento-pulse-cell.level-4{background-color:#0fbd5acc}.bento-pulse-cell.level-5{background-color:var(--bento-primary)}.bento-card-timer{grid-area:span 2/span 1/span 2/span 1;justify-content:center;align-items:center;padding:24px}.bento-timer-header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:24px;right:24px}.bento-timer-header .icon{color:var(--bento-text-muted)}.bento-pulse-dot{background-color:var(--bento-accent);border-radius:9999px;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite bento-pulse-anim}@keyframes bento-pulse-anim{0%,to{opacity:1}50%{opacity:.5}}.bento-timer-ring{justify-content:center;align-items:center;width:128px;height:128px;margin-top:16px;display:flex;position:relative}.bento-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.bento-timer-ring circle.bg{stroke:var(--bento-surface)}.bento-timer-ring circle.fg{stroke:var(--bento-primary);transition:all 1s}.bento-timer-display{flex-direction:column;align-items:center;display:flex;position:absolute}.bento-timer-display strong{color:var(--bento-text-main);letter-spacing:-.05em;font-size:1.875rem;font-weight:900;font-family:var(--font-body)}.bento-timer-display span{color:var(--bento-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.75rem;font-weight:500}.bento-btn-pause{background-color:var(--bento-surface);color:var(--bento-text-main);cursor:pointer;border:none;border-radius:9999px;margin-top:32px;padding:10px 24px;font-size:.875rem;font-weight:700;transition:background-color .2s}.bento-btn-pause:hover{background-color:var(--bento-bg-light)}.bento-card-stat{background-color:var(--bento-bg-dark);grid-area:span 1/span 1/span 1/span 1;justify-content:center;padding:20px}.bento-stat-grain{opacity:.2;background:linear-gradient(to bottom right,#ffffff1a,#0000);position:absolute;inset:0}.bento-stat-content{z-index:10;position:relative}.bento-stat-content p{color:#e3e8e1b3;margin-bottom:4px;font-size:.875rem;font-weight:500}.bento-stat-val{align-items:baseline;gap:8px;display:flex}.bento-stat-val strong{color:#fff;font-size:2.25rem;font-weight:900;font-family:var(--font-body)}.bento-stat-val span{color:#e3e8e1e6;font-size:.875rem}.bento-stat-icon{color:#d4a37380;font-size:2.25rem;position:absolute;bottom:16px;right:16px;transform:rotate(12deg)}.bento-toast{z-index:50;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards toast-slide-up;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.bento-toast-content{background-color:var(--bento-bg-dark);color:#fff;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:12px;padding:14px 24px;display:flex;box-shadow:0 25px 50px -12px #00000040}.bento-toast-content .icon{color:var(--bento-accent)}.bento-toast-content span{letter-spacing:.025em;font-size:.875rem;font-weight:500}@keyframes highlight-fade{0%{opacity:0;background-color:#0fbd5a33;transform:scale(.98)}20%{opacity:1;background-color:#0fbd5a26;transform:scale(1.02)}to{opacity:1;background-color:#fff;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(150%)translate(-50%)}10%{opacity:1;transform:translateY(-20px)translate(-50%)}to{opacity:1;transform:translateY(0)translate(-50%)}}.bento-section{flex-direction:column;gap:32px;padding:80px 0;display:flex}.bento-section-head{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.bento-section-head h2{color:var(--bento-text-main);letter-spacing:-.04em;font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.1;font-family:var(--font-display)}.bento-section-head p{color:var(--bento-text-muted);max-width:600px;font-size:1.125rem;line-height:1.625}.bento-about-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-about-card{background-color:var(--bento-surface-alt);border:1px solid #00000008;border-radius:2rem;flex-direction:column;gap:16px;padding:40px 32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 12px 48px #1022180f}.bento-about-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 24px 64px #10221814}.bento-about-icon{width:48px;height:48px;color:var(--bento-primary);background-color:#0fbd5a1a;border-radius:1rem;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.bento-about-card strong{font-size:2rem;font-family:var(--font-display);color:var(--bento-text-main);letter-spacing:-.03em;line-height:1.1}.bento-about-card p{color:var(--bento-text-muted);font-size:1rem;line-height:1.6}.bento-feature-grid{grid-template-columns:4fr 6fr;gap:24px;display:grid}.bento-feature-grid.reverse{grid-template-columns:6fr 4fr}.bento-feature-card{background-color:var(--bento-surface-alt);border:1px solid #00000008;border-radius:2rem;flex-direction:column;justify-content:center;gap:20px;padding:48px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 12px 48px #1022180f}.bento-feature-card:hover{transform:scale(1.02);box-shadow:0 20px 60px #10221814}.bento-feature-card h3{color:var(--bento-text-main);margin-bottom:8px;font-size:1.75rem}.bento-preview-banner{background-color:var(--bento-bg-dark);color:#fff;text-align:center;border-radius:2rem;flex-direction:column;align-items:center;gap:48px;margin-top:48px;padding:64px;display:flex;box-shadow:0 32px 64px #10221826}.bento-preview-banner .bento-section-head h2{color:#fff}.bento-preview-banner .bento-section-head p{color:#ffffffb3}.bento-faq-layout{grid-template-columns:4fr 6fr;align-items:start;gap:64px;display:grid}.bento-faq-header{position:sticky;top:120px}.bento-faq-header h2{color:var(--bento-text-main);letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;font-family:var(--font-display);margin-bottom:24px}.bento-faq-list{flex-direction:column;gap:16px;display:flex}.bento-faq-item{background-color:var(--bento-surface-alt);border:1px solid #00000008;border-radius:1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 4px 24px #1022180a}.bento-faq-item:hover{box-shadow:0 12px 32px #1022180f}.bento-faq-item details{width:100%}.bento-faq-item summary{color:var(--bento-text-main);cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:24px 32px;font-size:1.125rem;font-weight:600;list-style:none;display:flex}.bento-faq-item summary::-webkit-details-marker{display:none}.bento-faq-icon{background-color:var(--bento-bg-light);width:32px;height:32px;color:var(--bento-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.bento-faq-item details[open] summary .bento-faq-icon{background-color:var(--bento-primary);color:#fff;transform:rotate(45deg)}.bento-faq-content{color:var(--bento-text-muted);opacity:0;padding:0 32px 32px;font-size:1.05rem;line-height:1.6;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards faq-fade-in;transform:translateY(-10px)}@keyframes faq-fade-in{to{opacity:1;transform:translateY(0)}}.bento-cta-banner{background-color:var(--bento-bg-dark);text-align:center;border-radius:2rem;flex-direction:column;align-items:center;gap:32px;margin-top:64px;padding:80px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 64px #10221833}.bento-cta-banner h2{color:#fff;letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1;font-family:var(--font-display)}.bento-cta-actions{z-index:10;gap:16px;display:flex}.bento-btn-secondary{color:#fff;cursor:pointer;background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;height:56px;padding:0 32px;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex}.bento-btn-secondary:hover{background-color:#ffffff26;transform:scale(1.05)}.bento-btn-secondary:active,.bento-btn-primary:active{transform:scale(.95)}@media (max-width:1024px){.bento-about-grid,.bento-feature-grid,.bento-feature-grid.reverse,.bento-faq-layout{grid-template-columns:1fr}.bento-faq-header{position:relative;top:0}}.split-auth-page{background:var(--bg-strong);min-height:100vh;font-family:var(--font-body);display:flex}.split-auth-page h1,.split-auth-page h2,.split-auth-page h3{color:var(--ink);letter-spacing:-.02em;font-weight:700;font-family:var(--font-body)!important}.auth-left{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-wrapper{width:100%;max-width:420px;animation:.8s ease-out fadeIn}.auth-header{margin-bottom:32px}.auth-header h1{margin-bottom:12px;font-size:2.75rem;line-height:1.1}.auth-header p{color:var(--ink-muted);font-size:1.05rem;line-height:1.6}.social-form-top{margin-bottom:24px}.social-btn-premium{border:1px solid var(--line);width:100%;height:56px;color:var(--ink);cursor:pointer;background:#fff;border-radius:28px;justify-content:center;align-items:center;gap:12px;font-size:1.05rem;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 6px #00000005}.social-btn-premium:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 8px 15px #0000000d}.auth-divider{text-align:center;color:var(--ink-muted);text-transform:lowercase;align-items:center;margin:28px 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--line);flex:1}.auth-divider span{padding:0 16px}.auth-tabs{background:var(--bg-soft);border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-tab.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px #0000000f}.auth-form-main{flex-direction:column;gap:16px;display:flex}.bento-input{border:1px solid var(--line);background:var(--bg-light,#f9fafb);width:100%;height:54px;color:var(--ink);border-radius:16px;outline:none;padding:0 20px;font-size:1rem;transition:all .2s}.bento-input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-ghost);background:#fff}.password-group{position:relative}.password-toggle{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:8px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.form-utils{justify-content:flex-end;margin-top:-4px;display:flex}.forgot-password{color:var(--ink-muted);font-size:.85rem;font-weight:500;text-decoration:none}.forgot-password:hover{color:var(--green)}.full-width{width:100%;margin-top:8px}.auth-footer{text-align:center;color:var(--ink-muted);margin-top:32px;font-size:.95rem}.text-link,.link-btn{color:var(--green);cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:600}.auth-right{background:#fff;flex:1.1;padding:24px;display:none}@media (min-width:900px){.auth-right{display:flex}}.right-panel-inner{background:var(--bg-soft);border:1px solid #00000008;border-radius:48px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.illustration-container{justify-content:center;align-items:center;width:100%;max-width:480px;height:480px;display:flex;position:relative}.illustration-bg-blob{background:var(--green-soft);filter:blur(80px);opacity:.6;z-index:1;border-radius:50%;width:320px;height:320px;position:absolute}.avatar-cluster{z-index:10;width:240px;height:240px;position:relative}.avatar-orb{color:var(--green);background:#fff;border:4px solid #fff;border-radius:50%;place-items:center;transition:all .5s;display:grid;position:absolute;box-shadow:0 15px 35px #00000014}.avatar-orb .material-symbols-outlined{font-size:24px}.main-avatar{background:var(--green);color:#fff;z-index:5;width:110px;height:110px;animation:8s ease-in-out infinite floatMain;top:50%;left:50%;transform:translate(-50%,-50%)}.main-avatar .material-symbols-outlined{font-size:48px}.sub-avatar-1{width:64px;height:64px;animation:6s ease-in-out infinite alternate floatSub;top:-10px;right:-10px}.sub-avatar-2{width:56px;height:56px;animation:7s ease-in-out infinite alternate-reverse floatSub;bottom:10px;left:-20px}.sub-avatar-3{width:48px;height:48px;animation:5s ease-in-out infinite alternate floatSub;top:40px;left:-30px}.premium-stat-card{z-index:20;background:#fff;border-radius:24px;width:280px;padding:20px;animation:10s ease-in-out infinite floatOverlay;position:absolute;bottom:0;left:-10px;box-shadow:0 20px 50px #0000001a}.stat-card-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-card-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;display:block}.stat-card-title{color:var(--ink);font-size:1.15rem;font-weight:700}.stat-card-visual{width:48px;height:48px;position:relative}.focus-ring{width:100%;height:100%;position:relative}.focus-percent{color:var(--ink);place-items:center;font-size:.65rem;font-weight:800;display:grid;position:absolute;inset:0}.stat-card-footer{border-top:1px solid var(--bg-soft);padding-top:12px}.pill-badge{background:var(--green-soft);color:var(--green);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.dots-indicator{gap:8px;margin-top:32px;display:flex}.dot{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.dot.active{background:var(--ink);border-radius:4px;width:18px}.right-panel-tagline{text-align:center;max-width:320px;margin-top:32px}.right-panel-tagline h2{color:var(--ink);font-size:1.8rem;line-height:1.25}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatMain{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-15px)}}@keyframes floatSub{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.05)}}@keyframes floatOverlay{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}.diary-shot{cursor:pointer;transition:transform .15s,border-color .15s}.diary-shot:hover{border-color:var(--green-strong);transform:translateY(-2px)}.bento-stat-card,.metric-card,.space-card,.report-card{transition:transform .15s}.bento-stat-card:hover,.metric-card:hover,.space-card:hover,.report-card:hover{cursor:pointer;transform:translateY(-2px)}
