@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f5f7fa;--surface:#ffffffbd;--surface-strong:#ffffffeb;--surface-muted:#f8f9fbd1;--line:#11182714;--line-strong:#11182724;--text:#111827;--muted:#6b7280;--heading:#0b1220;--accent:#0071e3;--accent-soft:#0071e31a;--warm:#8b5e34;--shadow:0 18px 48px #0f172a14;--shadow-soft:0 8px 24px #0f172a0d;background:radial-gradient(circle at top,#fffffff2,#f4f6f8f0 40%,#eef1f4fa 100%),linear-gradient(#f8f9fb 0%,#eef1f5 100%);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;margin:0}button,select,input{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.login-shell,.app-shell{min-height:100vh;padding:24px}.login-shell{place-items:center;display:grid}.login-card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(140%)blur(24px);position:relative}.login-card:before,.panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#ffffff0a);position:absolute;inset:0}.login-card{border-radius:32px;width:min(520px,100%);padding:56px 44px}.login-card-minimal{text-align:center;justify-items:center;gap:22px;display:grid}.eyebrow,.panel-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.7rem;font-weight:700}.login-card h1,.topbar h2,.preview-header h3,.empty-day h3{color:var(--heading);letter-spacing:-.04em;margin:0;font-weight:700;line-height:1}.login-card h1{font-size:clamp(2.9rem,7vw,4.8rem)}.microsoft-button,.ghost-button,.pill,.month-button,.day-button,.tab-row button,.segmented-control button,.toolbar select,.strip-card{transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s,opacity .16s}.microsoft-button:hover,.ghost-button:hover,.pill:hover,.month-button:hover,.day-button:hover,.tab-row button:hover,.segmented-control button:hover,.toolbar select:hover,.strip-card:hover{transform:translateY(-1px)}.microsoft-button{color:#111827;cursor:pointer;width:fit-content;box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #11182714;border-radius:999px;align-items:center;gap:14px;padding:15px 22px;font-weight:600;display:inline-flex}.microsoft-mark{grid-template-columns:repeat(2,1fr);gap:2px;width:18px;height:18px;display:grid}.microsoft-mark i{display:block}.microsoft-mark i:first-child{background:#f35325}.microsoft-mark i:nth-child(2){background:#81bc06}.microsoft-mark i:nth-child(3){background:#05a6f0}.microsoft-mark i:nth-child(4){background:#ffba08}.app-shell{align-content:start;gap:18px;max-width:1440px;margin:0 auto;display:grid}.topbar{justify-content:space-between;align-items:start;gap:18px;display:flex}.quiet-topbar h2{margin-top:4px;font-size:clamp(2rem,4vw,3rem)}.title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.title-nav{flex-wrap:wrap;gap:10px;display:flex}.title-nav-button{white-space:nowrap}.mobile-label{display:none}.topbar-subtle{color:var(--muted);margin:8px 0 0}.topbar-actions{flex-wrap:wrap;gap:12px;display:flex}.ghost-button,.day-button,.pill,.month-button,.segmented-control button,.tab-row button,.toolbar select{border:1px solid var(--line);color:var(--text);background:#ffffffd6;border-radius:999px;padding:10px 14px;box-shadow:0 2px 10px #0f172a08}.ghost-button:disabled,.tab-row button:disabled{opacity:.4;cursor:not-allowed}.panel{border-radius:28px;padding:20px}.date-strip{align-items:center;gap:20px;display:flex;overflow-x:auto}.calendar-controls{flex:none;align-items:end;gap:12px;display:flex}.calendar-control{gap:6px;min-width:140px;display:grid}.calendar-control select{appearance:none;border:1px solid var(--line);color:var(--heading);background:linear-gradient(#fffffff5,#f8fafceb);background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%), linear-gradient(180deg, #fffffff5, #f8fafceb);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px),0 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,100% 100%;border-radius:14px;padding:12px 40px 12px 14px;box-shadow:0 2px 10px #0f172a08}.calendar-grid-wrap{flex:auto;gap:8px;min-width:0;padding-inline:28px;display:grid;position:relative}.calendar-grid-wrap:before,.calendar-grid-wrap:after{content:"";pointer-events:none;z-index:1;width:28px;position:absolute;top:0;bottom:0}.calendar-grid-wrap:before{background:linear-gradient(90deg,#f8fafcf5,#f8fafc00);left:0}.calendar-grid-wrap:after{background:linear-gradient(270deg,#f8fafcf5,#f8fafc00);right:0}.calendar-grid{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.calendar-hint{color:var(--muted);letter-spacing:.01em;padding-inline:2px;font-size:.76rem}.calendar-day{min-width:54px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;justify-items:center;gap:4px;padding:10px 8px;display:grid}.calendar-day strong{color:var(--heading);font-size:.98rem;font-weight:600}.calendar-day span{font-size:.75rem;line-height:1}.calendar-day.has-events{background:#ffffffc7;border-color:#1118270f}.calendar-day.has-events span{color:var(--accent);font-weight:600}.calendar-day.active{background:#111827f5;border-color:#111827f5}.calendar-day.active strong,.calendar-day.active span{color:#fff}.calendar-day.empty{opacity:.42;cursor:default}.calendar-day.empty strong{color:var(--muted)}.section-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.compact-row,.badge-row,.nav-buttons{flex-wrap:wrap;gap:10px;display:flex}.pill.active,.month-button.active,.day-button.active,.segmented-control button.active,.tab-row button.active,.strip-card.active{background:#fffffffa;border-color:#0071e32e;box-shadow:0 12px 28px #0071e314}.month-button{text-align:left}.day-button{border-radius:18px;justify-items:start;gap:4px;display:grid}.day-button span{color:var(--warm);font-size:.8rem}.quiet-timeline{gap:20px;display:grid}.timeline-headline{justify-content:space-between;align-items:center;gap:16px;display:flex}.quiet-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar select{min-width:170px}.segmented-control{flex-wrap:wrap;gap:8px;display:inline-flex}.capture-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.focus-card{padding:0}.capture-list-panel{max-height:calc(100vh - 180px);padding:0;position:sticky;top:24px;overflow:auto}.capture-list{gap:10px;display:grid}.capture-row{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffffd6;border-radius:18px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:8px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;box-shadow:0 2px 10px #0f172a08}.capture-row:hover{transform:translateY(-1px)}.capture-row.active{background:#fffffffa;border-color:#0071e32e;box-shadow:0 12px 28px #0071e314}.capture-row-thumb{aspect-ratio:4/3;object-fit:cover;background:#ffffffb8;border-radius:14px;width:100%;box-shadow:inset 0 1px #ffffffc7,0 10px 24px #0f172a0d}.capture-row-copy{gap:4px;display:grid}.capture-row-copy strong{color:var(--heading);font-size:.96rem}.capture-row-copy span{color:var(--muted);font-size:.82rem}.mobile-back{margin-bottom:12px}.hero-stack{gap:16px;display:grid}.hero-visual-block,.hero-meta-card,.empty-day{padding:0}.hero-meta-card{border-top:1px solid var(--line);padding-top:4px}.compact-preview-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.preview-header h3{margin-top:6px;font-size:clamp(1.6rem,3vw,2.2rem)}.tab-row{flex-wrap:wrap;gap:8px;display:inline-flex}.preview-image,.preview-video-frame,.video-stage{border-radius:22px;width:100%;box-shadow:inset 0 1px #ffffffc7,0 18px 44px #0f172a14}.preview-image,.preview-video{background:#f0f3f7eb}.preview-image,.preview-video-frame{overflow:hidden}.preview-video-frame{background:#f0f3f7eb}.preview-image{height:auto;display:block}.preview-video{width:100%;height:auto;box-shadow:none;border:0;border-radius:0;display:block}.video-stage{aspect-ratio:16/10;background-color:#f0f3f7eb;background-position:50%;background-size:cover;position:relative;overflow:hidden}.video-stage:after{content:"";background:linear-gradient(#0f172a0a,#0f172a61);position:absolute;inset:0}.video-overlay{z-index:1;color:#fff;flex-direction:column;justify-content:end;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.play-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;align-self:start;padding:11px 16px}.video-scrub{background:#ffffff2e;border-radius:999px;width:100%;height:6px;overflow:hidden}.video-scrub span{background:linear-gradient(90deg,#fff,#8dc5ff);width:36%;height:100%;display:block}.meta-stack{gap:18px;display:grid}.meta-stack strong{color:var(--heading);margin-top:6px;font-size:.98rem;line-height:1.4;display:block}.meta-list{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.meta-note{color:var(--muted);margin:8px 0 0;line-height:1.5}.badge{color:var(--warm);background:#8b5e3417;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge.muted{background:var(--accent-soft);color:var(--accent)}.quiet-empty-day{max-width:640px}.quiet-empty-day p{color:var(--muted);margin-bottom:0}.mobile-only{display:none}@media (width<=1100px){.capture-workspace,.hero-stack{grid-template-columns:1fr}.topbar{display:block}.topbar-actions{justify-content:flex-start;margin-top:12px}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-only{display:inline-flex}.date-strip{display:none}.date-strip.mobile-open{display:grid}.capture-list-panel{max-height:none;position:static;overflow:visible}}@media (width<=820px){.date-strip.mobile-open{gap:14px;display:grid;overflow:visible}.calendar-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.calendar-grid-wrap{padding-inline:20px}.calendar-hint{font-size:.72rem}.calendar-grid-wrap:before,.calendar-grid-wrap:after{width:20px}.login-shell,.app-shell{padding:16px}.login-card,.panel,.empty-day{border-radius:24px}.login-card{padding:36px 28px}.topbar,.timeline-headline,.compact-preview-header{display:block}.capture-row{grid-template-columns:72px minmax(0,1fr)}.capture-workspace{grid-template-columns:1fr;gap:12px}.quiet-timeline{gap:12px}.capture-list-panel,.focus-card{padding:0}.capture-list-panel{padding:14px}.desktop-label{display:none}.mobile-label{justify-content:center;align-items:center;width:100%;line-height:1;display:flex}.title-nav-button{justify-content:center;align-items:center;min-width:44px;padding-inline:0;display:inline-flex}.section-heading{margin-bottom:8px}}