/* Personal and workspace experiences share one visual language. */
.sidebar-brand{padding-bottom:23px}.sidebar-nav .nav-group{margin-bottom:21px}.sidebar-nav .nav-group>small{letter-spacing:.1em;font-size:7.5px;line-height:1.5}.sidebar-nav .nav-group a{font-size:10px;padding-block:9px}.nav-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 12px 12px;border-top:1px solid #ffffff20;font-size:11px;font-weight:800}.nav-workspace-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{display:inline-flex;align-items:center;width:max-content;white-space:nowrap;gap:4px;border:1px solid var(--line);background:var(--cream);color:var(--muted);font-size:9px;font-weight:800;padding:6px 9px;border-radius:30px}.role-badge.role-hr{color:#40664e;background:#e4efd3;border-color:#cbdcb9}.sidebar .role-badge{font-size:7px;padding:4px 7px;background:#ffffff0d;border-color:#ffffff28;color:#cbded2}.sidebar .role-badge.role-hr{background:#d9ed9120;color:#d9ed91;border-color:#d9ed9140}.sidebar-team-empty{margin:15px 9px;padding:19px 12px;background:#ffffff0a;border:1px dashed #b8d1c040;border-radius:12px}.sidebar-team-empty>span{font-size:12px;font-weight:800;color:#d9ed91}.sidebar-team-empty p{color:#aec6b9;font-size:10px;line-height:1.6}.sidebar-team-empty a{font-size:10px;font-weight:700}.sidebar-bottom .profile-mini{font-size:9px}.sidebar-bottom b{max-width:130px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switch b{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.back-button{background:var(--paper);color:var(--ink);border:1px solid var(--line);font-size:11px;padding:12px 15px}.member-view-label,.privacy-pill{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:30px;font-size:9px;color:var(--muted);padding:8px 11px}.preview-note{font-size:10px;color:var(--muted);line-height:1.8;margin:24px 0 0}.inline-error{color:#ae4d43;font-size:11px;line-height:1.6;margin:12px 0}.inline-error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.onboarding-page{min-height:100vh;padding:155px max(26px,calc((100vw - 1260px)/2)) 85px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start;color:var(--ink);background:radial-gradient(ellipse at 0 20%,#cee5cf77,transparent 40%),radial-gradient(ellipse at 100% 90%,#d9d3f344,transparent 50%),var(--cream)}.public-nav:has(+ .onboarding-page),.public-nav:has(+ .invite-landing){color:var(--ink);background:var(--cream)}.onboarding-intro h1{font-size:clamp(45px,4.5vw,66px);letter-spacing:-.035em;line-height:1.1;margin:20px 0 24px}.onboarding-intro h1 em{color:#679078}.onboarding-intro>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}.onboarding-benefits{margin-top:40px;display:grid;gap:23px}.onboarding-benefits>div{display:grid;grid-template-columns:40px 1fr;column-gap:14px}.onboarding-benefits span{grid-row:span 2;font-size:26px;color:#72977c}.onboarding-benefits b{font-size:12px}.onboarding-benefits p{font-size:11px;color:var(--muted);margin:5px 0;line-height:1.6}.onboarding-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow)}.setup-progress{display:flex;align-items:center;gap:12px;margin-bottom:35px}.setup-progress>span{font-size:9px;font-weight:800;color:var(--muted);white-space:nowrap}.setup-progress>i{height:1px;flex:1;background:var(--line)}.setup-progress>span.current{color:var(--ink)}.setup-progress>span.complete{color:#729877}.onboarding-card h2{font-size:31px;letter-spacing:-.035em;line-height:1.2;margin:14px 0}.onboarding-card form>p{font-size:12px;color:var(--muted);line-height:1.7}.intent-options{display:grid;gap:12px;margin:27px 0}.intent-card{display:grid;grid-template-columns:38px 1fr;gap:6px 13px;position:relative;padding:21px 42px 21px 18px;border:1px solid var(--line);border-radius:13px;cursor:pointer;transition:background .2s,border-color .2s}.intent-card input{position:absolute;right:16px;top:20px;accent-color:#608773;width:16px;height:16px}.intent-card:has(input:checked){border-color:#7eaa86;background:#edf3e7;box-shadow:0 0 0 1px #7eaa86}.intent-icon{grid-row:span 3;font-size:26px;color:#608773}.intent-card strong{font-size:13px}.intent-card>span:not(.intent-icon){font-size:11px;color:var(--muted);line-height:1.65}.intent-card small{font-size:9px;color:#698b75;margin-top:4px}.onboarding-card .full{width:100%;justify-content:space-between;font-size:12px}.onboarding-card label:not(.intent-card),.app-content form label{display:block;margin:18px 0 8px;font-size:11px;font-weight:800}.onboarding-card input:not([type=radio]),.onboarding-card select,.app-content form input,.app-content form select,.app-content form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:13px 14px;font-family:inherit;font-size:12px}.onboarding-card input:focus,.onboarding-card select:focus,.app-content form input:focus,.app-content form select:focus,.app-content form textarea:focus{outline:2px solid #84a98c;outline-offset:1px}.onboarding-card small,.app-content form label small{font-weight:400;color:var(--muted)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setup-reassurance{font-size:11px;line-height:2.3;background:var(--cream);padding:18px 21px;border-radius:12px;color:var(--muted);margin:23px 0}.onboarding-card .form-actions{justify-content:space-between;gap:12px}.onboarding-card .form-actions button{font-size:11px}.invite-context{border:1px solid var(--line);background:var(--cream);border-radius:11px;padding:16px;line-height:1.8;font-size:11px;margin-bottom:26px;color:var(--muted)}
.spaces-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.space-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:31px;text-align:left;color:var(--ink);font-family:inherit;transition:transform .2s,box-shadow .2s;display:block}.space-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.space-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.space-card .space-icon{width:52px;height:52px;font-size:23px;margin:0 0 17px}.space-card h2{font-size:29px;letter-spacing:-.03em;line-height:1.3;margin:16px 0}.space-card p{color:var(--muted);font-size:12px;line-height:1.8;max-width:390px;min-height:44px}.space-card-link{font-size:11px;font-weight:800;display:block;margin-top:25px;color:#639374}.personal-space-card{background:linear-gradient(135deg,#edf4e8,var(--paper))}.join-hint,.team-setup-banner{display:flex;align-items:center;gap:20px;margin:23px 0;padding:24px;border-radius:15px;background:var(--paper);border:1px solid var(--line)}.join-hint>span,.team-setup-banner>span{font-size:31px;color:#83a687}.join-hint h3,.team-setup-banner h3{font-size:14px;margin:0 0 7px}.join-hint p,.team-setup-banner p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.join-hint>a,.team-setup-banner>a{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800}.join-card h2{font-size:30px;letter-spacing:-.03em}.join-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:26px}.join-card form .button{margin-top:18px}.space-empty{text-align:center;padding:32px 20px}.space-empty>span{font-size:35px;color:#94ae94;display:block;margin:5px 0 14px}.space-empty h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px}.space-empty p{font-size:11px;color:var(--muted);line-height:1.8;max-width:350px;margin:0 auto 14px}.personal-space-mark{font-size:75px;color:#679c75;margin:23px 0;text-align:right}.real-task-table{overflow-x:auto}.real-task-heading,.real-task-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 90px;align-items:center;gap:13px}.real-task-table:has(.real-task-heading>span:nth-child(4)) .real-task-heading,.real-task-table:has(.real-task-heading>span:nth-child(4)) .real-task-row{grid-template-columns:minmax(190px,1.5fr) minmax(100px,.8fr) 90px 90px;min-width:560px}.real-task-heading{font-size:8px;letter-spacing:.09em;color:var(--muted);font-weight:800;padding:14px 0}.real-task-row{border-top:1px solid var(--line);padding:17px 0;font-size:10px;color:var(--muted);min-height:75px}.real-task-row>span:first-child{display:grid;grid-template-columns:17px 1fr;gap:6px 11px}.real-task-row b{color:var(--ink);font-size:11px;line-height:1.6}.real-task-row .check-circle{grid-row:span 2;margin-top:2px}.real-task-row small{grid-column:2;color:var(--muted);font-size:8px}.task-status{display:inline-block;width:max-content;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:800}.status-todo{background:#eeeafa;color:#776999}.status-progress{background:#faead9;color:#956b47}.status-done{background:#e1edda;color:#5d8158}.team-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.workload-row{display:flex;gap:12px;align-items:center;margin:22px 0}.person-avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:800;background:#dce8cd;color:#3a5946;flex-shrink:0}.workload-row b{font-size:10px;flex:1;min-width:80px;line-height:1.5}.workload-row>span:last-child{font-size:11px;width:13px}.workload-track{height:6px;width:32%;background:var(--line);border-radius:6px;overflow:hidden}.workload-track>i{display:block;height:100%;background:#87b58a;border-radius:6px}.activity-item{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.activity-item>span{color:#86ad87}.activity-item p{font-size:11px;line-height:1.8;margin:0 0 5px}.activity-item small{font-size:9px;color:var(--muted)}.goal-create h2{font-size:25px;letter-spacing:-.03em}.goal-create>.button{margin-top:23px;font-size:11px}.goal-progress-form{display:flex;align-items:end;gap:10px}.goal-progress-form label{flex:1}.goal-progress-form input{max-width:100px}.goal-progress-form .button{margin-bottom:8px}.calendar-tools{display:flex;gap:7px}.calendar-tools button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:7px;padding:9px;font-size:10px}.calendar-tools .selected{background:var(--cream);color:var(--ink);font-weight:800}.calendar-grid a.cal-event{line-height:1.5}.project-task-title{margin-top:35px}.task-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.detail-description{font-size:13px;line-height:1.9;white-space:pre-wrap;margin:18px 0 30px}.task-detail-meta{display:flex;gap:25px;padding:24px 0;border-block:1px solid var(--line)}.task-detail-meta>div{flex:1}.task-detail-meta small,.task-detail-meta b{display:block}.task-detail-meta small{font-size:8px;color:var(--muted);margin-bottom:9px;letter-spacing:.09em}.task-detail-meta b{font-size:11px;line-height:1.6}.inline-form{margin-top:25px}.inline-form>.button{margin-top:18px}.comment-list article{padding:15px 0;border-bottom:1px solid var(--line)}.comment-list b{font-size:10px}.comment-list p{font-size:12px;white-space:pre-wrap;line-height:1.7}.task-detail-grid textarea{min-height:100px;resize:vertical}.task-detail-grid form>.button{margin-top:18px}.member-card>.person-avatar{width:65px;height:65px;font-size:20px}.member-card .role-badge{margin-top:15px}.you-label{display:inline-block;font-size:9px;color:var(--muted);margin-left:8px}.invitation-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.invitation-row>div{flex:1;min-width:0}.invitation-row b,.invitation-row small{display:block}.invitation-row b{font-size:11px;overflow-wrap:anywhere}.invitation-row small{font-size:9px;color:var(--muted);line-height:1.6;margin-top:6px}.invite-status{font-size:9px;color:var(--muted);text-transform:capitalize}.invitation-row .button{font-size:9px;padding:10px}.quiet-button{border:0;background:none;color:var(--muted);font-size:10px}.invite-permissions{background:var(--cream);border:1px solid var(--line);padding:19px;border-radius:11px;margin:22px 0}.invite-permissions b{font-size:12px}.invite-permissions p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}.copy-invite-field{width:100%;padding:15px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin-bottom:20px;border-radius:10px}.invite-landing{min-height:100vh;padding:140px 24px 70px;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,#dceccd66,transparent 60%),var(--cream)}.invite-accept-card{max-width:680px;margin:auto;padding:55px;text-align:center}.invite-orbit{font-size:70px;display:block;color:#7da789;margin-bottom:23px}.invite-accept-card h1{font-size:48px;line-height:1.18;letter-spacing:-.025em}.invite-accept-card h1 em{color:#78967b}.invite-accept-card>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:30px}.invite-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.invite-accept-card .button{font-size:11px}.completion-display{padding:30px 0;display:flex;flex-direction:column;gap:10px}.completion-display strong{font-size:65px;letter-spacing:-.04em}.completion-display>span{font-size:11px;color:var(--muted)}.status-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:10px;color:var(--muted)}.status-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.workspace-chat{padding:0;overflow:hidden}.workspace-chat .chat-bubbles{min-height:300px}.team-message{max-width:75%;align-self:flex-start}.team-message.mine{align-self:flex-end;text-align:right}.team-message small{font-size:9px;color:var(--muted)}.team-message p{max-width:100%;text-align:left;background:var(--cream);padding:13px 17px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0;font-size:12px}.team-message.mine p{background:#dceecf;color:#294637}.workspace-chat>form{display:flex;align-items:center;gap:10px;padding:20px;border-top:1px solid var(--line)}.workspace-chat>form .button{flex-shrink:0}.permission-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.permission-cards h2{font-size:27px;letter-spacing:-.03em}.permission-cards p{font-size:12px;line-height:1.9;color:var(--muted)}.access-person{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.access-person b{font-size:11px;flex:1}.notification-update{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.notification-update>span{color:#88a389;font-size:24px}.notification-update b{font-size:12px}.notification-update p{color:var(--muted);font-size:10px;margin-bottom:0}.knowledge-answer{text-align:left;border:1px solid var(--line);background:var(--paper);padding:25px;border-radius:15px;margin-top:20px}.knowledge-answer p{font-size:13px;line-height:1.8}.knowledge-answer a{display:block;font-size:11px;color:var(--green);margin:10px 0}
:root[data-theme=dark] .onboarding-page,:root[data-theme=dark] .invite-landing{background:radial-gradient(ellipse at 0 20%,#24483d77,transparent 50%),var(--cream)}:root[data-theme=dark] .intent-card:has(input:checked){background:#284839;border-color:#85aa80}:root[data-theme=dark] .intent-card small{color:#b8cfac}:root[data-theme=dark] .onboarding-intro h1 em,:root[data-theme=dark] .invite-accept-card h1 em{color:#b4d0a6}:root[data-theme=dark] .personal-space-card{background:linear-gradient(130deg,#2b453b,var(--paper))}:root[data-theme=dark] .role-badge.role-hr{background:#344d37;color:#d8eabb;border-color:#668360}:root[data-theme=dark] .status-todo{background:#3c3853;color:#dbd2fa}:root[data-theme=dark] .status-progress{background:#503e30;color:#f3d4ae}:root[data-theme=dark] .status-done{background:#314d37;color:#c6e5ba}:root[data-theme=dark] .inline-error{color:#efb1a3}:root[data-theme=dark] .team-message.mine p{background:#345c4b;color:#edf6e8}:root[data-theme=dark] .space-card-link{color:#b4d0a6}:root[data-theme=dark] .sidebar .role-badge.role-hr{background:#d9ed9120;color:#d9ed91;border-color:#d9ed9140}
:root[data-theme=dark] :is(.onboarding-page,.invite-landing,.app-content,.task-drawer) .eyebrow{color:#b7cdb7}
:root[data-theme=dark] :is(.onboarding-card,.invite-accept-card,.create-form,.task-drawer) .dark-button{background:#d9ed91;color:#233d30;border-color:#d9ed91}
@media(max-width:1100px){.onboarding-page{gap:35px;padding-inline:35px}.onboarding-card{padding:28px}.team-overview-grid,.task-detail-grid{grid-template-columns:1fr}.page-head .head-actions{flex-wrap:wrap;justify-content:flex-end;max-width:210px}}
@media(max-width:850px){.onboarding-page{grid-template-columns:1fr;padding-top:125px;gap:28px;max-width:780px;margin:auto}.onboarding-intro h1{font-size:49px}.onboarding-benefits{display:none}.onboarding-intro>p{max-width:100%}.onboarding-intro h1 br{display:none}.spaces-list{gap:15px}.space-card{padding:24px}.app-header .role-badge{display:none}.team-setup-banner{flex-wrap:wrap}.team-setup-banner>a{margin-left:52px}.sidebar-bottom b{max-width:140px}}
@media(max-width:620px){.onboarding-page{padding:115px 20px 50px}.onboarding-intro h1{font-size:40px}.onboarding-card{padding:24px 20px;border-radius:17px}.onboarding-card h2{font-size:27px}.intent-card{padding-left:14px}.field-pair,.spaces-list,.permission-cards{grid-template-columns:1fr}.onboarding-card .form-actions{flex-wrap:wrap}.onboarding-card .form-actions .dark-button{flex:1}.spaces-list .space-card h2{font-size:25px}.join-hint{flex-wrap:wrap}.join-hint>a{margin-left:50px}.real-task-heading,.real-task-row{min-width:410px}.invitation-row{flex-wrap:wrap;gap:10px}.invitation-row>div{flex-basis:calc(100% - 75px)}.invite-accept-card{padding:33px 23px}.invite-accept-card h1{font-size:37px}.invite-actions{flex-direction:column}.workspace-chat>form{padding:13px}.workspace-chat>form .button{padding:13px 11px}.calendar-panel .panel-title{align-items:start;flex-direction:column;gap:15px}.calendar-grid>div{min-height:86px}.real-task-table{margin-inline:-4px}.app-content .page-head .head-actions{max-width:none;justify-content:flex-start;margin-top:20px}.head-actions .button{margin-top:0}.task-detail-meta{gap:14px}.task-detail-meta b{font-size:10px}.status-legend{gap:12px}.create-form{padding:25px}.invite-permissions{padding:15px}}
.drawer-links h3{font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:25px 0 9px}.task-drawer-backdrop{position:fixed;inset:0;background:#091a1abb;z-index:90;display:flex;justify-content:flex-end}.task-drawer{width:min(760px,100%);height:100%;background:var(--cream);color:var(--ink);box-shadow:-20px 0 80px #0003;display:flex;flex-direction:column}.task-drawer>header{display:flex;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0}.task-drawer>header a{margin-left:auto;font-size:10px;font-weight:800}.task-drawer>header button{border:0;color:var(--ink);background:var(--cream);width:30px;height:30px;border-radius:50%;font-size:22px}.task-drawer-body{overflow:auto;padding:30px;overscroll-behavior:contain}.task-drawer .page-head h1{font-size:32px;line-height:1.3}.task-drawer .task-detail-grid{grid-template-columns:1fr}.task-drawer form label{display:block;margin:18px 0 8px;font-size:11px;font-weight:800}.task-drawer select,.task-drawer textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:13px 14px;font:inherit;font-size:12px}.profile-links{flex-wrap:wrap}.profile-avatar{font-size:24px}
@media(max-width:620px){.task-drawer-body{padding:22px 18px}.task-drawer>header{padding:18px}.task-drawer .page-head h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.space-card,.intent-card{transition:none}}