.referral-invite-anchor{pointer-events:none;width:1px;height:1px;position:absolute}.workspace-sidebar-invite{padding:0 8px 4px}.workspace-sidebar-invite:last-child{padding-bottom:12px}.workspace-sidebar-invite-progress{color:var(--dk-sidebar-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.referral-invite-panel{flex-direction:column;gap:14px;max-height:calc(100vh - 32px);display:flex}.referral-invite-panel>.theme-referral-previews{flex:0 220px;min-height:80px;overflow-y:auto}.referral-friend-joined-heading{flex-direction:column;gap:4px;display:flex}.referral-friend-joined-heading p{color:var(--dk-muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.referral-return-card{gap:18px;width:min(480px,100vw - 32px);max-width:none;padding:28px;position:relative}.referral-return-card-buffy{width:140px;margin:0 auto -4px}.referral-return-card-buffy .buffy-hero{aspect-ratio:1;width:100%}.referral-return-card .theme-referral-prompt-heading{justify-content:center}.referral-return-card .theme-referral-prompt-heading h3{text-align:center;font-size:28px;font-weight:600;line-height:1.2}.referral-return-card .theme-referral-prompt-heading>.icon-button{position:absolute;top:14px;right:14px}.referral-return-card .theme-referral-themes{justify-content:center;margin:-8px 0 0;font-size:0}.referral-return-card .theme-referral-themes>span{border:1px solid var(--dk-border);color:var(--dk-text);border-radius:999px;margin-left:0;padding:2px 9px;font-size:13px}.referral-return-card>.theme-referral-previews{flex:none;overflow:visible}.referral-return-card .theme-referral-previews ul{grid-template-columns:repeat(4,minmax(0,1fr))}.referral-return-card .theme-referral-previews li:nth-child(n+5){display:none}.referral-return-card .theme-referral-prompt-actions>*{flex:1;justify-content:center;min-height:40px;font-size:15px}.referral-return-card .referral-email-invite .button,.referral-return-card .referral-email-invite input{min-height:40px;font-size:15px}
.workspace-referral-invite{border:1px solid var(--dk-border);border-radius:var(--dk-radius-lg,14px);background:var(--dk-surface);color:var(--dk-text);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 12px;margin:16px 0 20px;padding:20px;display:grid;container-type:inline-size}.workspace-referral-invite>*{grid-column:1/-1}.workspace-referral-invite .theme-referral-prompt-heading{align-items:center}.workspace-referral-invite .theme-referral-prompt-heading h3{font-size:18px;font-weight:600;line-height:1.3}.workspace-referral-invite .theme-referral-prompt-heading>.icon-button{margin:-4px -6px -4px 0}.workspace-referral-invite .theme-referral-themes{color:var(--dk-muted);justify-content:flex-start;gap:10px;margin:-6px 0 0;font-size:15px;line-height:1.4}.workspace-referral-invite .theme-referral-themes>span{border:1px solid var(--dk-border);color:var(--dk-text);border-radius:999px;margin-left:0;padding:2px 9px;font-size:13px}.workspace-referral-invite-previews{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.workspace-referral-invite-previews>li{min-width:0}.workspace-referral-invite-previews .appearance-preview{border-radius:8px}.workspace-referral-invite .theme-referral-prompt-actions{grid-column:1;justify-content:flex-start}.workspace-referral-invite .referral-email-invite{grid-column:2;min-width:0}.workspace-referral-invite .theme-referral-copy-error{order:1}.workspace-referral-invite .theme-referral-prompt-actions .button,.workspace-referral-invite .referral-email-invite .button,.workspace-referral-invite .referral-email-invite input{min-height:36px;font-size:14px}@container (max-width:520px){.workspace-referral-invite .theme-referral-prompt-actions,.workspace-referral-invite .referral-email-invite{grid-column:1/-1}.workspace-referral-invite-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}
:is(.workspace-streak-chip,.workspace-sidebar-streak,.workspace-streak-dialog){--streak-red:#ff4d1f;--streak-orange:#ff9a2e;--streak-ember:#ff8a3d;--streak-yellow:#ffd25e}.workspace-streak-week{--streak-slot:22px;gap:6px;margin:0;padding:0;list-style:none;display:flex}.workspace-streak-week--sm{--streak-slot:9px;gap:3px}.workspace-streak-week--lg{--streak-slot:34px;justify-content:center;gap:10px;margin:18px 0 6px}.workspace-streak-slot{corner-shape:round;width:var(--streak-slot);height:var(--streak-slot);border:1.5px solid color-mix(in srgb, var(--dk-text) 14%, transparent);background:color-mix(in srgb, var(--dk-text) 4%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.workspace-streak-slot.is-done{background:radial-gradient(circle at 50% 70%,#ffb547,#ff6a21 70%,#e8431f);border-color:#0000;box-shadow:0 0 10px #ff782859}.workspace-streak-slot.is-done .workspace-streak-slot-flame{filter:brightness(0)invert()drop-shadow(0 0 1px #781e0080);opacity:.95;width:62%;height:62%}.workspace-streak-week--sm .workspace-streak-slot{border-width:1px}.workspace-streak-week--sm .workspace-streak-slot.is-done{box-shadow:none}.workspace-streak-week--sm .workspace-streak-slot-flame{display:none}.workspace-streak-slot.is-today{border:1.5px dashed var(--streak-ember);background:color-mix(in srgb, var(--streak-ember) 8%, transparent)}.workspace-streak-slot.is-today:after{content:"";box-shadow:0 0 0 4px color-mix(in srgb, var(--streak-ember) 16%, transparent);opacity:0;border-radius:50%;animation:2.4s ease-in-out infinite workspace-streak-pending;position:absolute;inset:-5px}.workspace-streak-slot-day{color:var(--dk-faint);font-size:11px;position:absolute;top:calc(100% + 4px)}.workspace-streak-slot.is-done .workspace-streak-slot-day{color:var(--dk-muted)}@keyframes workspace-streak-pending{50%{opacity:1}}.workspace-thread .thread-bottom>button.workspace-streak-chip{flex:none;align-self:center;margin-top:14px}.workspace-streak-chip{box-sizing:border-box;corner-shape:round;max-width:calc(100% - 24px);color:var(--dk-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:5px 11px 5px 9px;font-size:12.5px;line-height:1.3;transition:color .16s;display:inline-flex;position:relative}.workspace-streak-chip:before{content:"";border:1px solid var(--dk-control-border);corner-shape:round;pointer-events:none;border-radius:999px;transition:border-color .16s;position:absolute;inset:0}@media (hover:hover){.workspace-streak-chip:hover{color:var(--dk-text)}.workspace-streak-chip:hover:before{border-color:color-mix(in srgb, var(--streak-ember) 45%, transparent)}}.workspace-streak-chip:focus-visible{outline:2px solid color-mix(in srgb, var(--streak-ember) 50%, transparent);outline-offset:2px}.workspace-streak-chip-flame{flex:none;width:13px;height:13px}.workspace-streak-chip-label{color:var(--dk-text);font-weight:500}.workspace-streak-chip-note{display:none}.workspace-streak-chip .workspace-streak-week--sm{--streak-slot:7px}.workspace-streak-chip .workspace-streak-slot.is-today:after{display:none}.workspace-streak-chip .workspace-streak-slot.is-done{background:var(--streak-ember);box-shadow:none}@media (min-width:900px){.workspace-streak-chip{text-align:left;border-radius:14px;gap:12px;padding:9px 16px 9px 12px;font-size:13px}.workspace-streak-chip:before{border-radius:14px}.workspace-streak-chip-flame{width:22px;height:22px}.workspace-streak-chip-copy{flex-direction:column;gap:1px;display:flex}.workspace-streak-chip-label{font-size:14px}.workspace-streak-chip-note{color:var(--dk-muted);display:block}.workspace-streak-chip .workspace-streak-week--sm{--streak-slot:18px;gap:5px;margin-left:6px}.workspace-streak-chip .workspace-streak-week--sm .workspace-streak-slot{border-width:1.5px}.workspace-streak-chip .workspace-streak-week--sm .workspace-streak-slot-flame{filter:brightness(0)invert();opacity:.9;width:62%;height:62%;display:block}}@keyframes workspace-streak-flicker{0%{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.06,1.1)rotate(1deg)}to{transform:scale(.98,1.03)rotate(2deg)}}.workspace-sidebar-streak{width:calc(100% - 16px);color:var(--dk-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:4px 8px;padding:6px 8px;font-size:12px;display:flex}.workspace-sidebar-streak:hover{background:color-mix(in srgb, var(--dk-text) 5%, transparent);color:var(--dk-text)}.workspace-sidebar-streak:focus-visible{box-shadow:var(--dk-focus-halo);outline:none}.workspace-sidebar-streak-flame{filter:saturate(.55);opacity:.8;flex:none;width:15px;height:15px}.workspace-sidebar-streak.is-lit .workspace-sidebar-streak-flame{filter:none;opacity:1}.workspace-sidebar-streak-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.workspace-sidebar-streak .workspace-streak-slot.is-done{background:color-mix(in srgb, var(--streak-ember) 70%, var(--dk-surface))}.workspace-sidebar-streak .workspace-streak-slot.is-today:after{display:none}.workspace-dialog.workspace-streak-dialog{text-align:center;background:radial-gradient(ellipse 90% 55% at 50% 0%, color-mix(in srgb, var(--streak-ember) 18%, transparent), transparent 70%), var(--dk-surface);width:min(420px,100vw - 32px);overflow:hidden auto}.workspace-streak-dialog h2{margin:8px 0 4px;font-size:22px;font-weight:600}.workspace-streak-dialog p{margin:0}.workspace-streak-dialog-hero{place-items:center;width:92px;height:92px;margin:4px auto 0;display:grid;position:relative}.workspace-streak-dialog-hero:before{content:"";filter:blur(6px);background:radial-gradient(circle,#ff9a2e66,#0000 70%);border-radius:50%;position:absolute;inset:6px}.workspace-streak-dialog-flame{transform-origin:50% 90%;width:76px;height:76px;animation:2.6s ease-in-out infinite alternate workspace-streak-flicker;position:relative}.workspace-streak-dialog-count{color:#3a1405;font-size:22px;font-weight:800;position:absolute;bottom:10px}.workspace-streak-dialog .workspace-streak-week--lg{margin-bottom:26px}.workspace-streak-dialog-today{font-size:13px}.workspace-streak-reward{border:1px solid var(--dk-border);corner-shape:squircle;background:color-mix(in srgb, var(--dk-text) 3%, transparent);text-align:left;border-radius:14px;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex}.workspace-streak-reward.is-earned{border-color:color-mix(in srgb, var(--streak-ember) 40%, var(--dk-border));background:color-mix(in srgb, var(--streak-ember) 8%, transparent)}.workspace-streak-reward-preview{flex:none;width:64px}.workspace-streak-reward-preview>.appearance-preview{border-radius:10px}.workspace-streak-reward:not(.is-earned) .workspace-streak-reward-preview{filter:saturate(.4)brightness(.8)}.workspace-streak-reward-copy{flex-direction:column;flex:auto;min-width:0;font-size:13px;display:flex}.workspace-streak-reward-copy>span{color:var(--dk-muted)}.workspace-streak-reward-in-use{color:var(--streak-ember);white-space:nowrap;flex:none;font-size:13px;font-weight:600}.workspace-streak-reward-action{white-space:nowrap;flex:none}.workspace-streak-reward .workspace-streak-reward-action.primary:not(:disabled){background:linear-gradient(135deg, var(--streak-orange), var(--streak-red));color:#1a0c05;border-color:#0000}.workspace-streak-dialog .workspace-dialog-actions{justify-content:center;margin-top:18px}@media (prefers-reduced-motion:reduce){.workspace-streak-slot.is-today:after,.workspace-streak-dialog-flame{animation:none}}
.modal.new-project-modal{width:min(440px,100vw - 32px);position:relative}.modal.new-project-modal .icon-button.quiet:disabled{background:0 0}.new-project-body{flex-direction:column;gap:16px;display:flex}.new-project-body>input{width:100%}.new-project-sources{flex-wrap:wrap;gap:8px;display:flex}.new-project-sources .btn{border:1px solid var(--border)}.new-project-uploads{border-radius:8px;flex-direction:column;gap:12px;display:flex}.new-project-upload-dropzone{border:1.5px dashed color-mix(in srgb, var(--dk-border,var(--border)) 85%, var(--dk-text,var(--text)));corner-shape:squircle;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 10.5px 14px;transition:border-color .16s,background-color .16s;display:flex}.new-project-uploads.is-dragging .new-project-upload-dropzone{border-style:solid;border-color:var(--dk-accent,var(--accent));background:color-mix(in srgb, var(--dk-accent,var(--accent)) 10%, transparent)}.new-project-upload-dropzone.is-disabled{opacity:.6}.new-project-upload-title{color:var(--dk-muted,var(--muted));font-size:var(--dk-font-size-ui,var(--font-size-ui));font-weight:500;line-height:1.4}.new-project-upload-description{color:var(--dk-faint,var(--faint));font-size:12px;line-height:1.4}.modal .new-project-upload-action{corner-shape:squircle;height:30px;min-height:30px;font-size:var(--dk-font-size-ui,var(--font-size-ui));border-radius:10px;margin-top:10px;padding:0 12px}@supports not (corner-shape:squircle){.new-project-upload-dropzone{border-radius:12px}}.new-project-source-toggle{flex-shrink:0;width:100%;display:flex}.new-project-source-toggle .segmented-button{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.new-project-reading,.new-project-upload-progress{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.new-project-reading>span:first-child{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex-basis:100%;overflow:hidden}.new-project-reading progress,.new-project-upload-progress progress{min-width:80px;height:6px;accent-color:var(--text);flex:1}.new-project-upload-progress progress[value]{appearance:none;background:var(--border);border:0;border-radius:3px;overflow:hidden}.new-project-upload-progress progress[value]::-webkit-progress-bar{background:var(--border)}.new-project-upload-progress progress[value]::-webkit-progress-value{background:var(--text);border-radius:3px}.new-project-upload-progress progress[value]::-moz-progress-bar{background:var(--text);border-radius:3px}.new-project-upload-list{max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.new-project-upload-list li{align-items:center;gap:8px;display:flex}.new-project-upload-list li>span{overflow-wrap:anywhere;min-width:0;color:var(--text);flex:1;font-size:12px}.new-project-source{color:var(--muted);align-items:center;gap:8px;display:flex}.new-project-source>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.new-project-template{flex-direction:column;gap:14px;display:flex}.new-project-template-preview{aspect-ratio:16/10;border:1px solid var(--border);corner-shape:squircle;background:var(--surface-2);border-radius:14px;display:block;overflow:hidden}.new-project-template-preview img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.new-project-template-body{align-items:flex-start;gap:8px;display:flex}.new-project-template-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.new-project-template-name{font-size:13px;font-weight:600}.new-project-template-description{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.new-project-template-body .icon-button{flex-shrink:0;margin:-6px 0 0}.new-project-body .github-repo-picker{width:100%;max-height:none;overflow:visible}.new-project-body .github-repo-list{max-height:200px}.new-project-field{flex-direction:column;gap:9px;font-size:13px;font-weight:500;display:flex}.new-project-modal .modal-foot{justify-content:flex-end;align-items:center;gap:16px;padding:4px 16px 20px;display:flex}.new-project-field input{width:100%;min-width:0}.new-project-help{color:var(--muted);margin:-8px 0 0;font-size:12px;line-height:1.55}.new-project-error{color:var(--danger,#e67373);margin:0;font-size:13px}.new-project-github .github-repo-list{border:1px solid var(--border);border-radius:calc(var(--settings-control-radius) + 4px);corner-shape:squircle;max-height:168px;padding:4px;font-weight:400}.new-project-github .github-repo-list p{color:var(--muted);margin:0;padding:8px;line-height:1.5}.new-project-github-connect{border:1px solid var(--border);border-radius:calc(var(--settings-control-radius) + 4px);corner-shape:squircle;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 12px;font-weight:400;display:flex}.new-project-github-connect p{color:var(--muted);margin:0;line-height:1.5}.new-project-github-connect button{flex-shrink:0}.new-project-github-connect-button{align-self:flex-start}.new-project-github-branch{justify-content:space-between;align-items:center;gap:12px;display:flex}