:root{color:#e7e7e9;background:#0a0a0b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#0a0a0b}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.projects-shell{min-height:100vh;background:#0a0a0b}.projects-topbar{position:sticky;top:0;z-index:20;display:grid;height:52px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid #242427;background:#0b0b0deb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;gap:5px;color:#f1f1f2;font-size:15px;font-weight:750;letter-spacing:-.035em;text-decoration:none}.brand img{display:block;width:29px;height:29px}.projects-topbar nav{display:flex;height:100%;align-items:center;gap:25px}.projects-topbar nav>a,.topbar-menu>summary{position:relative;display:flex;height:100%;align-items:center;color:#88888f;font-size:12px;font-weight:560;text-decoration:none;transition:color .12s ease}.projects-topbar nav>a:hover,.projects-topbar nav>a.active,.topbar-menu>summary:hover,.topbar-menu[open]>summary{color:#efeff0}.projects-topbar nav>a.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#8b8bf8;content:""}.topbar-menu{position:relative;height:100%}.topbar-menu>summary{gap:3px;list-style:none;cursor:pointer}.topbar-menu>summary::-webkit-details-marker{display:none}.topbar-menu>summary svg{transition:transform .12s ease}.topbar-menu[open]>summary svg{transform:rotate(180deg)}.topbar-menu-panel{position:absolute;top:44px;left:50%;display:grid;width:320px;max-height:min(70vh,460px);gap:3px;padding:6px;border:1px solid #343438;border-radius:9px;background:#171719;box-shadow:0 18px 48px #00000085;overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%)}.topbar-menu-panel a{display:grid;gap:3px;padding:10px 11px;border-radius:6px;text-decoration:none}.topbar-menu-panel a:hover{background:#252529}.topbar-menu-panel strong{color:#d7d7da;font-size:11px;font-weight:610}.topbar-menu-panel span{color:#707077;font-size:9.5px;line-height:1.4}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.topbar-actions>a{color:#8f8f96;font-size:11px;font-weight:560;text-decoration:none}.topbar-actions>a:hover{color:#eeeef0}.topbar-actions .topbar-signup-link{display:inline-flex;height:30px;align-items:center;padding:0 11px;border:1px solid #6262cf;border-radius:6px;color:#f4f4ff;background:#5555c6}.topbar-actions .topbar-signup-link:hover{border-color:#7676df;color:#fff;background:#6262d2}.topbar-account{display:flex;min-width:0;align-items:center;gap:8px}.topbar-account-mark{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border:1px solid #3a3a40;border-radius:50%;color:#d8d8dc;background:#202024;font-size:10px;font-weight:680}.topbar-account-email{max-width:180px;overflow:hidden;color:#a5a5ab;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.topbar-account button{padding:0;border:0;color:#77777e;background:transparent;font-size:10.5px;cursor:pointer}.topbar-account button:hover{color:#e1e1e4}.topbar-account button:disabled{cursor:default;opacity:.55}.projects-main{width:min(1420px,calc(100% - 72px));margin:0 auto;padding:52px 0 80px}.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.eyebrow{display:block;margin-bottom:10px;color:#6f6f77;font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.projects-heading h1{margin:0;color:#f3f3f4;font-size:clamp(27px,3vw,34px);font-weight:570;letter-spacing:-.035em;line-height:1.1}.projects-heading p{margin:9px 0 0;color:#7e7e86;font-size:13px}.projects-sync-error{margin:18px 0 -18px;color:#f0ae73;font-size:12px}.new-project-button{display:inline-flex;height:36px;align-items:center;gap:8px;padding:0 14px 0 12px;border:1px solid #7272e4;border-radius:7px;color:#fff;background:#5b5bd6;box-shadow:0 1px #ffffff1f inset;font-size:12px;font-weight:620;cursor:pointer;transition:background .12s ease,border-color .12s ease}.new-project-button:hover{border-color:#8585ef;background:#6868df}.projects-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;border-top:1px solid #242427;border-bottom:1px solid #242427}.project-search{display:flex;width:min(360px,44vw);height:34px;align-items:center;gap:9px;padding:0 9px;border:1px solid #2e2e32;border-radius:6px;color:#6f6f76;background:#111113}.project-search:focus-within{border-color:#55555c;color:#a4a4aa}.project-search input{min-width:0;flex:1;border:0;outline:0;color:#dedee1;background:transparent;font-size:12px}.project-search input::-moz-placeholder{color:#626269}.project-search input::placeholder{color:#626269}.project-search input::-webkit-search-cancel-button{display:none}.project-search kbd{display:grid;min-width:20px;height:20px;place-items:center;border:1px solid #303034;border-radius:4px;color:#606067;background:#18181b;font:10px ui-monospace,monospace}.toolbar-right{display:flex;align-items:center;gap:9px}.sort-control{position:relative;display:flex;height:32px;align-items:center;gap:7px;padding-left:10px;border:1px solid #2d2d31;border-radius:6px;color:#67676e;background:#101012;font-size:11px}.sort-control select{height:100%;padding:0 28px 0 0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#b6b6bb;background:transparent;font-size:11px;cursor:pointer}.sort-control svg{position:absolute;right:7px;pointer-events:none}.view-switch{display:flex;padding:2px;border:1px solid #2d2d31;border-radius:6px;background:#101012}.view-switch button{display:grid;width:28px;height:26px;place-items:center;border:0;border-radius:4px;color:#66666d;background:transparent;cursor:pointer}.view-switch button:hover{color:#a8a8ae}.view-switch button[aria-pressed=true]{color:#dedee1;background:#29292d;box-shadow:0 1px 2px #00000059}.projects-section-label{display:flex;align-items:center;gap:8px;padding:24px 1px 14px;color:#a3a3a9;font-size:11px;font-weight:590}.projects-section-label span:last-child{min-width:19px;padding:2px 5px;border-radius:999px;color:#727279;background:#1b1b1e;font:9px ui-monospace,monospace;text-align:center}.project-collection[data-view=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:18px}.project-card{min-width:0}.project-card-open{display:block;width:100%;padding:0;border:1px solid #2b2b2f;border-radius:8px;background:#111113;overflow:hidden;cursor:pointer;transition:border-color .13s ease,transform .13s ease}.project-card-open:hover{border-color:#4a4a50;transform:translateY(-1px)}.project-thumbnail{position:relative;aspect-ratio:16 / 9;background:#141417;overflow:hidden}.project-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-thumbnail-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#3e3e44;background:#151518}.project-thumbnail-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgb(0 0 0 / 38%));opacity:.65}.project-open-mark{position:absolute;right:10px;bottom:9px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;color:#f4f4f5;background:#101012c7;opacity:0;transform:translateY(3px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .13s ease,transform .13s ease}.project-card-open:hover .project-open-mark{opacity:1;transform:translateY(0)}.project-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:11px 1px 0}.project-card-copy{min-width:0}.project-card-title-row{display:flex;min-width:0;align-items:center;gap:6px}.project-card h2{margin:0;overflow:hidden;color:#d8d8dc;font-size:12px;font-weight:590;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.project-card p{margin:4px 0 0;color:#67676e;font-size:10px}.project-pinned{display:inline-flex;flex:0 0 auto;color:#8c8ce7}.project-card time{display:inline-flex;align-items:center;gap:5px;color:#5f5f66;font:9.5px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.project-menu-button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:5px;color:#67676d;background:transparent;cursor:pointer;opacity:0}.project-card:hover .project-menu-button,.project-menu-button:focus-visible{opacity:1}.project-menu-button:hover{color:#d2d2d5;background:#202023}.project-collection[data-view=list]{border-top:1px solid #27272a}.project-card[data-view=list]{display:grid;grid-template-columns:124px minmax(0,1fr);min-height:78px;padding:10px 2px;border-bottom:1px solid #242427}.project-card[data-view=list] .project-card-open{border-radius:5px}.project-card[data-view=list] .project-card-body{padding:0 8px 0 16px}.project-card[data-view=list] .project-open-mark{display:none}.project-card[data-view=list] .project-menu-button{opacity:1}.project-context-menu{position:fixed;z-index:60;width:188px;padding:5px;border:1px solid #343438;border-radius:8px;background:#18181b;box-shadow:0 14px 38px #0000007f}.project-context-menu button{display:flex;width:100%;height:32px;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:5px;color:#bcbcc1;background:transparent;font-size:11px;text-align:left;cursor:pointer}.project-context-menu button:hover{color:#f0f0f1;background:#29292d}.project-context-menu>div{height:1px;margin:4px 5px;background:#2b2b2f}.project-context-menu button.danger{color:#e68b8b}.project-context-menu button.danger:hover{color:#faa;background:#342020}.projects-empty{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #2b2b2f;border-radius:8px;background:#0d0d0f;text-align:center}.empty-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #29292d;border-radius:10px;color:#515158;background:#141416}.projects-empty h2{margin:15px 0 0;color:#c7c7cb;font-size:13px;font-weight:590}.projects-empty p{margin:6px 0 0;color:#64646b;font-size:11px}.projects-empty button{display:inline-flex;align-items:center;gap:7px;margin-top:18px;border:0;color:#9c9cef;background:transparent;font-size:11px;cursor:pointer}.projects-onboarding{min-height:420px;justify-content:flex-start;margin-top:38px;padding:60px 32px 56px}.projects-onboarding .onboarding-action{position:relative;display:inline-flex;margin-top:32px}.projects-onboarding .onboarding-action>.onboarding-primary-action{margin-top:0}.projects-onboarding .onboarding-nudge{position:absolute;top:calc(50% - 10px);left:calc(100% + 24px);display:block;width:340px;padding:11px 16px;border-radius:13px;color:#08111f;background:linear-gradient(180deg,#4fabff,#5f93ff);font-size:12px;line-height:1.5;text-align:center;box-shadow:0 18px 44px #38a3ff38,0 6px 16px #00000073;transform:translateY(-50%) rotate(-1.4deg)}.projects-onboarding .onboarding-nudge strong{color:#08111f;font-size:12.5px;font-weight:740}.projects-onboarding .onboarding-nudge .onboarding-nudge-copy{color:#08111fcc}.projects-onboarding .onboarding-nudge:before{position:absolute;top:calc(50% - 6px);left:-6px;width:12px;height:12px;border-radius:2px;background:#579fff;content:"";transform:rotate(45deg)}.projects-onboarding .onboarding-nudge:after{display:none}.projects-onboarding .onboarding-nudge-avatar{position:absolute;top:-11px;left:-11px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#8ec7ff;background:#0d0d16;box-shadow:0 5px 14px #0000008c}.projects-onboarding .onboarding-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid #2f2f34;border-radius:12px;color:#8b8bf0;background:#151519}.projects-onboarding .onboarding-title{margin:22px 0 0;color:#ededef;font-size:17px;font-weight:600;letter-spacing:-.02em}.projects-onboarding .onboarding-lead{max-width:400px;margin:10px 0 0;color:#7f7f87;font-size:12.5px;line-height:1.6}.projects-onboarding .onboarding-steps{display:grid;width:min(420px,100%);gap:15px;margin:32px 0 0;padding:0;list-style:none;text-align:left}.projects-onboarding .onboarding-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}.projects-onboarding .onboarding-step-number{display:grid;width:24px;height:24px;place-items:center;border:1px solid #35353c;border-radius:50%;color:#bcbcf5;background:#191922;font-size:11px;font-weight:620}.projects-onboarding .onboarding-step-copy strong{display:block;color:#d5d5d9;font-size:12px;font-weight:590}.projects-onboarding .onboarding-step-copy small{display:block;margin-top:3px;color:#6e6e76;font-size:11px;line-height:1.5}.projects-onboarding .onboarding-primary-action{display:inline-flex;height:38px;align-items:center;gap:8px;margin-top:32px;padding:0 18px;border:1px solid #7272e4;border-radius:8px;color:#fff;background:#5b5bd6;box-shadow:0 1px #ffffff1f inset;font-size:12.5px;font-weight:640;cursor:pointer;transition:background .12s ease,border-color .12s ease}.projects-onboarding .onboarding-primary-action:hover{border-color:#8585ef;background:#6868df}.projects-onboarding .onboarding-footnote{margin:18px 0 0;color:#616169;font-size:11px}.projects-onboarding .onboarding-footnote a{color:#9c9cef;text-decoration:none}.projects-onboarding .onboarding-footnote a:hover{text-decoration:underline}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#000000a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-dialog{width:min(420px,100%);border:1px solid #38383d;border-radius:10px;background:#171719;box-shadow:0 24px 70px #00000094}.project-dialog header{display:flex;height:52px;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid #2c2c30}.project-dialog h2{margin:0;color:#e6e6e8;font-size:13px;font-weight:610}.project-dialog header button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:5px;color:#77777e;background:transparent;cursor:pointer}.project-dialog header button:hover{color:#dddde0;background:#29292c}.project-dialog header button:disabled{opacity:.45;cursor:not-allowed;background:transparent}.project-name-field{display:grid;gap:8px;padding:20px 18px 24px;color:#8b8b92;font-size:10px;font-weight:590}.project-name-field input{width:100%;height:36px;padding:0 10px;border:1px solid #3a3a3f;border-radius:6px;outline:0;color:#ededee;background:#0f0f11;font-size:12px}.project-name-field input:focus{border-color:#6666d2;box-shadow:0 0 0 3px #5b5bd61f}.project-name-field input:disabled{opacity:.6;cursor:not-allowed}.dialog-message{margin:0;padding:22px 18px 26px;color:#9999a0;font-size:12px;line-height:1.6}.project-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid #2c2c30}.project-dialog footer button{height:32px;padding:0 12px;border-radius:6px;font-size:11px;font-weight:590;cursor:pointer}.project-dialog footer button:disabled{opacity:.45;cursor:not-allowed}.button-secondary{border:1px solid #37373c;color:#a7a7ad;background:#202023}.button-primary{border:1px solid #6d6ddd;color:#fff;background:#5b5bd6}.button-danger{border:1px solid #8c4141;color:#fff;background:#7e3434}@media(max-width:1040px){.projects-onboarding .onboarding-action{display:flex;flex-direction:column;align-items:center}.projects-onboarding .onboarding-nudge{position:relative;top:auto;left:auto;order:-1;width:auto;max-width:330px;margin-top:34px;transform:rotate(-1.4deg)}.projects-onboarding .onboarding-nudge:before{display:none}.projects-onboarding .onboarding-nudge:after{position:absolute;bottom:-5px;left:50%;display:block;width:12px;height:12px;border-radius:2px;background:#5f93ff;content:"";transform:translate(-50%) rotate(45deg)}.projects-onboarding .onboarding-action>.onboarding-primary-action{margin-top:18px}}@media(max-width:760px){.projects-topbar{grid-template-columns:1fr auto;padding:0 16px}.projects-topbar nav{display:none}.topbar-actions>a:first-child{display:none}.projects-main{width:calc(100% - 32px);padding-top:34px}.projects-heading{align-items:flex-start}.projects-heading p,.new-project-button span{display:none}.new-project-button{width:36px;padding:0;justify-content:center}.projects-onboarding{min-height:0;padding:40px 20px 44px}.projects-toolbar{align-items:stretch;flex-direction:column;padding:12px 0}.project-search{width:100%}.toolbar-right{justify-content:space-between}.project-collection[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.project-card time{display:none}.project-card-body{grid-template-columns:minmax(0,1fr) 28px}}