:root{color:#242238;--ink:#242238;--muted:#6d6a7b;--violet:#5347da;--violet-dark:#4135c4;--coral:#ff937e;--mint:#28a789;--canvas:#f8f8fa;--surface:#fff;--line:#e4e2ea;--soft-violet:#f0eefb;--soft-coral:#fff0ec;--soft-mint:#e8f6f1;background:#f1f2f4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:#f1f2f4;margin:0}button,input,textarea{font:inherit}button,summary{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #887dff}.app-page{place-items:center;min-height:100dvh;padding:20px;display:grid}.app-frame{background:var(--canvas);border:1px solid #d8d6df;border-radius:8px;flex-direction:column;width:min(720px,100%);height:min(900px,100dvh - 40px);min-height:560px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #2422381f}.app-header{z-index:10;border-bottom:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;min-height:58px;padding:8px 16px;display:flex;position:relative}.brand-action,.context-brand{min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;font-weight:850;text-decoration:none;display:inline-flex}.brand-action{padding:5px 7px;font-size:20px}.context-brand{max-width:calc(100% - 58px);padding:5px 0;font-size:14px}.brand-mark{flex:none;width:31px;height:31px;transition:transform .22s;display:inline-block;position:relative}.brand-mark i{background:var(--violet);border-radius:50%;width:13px;height:13px;transition:inset .22s,width .22s,height .22s,border-radius .22s,transform .22s;position:absolute}.brand-mark i:first-child{top:2px;left:2px}.brand-mark i:nth-child(2){background:var(--coral);top:2px;left:16px}.brand-mark i:nth-child(3){background:var(--mint);top:16px;left:9px}.back-mark i:first-child,.app-frame.scrolled .brand-mark i:first-child{border-radius:4px;width:23px;height:5px;top:13px;left:5px}.back-mark i:nth-child(2),.app-frame.scrolled .brand-mark i:nth-child(2){transform-origin:2.5px 2.5px;border-radius:4px;width:14px;height:5px;top:13px;left:3px;transform:rotate(-45deg)}.back-mark i:nth-child(3),.app-frame.scrolled .brand-mark i:nth-child(3){transform-origin:2.5px 2.5px;border-radius:4px;width:14px;height:5px;top:13px;left:3px;transform:rotate(45deg)}.brand-name,.context-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-menu{flex:none;position:relative}.app-menu summary{border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;line-height:1;list-style:none;display:grid}.app-menu summary::-webkit-details-marker{display:none}.app-menu-popover{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:180px;display:grid;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 12px 32px #24223829}.app-menu-popover>*{padding:11px 13px}.app-menu-popover a{border-top:1px solid var(--line);color:var(--violet-dark);font-size:13px;font-weight:750;text-decoration:none}.menu-user{color:var(--muted);font-size:12px}.app-content{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aaa7b3 transparent;flex:1;min-height:0;overflow-y:auto}.app-content::-webkit-scrollbar{width:5px}.app-content::-webkit-scrollbar-thumb{background:#aaa7b3;border-radius:5px}.workspace{padding:18px 20px 88px}.workspace-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.compact-heading{margin-bottom:24px}.eyebrow,.status-label{color:var(--violet);text-transform:uppercase;letter-spacing:0;margin-bottom:3px;font-size:10px;font-weight:850;display:block}h1{letter-spacing:0;font-size:26px;line-height:1.1}h2{letter-spacing:0;font-size:19px;line-height:1.2}.count-badge{background:var(--soft-violet);min-width:34px;height:30px;color:var(--violet);border-radius:8px;place-items:center;padding:0 9px;font-size:12px;font-weight:850;display:grid}.event-list{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.event-row{min-height:82px;color:var(--ink);grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:11px 13px;text-decoration:none;display:grid}.event-row+.event-row{border-top:1px solid var(--line)}.event-row:hover{background:#fbfbfc}.event-marker{background:var(--soft-violet);width:50px;height:50px;color:var(--violet-dark);border-radius:7px;align-content:center;place-items:center;gap:4px;display:grid}.event-marker i{background:currentColor;border-radius:50%;width:8px;height:8px}.event-marker small{font-size:9px;font-weight:850}.event-marker.status-active,.event-marker.status-completed,.event-marker.status-planning{background:var(--soft-mint);color:#08775d}.event-marker.status-cancelled,.event-marker.status-archived{background:var(--soft-coral);color:#b24d3c}.event-copy{gap:2px;min-width:0;display:grid}.event-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.event-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.row-chevron{color:#8d8999;text-align:center;font-size:22px}.floating-create{z-index:8;background:var(--surface);border:1px solid #dcd8e9;border-radius:8px;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 22px #2422382e}.floating-create:hover{border-color:#aaa2e9;box-shadow:0 11px 26px #24223838}.fab-symbol{width:22px;height:22px;display:block;position:relative}.fab-symbol i{border-radius:3px;display:block;position:absolute}.fab-symbol i:first-child{background:var(--violet);width:20px;height:4px;top:9px;left:1px}.fab-symbol i:nth-child(2){background:var(--coral);width:4px;height:10px;top:1px;left:9px}.fab-symbol i:nth-child(3){background:var(--mint);width:4px;height:10px;bottom:1px;left:9px}.app-frame.scrolled .app-header{pointer-events:none;background:0 0;border-color:#0000;position:absolute;inset:0 0 auto}.app-frame.scrolled .brand-action{pointer-events:auto;background:var(--surface);border:1px solid #e5e2ec;border-radius:8px;width:42px;height:42px;padding:0;overflow:hidden;box-shadow:0 6px 18px #2422381f}.app-frame.scrolled .brand-action .brand-mark{top:5px;left:-6px;transform:rotate(90deg)}.app-frame.scrolled .brand-name,.app-frame.scrolled .app-menu{display:none}.state-message,.inline-error{color:#8d3428;background:#fff3f1;border:1px solid #f0c7c0;border-radius:8px}.state-message{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:13px;display:flex}.state-message p{margin-top:3px;font-size:12px;line-height:1.4}.text-button{min-height:40px;color:var(--violet-dark);background:0 0;border:0;font-size:12px;font-weight:800}.empty-state,.missing-state{text-align:center;align-content:center;place-items:center;gap:12px;min-height:340px;display:grid}.empty-state p,.missing-state p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.5}.empty-mark{width:46px;height:46px;display:block;position:relative}.empty-mark i{background:var(--violet);border-radius:50%;width:20px;height:20px;position:absolute}.empty-mark i:first-child{top:2px;left:2px}.empty-mark i:nth-child(2){background:var(--coral);top:2px;right:2px}.empty-mark i:nth-child(3){background:var(--mint);bottom:2px;left:13px}.primary-button{border:1px solid var(--violet);background:var(--violet);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button:hover{background:var(--violet-dark)}.primary-button:disabled{cursor:wait;opacity:.68}.event-form{gap:18px;display:grid}.form-field{gap:7px;display:grid}.form-field>span{font-size:13px;font-weight:800}.form-field>span small{color:var(--muted);font-weight:500}.form-field input,.form-field textarea{background:var(--surface);width:100%;min-height:46px;color:var(--ink);border:1px solid #d8d5e0;border-radius:8px;padding:11px 12px}.form-field textarea{resize:vertical;min-height:120px;line-height:1.5}.form-field input::placeholder,.form-field textarea::placeholder{color:#918d9c}.inline-error{padding:11px 12px;font-size:13px}.submit-button{width:100%;margin-top:4px}.detail-workspace{padding-top:0}.event-hero{border-bottom:1px solid var(--line);background:var(--surface);margin:0 -20px;padding:30px 20px 24px}.event-hero h1{max-width:560px;font-size:30px}.event-location{color:var(--muted);margin-top:8px;font-size:14px}.detail-list{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:16px;overflow:hidden}.detail-row{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:70px;padding:12px;display:grid}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-row>div{gap:3px;min-width:0;display:grid}.detail-row small{color:var(--muted);font-size:11px}.detail-row p{color:var(--ink);white-space:pre-wrap;line-height:1.5}.detail-icon{border-radius:7px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.detail-icon.coral{color:#a54131;background:var(--soft-coral)}.detail-icon.mint{color:#08775d;background:var(--soft-mint)}.detail-icon.violet{color:var(--violet);background:var(--soft-violet)}.skeleton{background:linear-gradient(90deg,#eeedf1 25%,#f7f6f8 50%,#eeedf1 75%) 0 0/200% 100%;border-radius:7px;animation:1.3s ease-in-out infinite skeleton;display:block}.skeleton-title{width:54%;height:14px}.skeleton-line{width:72%;height:10px}.skeleton-kicker{width:80px;height:10px;margin-bottom:8px}.skeleton-heading{width:min(340px,75%);height:30px;margin-bottom:10px}@keyframes skeleton{to{background-position:-200% 0}}@media (width<=600px){.app-page{padding:0;display:block}.app-frame{width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.app-header{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}.workspace{padding-right:max(14px, env(safe-area-inset-right));padding-bottom:max(88px, calc(env(safe-area-inset-bottom) + 74px));padding-left:max(14px, env(safe-area-inset-left))}.event-hero{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.floating-create{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom))}}@media (width<=380px){.event-row{grid-template-columns:46px minmax(0,1fr) 14px;gap:9px;padding-left:9px;padding-right:9px}.event-marker{width:46px;height:46px}h1{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}