:root{--text: #172b4d;--subtle: #44546f;--faint: #626f86;--brand-teal: #1ca9a6;--brand-navy: #2a4e7e;--brand-charcoal: #303030;--blue: #2a4e7e;--blue-hover: #223f66;--focus: #1ca9a6;--list-bg: #f1f2f4;--hover-wash: #091e4224;--soft-wash: #091e420f;--overlay: #091e427d;--green: #22a06b;--red: #c9372c;--line: #dfe1e6;--card-shadow: 0 1px 1px #091e4240, 0 0 1px #091e424f;--pop-shadow: 0 8px 12px #091e4226, 0 0 1px #091e424f}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:var(--text)}body.dragging,body.dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.app{height:100vh;display:flex;flex-direction:column;transition:background .4s ease}.app-header{height:48px;flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;background:#00000029;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.app-logo{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;margin-right:8px}.app-logo-badge{width:28px;height:28px;background:#fff;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:none}.app-logo-badge img{width:22px;height:22px;object-fit:contain}.app-header-btn{color:#fff;padding:6px 10px;border-radius:4px;font-weight:500;transition:background .12s ease}.app-header-btn:hover{background:#fff3}.app-header-spacer,.board-header-spacer{flex:1}.app-search{width:220px;height:32px;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.4);background:#ffffff2e;color:#fff;outline:none;transition:background .15s ease,width .2s ease}.app-search::placeholder{color:#ffffffbf}.app-search:focus{background:#fff;color:var(--text);width:280px}.app-search:focus::placeholder{color:var(--faint)}.board-header{height:56px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;color:#fff}.board-title{font-size:18px;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s ease}.board-title:hover{background:#fff3}.board-title-input{font-size:18px;font-weight:700;padding:4px 10px;border-radius:6px;border:none;outline:2px solid var(--focus);width:260px}.view-switch{display:flex;background:#ffffff29;border-radius:6px;padding:2px;gap:2px}.view-switch-btn{color:#fff;padding:5px 14px;border-radius:5px;font-weight:600;font-size:13px;transition:background .14s ease,color .14s ease}.view-switch-btn:hover{background:#fff3}.view-switch-btn.is-active{background:#fff;color:var(--brand-navy)}.board-header-btn{color:#fff;padding:6px 12px;border-radius:4px;font-weight:500;background:#ffffff29;transition:background .12s ease}.board-header-btn:hover{background:#ffffff47}.board-menu-btn{font-size:16px;padding:4px 10px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex:none;letter-spacing:.3px}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack .avatar{margin-left:-4px;box-shadow:0 0 0 2px #ffffffe6}.avatar-stack .avatar:first-child{margin-left:0}.avatar-extra{background:#dcdfe4;color:var(--subtle)}.btn{padding:7px 14px;border-radius:3px;font-weight:500;transition:background .12s ease,transform 80ms ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover)}.btn-ghost{color:var(--subtle)}.btn-ghost:hover{background:var(--hover-wash)}.btn-subtle{background:var(--soft-wash);color:var(--text)}.btn-subtle:hover{background:var(--hover-wash)}.btn-full{display:block;width:100%;margin-top:8px;text-align:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--subtle);flex:none;transition:background .12s ease}.icon-btn:hover{background:var(--hover-wash)}.link-btn{text-decoration:underline;color:inherit;padding:0}.field{width:100%;padding:8px 10px;border:1px solid #8590a2;border-radius:3px;outline:none;margin-bottom:8px;transition:border-color .12s ease,box-shadow .12s ease}.field:focus,.field.is-target{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.field-label{font-size:12px;font-weight:600;color:var(--subtle);margin:4px 0}.field-error{color:var(--red);font-size:12px;margin:-4px 0 8px}.hint-line{font-size:11.5px;color:var(--faint);margin:2px 0 4px}.empty-hint{color:var(--faint);font-size:13px;padding:6px 0}.check-row{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin:8px 0 6px;cursor:pointer}.chev{display:inline-flex;transition:transform .15s ease}.board-canvas{flex:1;min-height:0;display:flex;align-items:flex-start;gap:12px;padding:8px 12px 12px;overflow-x:auto;overflow-y:hidden}.board-canvas::-webkit-scrollbar{height:12px}.board-canvas::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:6px}.board-canvas::-webkit-scrollbar-track{background:#0000001f;border-radius:6px}.list{width:272px;flex:none;max-height:100%;display:flex;flex-direction:column;background:var(--list-bg);border-radius:12px;padding:8px;box-shadow:var(--card-shadow)}.list-placeholder{width:272px;flex:none;background:var(--hover-wash);border-radius:12px}.list-header{display:flex;align-items:center;gap:4px;padding:2px 4px 8px;cursor:grab}.list-name{flex:1;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer}.list-name-input{flex:1;font-weight:600;padding:4px 8px;border-radius:4px;border:none;outline:2px solid var(--focus);min-width:0}.list-menu-btn{font-size:16px}.list-cards{overflow-y:auto;min-height:4px;display:flex;flex-direction:column;gap:8px;padding:2px 4px;scrollbar-width:thin}.list-cards::-webkit-scrollbar{width:8px}.list-cards::-webkit-scrollbar-thumb{background:var(--hover-wash);border-radius:4px}.card{position:relative;background:#fff;border-radius:8px;box-shadow:var(--card-shadow);padding:8px 12px;cursor:pointer;animation:card-in .18s ease-out}.card:hover{outline:2px solid var(--blue);outline-offset:-2px}.card.is-ghost{animation:none;box-shadow:0 12px 24px #091e4259,0 0 1px #091e424f}.card-placeholder{flex:none;background:var(--hover-wash);border-radius:8px}.card-strip{height:8px;border-radius:8px 8px 0 0;margin:-8px -12px 8px}.card-title{overflow-wrap:break-word}.card-badges{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:3px;color:var(--faint);font-size:12px}.due-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 6px;border-radius:3px;color:var(--faint);transition:background .14s ease,color .14s ease}.due-chip:hover{background:var(--hover-wash)}.due-chip.is-complete{background:var(--green);color:#fff;animation:chip-pop .3s ease}.due-chip.is-overdue{background:var(--red);color:#fff}.card-avatars{display:flex;justify-content:flex-end;gap:4px;margin-top:8px}.card-edit-btn{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:6px;display:none;align-items:center;justify-content:center;background:var(--list-bg);color:var(--subtle)}.card:hover .card-edit-btn{display:inline-flex}.card-edit-btn:hover{background:#dcdfe4}.add-card-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px;margin-top:4px;border-radius:8px;color:var(--subtle);font-weight:500;transition:background .12s ease}.add-card-btn:hover{background:var(--hover-wash);color:var(--text)}.composer{margin-top:4px}.composer-textarea{width:100%;border:none;border-radius:8px;box-shadow:var(--card-shadow);padding:8px 12px;resize:none;outline:none;display:block}.composer-textarea:focus{outline:2px solid var(--focus);outline-offset:-2px}.composer-input{width:100%;border:none;border-radius:6px;padding:8px 12px;outline:2px solid var(--focus);display:block}.composer-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.add-list-btn{width:272px;flex:none;display:flex;align-items:center;gap:6px;padding:12px 16px;border-radius:12px;background:#ffffff3d;color:#fff;font-weight:500;transition:background .12s ease}.add-list-btn:hover{background:#ffffff59}.add-list-composer{padding:8px}.drag-ghost{position:fixed;top:0;left:0;z-index:999;pointer-events:none;will-change:transform}.drag-ghost .list{max-height:70vh;box-shadow:0 12px 24px #091e4259}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:48px 16px 80px;animation:fade-in .15s ease}.modal{position:relative;width:768px;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 24px #091e4259;animation:modal-pop .18s ease-out}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;font-size:15px;z-index:2}.modal-header{display:flex;gap:12px;padding:20px 56px 8px 24px}.modal-header-icon{font-size:18px;color:var(--subtle);margin-top:4px}.modal-header-text{flex:1;min-width:0}.modal-title-input{width:100%;font-size:20px;font-weight:600;border:none;border-radius:4px;padding:2px 6px;margin-left:-6px;outline:none;background:transparent}.modal-title-input:hover{background:var(--soft-wash)}.modal-title-input:focus{background:#fff;outline:2px solid var(--focus)}.modal-subtitle{color:var(--subtle);font-size:13px;margin-top:2px}.modal-body{display:flex;gap:16px;padding:8px 24px 24px}.modal-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.modal-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:10px}.h3-hint{font-weight:400;color:var(--faint);font-size:12px}.h3-action{margin-left:auto}.member-avatars{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.round-add-btn{width:32px;height:32px;border-radius:50%;background:var(--soft-wash);color:var(--subtle);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.round-add-btn:hover{background:var(--hover-wash)}.dates-row{display:flex;align-items:center;gap:10px}.due-check input{width:16px;height:16px;cursor:pointer;accent-color:var(--blue)}.date-chip{display:inline-flex;align-items:center;gap:8px;background:var(--soft-wash);padding:7px 12px;border-radius:3px;font-weight:500;transition:background .12s ease}.date-chip:hover{background:var(--hover-wash)}.pill{font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px;color:#fff}.pill-complete{background:var(--green)}.pill-overdue{background:var(--red)}.desc-prompt{display:block;width:100%;text-align:left;background:var(--soft-wash);color:var(--subtle);font-weight:500;padding:14px 12px 28px;border-radius:4px;transition:background .12s ease}.desc-prompt:hover{background:var(--hover-wash)}.desc-view{cursor:pointer;border-radius:4px;padding:4px 6px;margin:-4px -6px;line-height:1.5}.desc-view:hover{background:var(--soft-wash)}.desc-view p{margin-bottom:8px}.desc-view h4{margin:8px 0 6px}.desc-view ul{padding-left:20px;margin-bottom:8px}.desc-view code{background:var(--soft-wash);padding:1px 5px;border-radius:3px;font-size:12.5px}.desc-view a{color:var(--blue)}.desc-editor textarea{width:100%;border:none;border-radius:4px;outline:2px solid var(--focus);padding:10px 12px;resize:vertical;line-height:1.5}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-row{display:flex;align-items:center;gap:12px;padding:6px 8px;margin:0 -8px;border-radius:6px;transition:background .12s ease}.attachment-row:hover{background:var(--soft-wash)}.attachment-thumb{width:64px;height:48px;flex:none;background:var(--list-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--subtle)}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:600;color:var(--text);text-decoration:none;overflow-wrap:anywhere}.attachment-name:hover{text-decoration:underline}.attachment-meta{font-size:12px;color:var(--faint);margin-top:2px}.modal-sidebar{width:168px;flex:none;display:flex;flex-direction:column;gap:8px}.modal-sidebar h4{font-size:12px;font-weight:600;color:var(--faint);margin:4px 0 0}.sidebar-btn{display:flex;align-items:center;gap:8px;width:100%;background:var(--soft-wash);padding:8px 12px;border-radius:3px;font-weight:500;text-align:left;transition:background .12s ease,transform 80ms ease}.sidebar-btn:hover{background:var(--hover-wash)}.sidebar-btn:active{transform:scale(.98)}.swatch-dot{width:14px;height:14px;border-radius:4px;flex:none}.popover{position:fixed;z-index:1500;background:#fff;border-radius:8px;box-shadow:var(--pop-shadow);animation:pop-in .15s ease-out}.popover-head{position:relative;text-align:center;font-size:14px;font-weight:600;color:var(--subtle);padding:10px 36px;border-bottom:1px solid var(--line)}.popover-head .icon-btn{position:absolute;right:6px;top:5px}.popover-body{padding:12px;max-height:70vh;overflow-y:auto}.popover-footer{margin-top:4px}.menu-list{display:flex;flex-direction:column;margin:-4px}.menu-item{text-align:left;padding:8px 12px;border-radius:4px;transition:background .1s ease}.menu-item:hover{background:var(--soft-wash)}.menu-item.is-active{background:#e9f2ff;color:var(--blue);font-weight:600}.menu-item.is-danger{color:var(--red)}.menu-sep{border:none;border-top:1px solid var(--line);margin:6px 8px}.member-pick-list{display:flex;flex-direction:column;gap:2px}.member-pick-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;text-align:left;transition:background .1s ease}.member-pick-row:hover{background:var(--soft-wash)}.member-pick-row.is-active{background:#e9f2ff}.member-pick-name{flex:1}.mini-cal-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:8px}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.mini-cal-dow{text-align:center;font-size:11px;font-weight:600;color:var(--faint);padding:2px 0}.mini-cal-day{aspect-ratio:1;border-radius:4px;font-size:12.5px;transition:background .1s ease}.mini-cal-day:hover{background:var(--hover-wash)}.mini-cal-day.is-out{color:#b3b9c4}.mini-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--blue);font-weight:700}.mini-cal-day.is-weekend{background:#f7f8f9;color:var(--faint)}.mini-cal-day.is-range{background:#e9f2ff}.mini-cal-day.is-selected{background:var(--blue);color:#fff;font-weight:700}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:4px}.swatch{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .1s ease,box-shadow .1s ease}.swatch:hover{transform:scale(1.06)}.swatch.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.bg-grid{grid-template-columns:repeat(3,1fr)}.bg-swatch{height:44px}.toast{position:fixed;left:16px;bottom:16px;z-index:2000;display:flex;align-items:center;gap:10px;background:var(--text);color:#fff;padding:10px 12px 10px 16px;border-radius:8px;box-shadow:0 8px 16px #091e4240;animation:toast-in .2s ease-out}.toast-undo{color:#85b8ff;font-weight:700;padding:4px 8px;border-radius:4px}.toast-undo:hover{background:#ffffff1f}.toast-x{color:#ffffffb3}.toast-x:hover{background:#ffffff1f}.timeline-panel{flex:1;min-height:0;margin:0 12px;background:#fff;border-radius:12px 12px 0 0;display:flex;flex-direction:column;box-shadow:var(--card-shadow)}.tl-toolbar{flex:none;display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.tl-hint{flex:1;font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-zoom{display:flex;background:var(--soft-wash);border-radius:6px;padding:2px;gap:2px}.tl-zoom-btn{padding:4px 12px;border-radius:5px;font-size:13px;font-weight:500;color:var(--subtle);transition:background .12s ease,color .12s ease}.tl-zoom-btn:hover{background:var(--hover-wash)}.tl-zoom-btn.is-active{background:#fff;color:var(--blue);font-weight:600;box-shadow:var(--card-shadow)}.tl-scroll{flex:1;min-height:0;overflow:auto;position:relative;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.tl-lanes{cursor:grab}.tl-scroll::-webkit-scrollbar{width:10px;height:10px}.tl-scroll::-webkit-scrollbar-thumb{background:var(--hover-wash);border-radius:5px}.tl-inner{position:relative;min-height:100%}.tl-header{position:sticky;top:0;z-index:6;display:flex;background:#fff;border-bottom:1px solid var(--line)}.tl-corner{position:sticky;left:0;z-index:7;flex:none;background:#fff;border-right:1px solid var(--line)}.tl-header-cells{display:flex;flex-direction:column}.tl-months,.tl-days{display:flex}.tl-month{flex:none;border-left:1px solid var(--line);font-size:12px;font-weight:600;color:var(--subtle);padding:5px 8px;overflow:hidden;white-space:nowrap}.tl-day{flex:none;border-left:1px solid #f0f1f4;font-size:11px;color:var(--faint);display:flex;align-items:center;justify-content:center;overflow:hidden}.tl-week{justify-content:flex-start;padding-left:6px;white-space:nowrap}.tl-day-name{font-weight:600;margin-right:3px}.tl-letters{display:flex}.tl-letter{flex:none;border-left:1px solid #f0f1f4;font-size:10px;font-weight:600;color:var(--faint);display:flex;align-items:center;justify-content:center;overflow:hidden}.tl-day.is-weekend,.tl-letter.is-weekend{background:#f1f2f4;color:#8590a2}.tl-group{display:flex;border-bottom:1px solid var(--line);transition:background .15s ease}.tl-group.is-target .tl-lanes{background-color:#e9f2ff}.tl-rail{position:sticky;left:0;z-index:4;flex:none;background:#fff;border-right:1px solid var(--line)}.tl-rail-head{display:flex;align-items:center;gap:6px;height:36px;padding:0 8px;font-weight:600}.tl-rail-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-rail-count{background:var(--soft-wash);color:var(--subtle);font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px}.tl-color-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #091e4230;transition:transform .1s ease}.tl-color-dot:hover{transform:scale(1.2)}.tl-lanes{position:relative;flex:none;background-image:linear-gradient(to right,#f0f1f4 1px,transparent 1px)}.tl-weekend{position:absolute;top:0;bottom:0;background:#f7f8f9;pointer-events:none}.tl-today-col{position:absolute;bottom:0;background:#0c66e412;border-left:2px solid var(--blue);pointer-events:none;z-index:1}.tl-snapline{position:absolute;bottom:0;background:#0c66e426;border-left:2px dashed var(--blue);pointer-events:none;z-index:5}.tl-bar{position:absolute;z-index:2;border:1px solid #091e4221;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:13px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;cursor:grab;box-shadow:0 1px 2px #091e4233;transition:box-shadow .12s ease,filter .12s ease}.tl-bar:hover{filter:brightness(.96);box-shadow:0 3px 6px #091e4240}.tl-bar.is-dragging{z-index:8;box-shadow:0 8px 16px #091e4259;transition:none}.tl-bar.is-done{opacity:.72}.tl-bar.is-done .tl-bar-title{text-decoration:line-through}.tl-bar-label{position:absolute;z-index:1;display:flex;align-items:center;font-size:12.5px;font-weight:500;color:var(--subtle);white-space:nowrap;pointer-events:none}.tl-bar-title{flex:1;overflow:hidden;text-overflow:ellipsis;min-width:0}.tl-bar-menu{opacity:0;flex:none;width:20px;height:20px;border-radius:4px;background:#fff6;color:inherit;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:opacity .12s ease}.tl-bar:hover .tl-bar-menu{opacity:1}.tl-handle{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize}.tl-handle-l{left:0}.tl-handle-r{right:0}.tl-handle:after{content:"";position:absolute;top:7px;bottom:7px;left:4px;width:2px;border-radius:1px;background:#ffffff8c;opacity:0;transition:opacity .12s ease}.tl-bar:hover .tl-handle:after{opacity:1}.tl-empty-lane{position:absolute;top:42px;left:12px;color:#b3b9c4;font-size:12.5px}.tl-empty{position:sticky;left:0;width:100%;padding:40px;text-align:center;color:var(--faint)}.tl-empty-bars{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.tl-empty-bars div{height:22px;border-radius:11px;border:2px dashed #c1c7d0}.tl-empty-bars div:nth-child(1){width:220px}.tl-empty-bars div:nth-child(2){width:140px;margin-left:120px}.tl-empty-bars div:nth-child(3){width:180px;margin-right:100px}.tl-tooltip{position:fixed;z-index:2001;background:var(--text);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;pointer-events:none;white-space:nowrap}.tl-drawer{flex:none;border-top:1px solid var(--line);background:#fff;border-radius:0}.tl-drawer-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;font-weight:600;text-align:left}.tl-drawer-head:hover{background:var(--soft-wash)}.tl-drawer-hint{font-weight:400;font-size:12px;color:var(--faint);margin-left:8px}.tl-chips{display:flex;gap:8px;padding:4px 14px 12px;overflow-x:auto}.tl-chip{flex:none;background:#fff;border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:8px;padding:7px 12px;font-weight:500;cursor:grab;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:box-shadow .12s ease,transform .12s ease}.tl-chip:hover{box-shadow:0 3px 6px #091e4240;transform:translateY(-1px)}.tl-chip.is-ghost{position:fixed;z-index:2000;pointer-events:none;transform:rotate(3deg);box-shadow:0 8px 16px #091e4259}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:380px;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 24px #091e4259;padding:32px 36px;animation:modal-pop .2s ease-out}.login-logo{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:19px;font-weight:700;color:var(--brand-charcoal);margin-bottom:8px}.login-logo img{width:72px;height:72px;object-fit:contain}.login-card h2{text-align:center;font-size:15px;color:var(--subtle);font-weight:600;margin-bottom:18px}.login-card .field{margin-bottom:10px}.google-slot{display:flex;justify-content:center;min-height:44px}.login-divider{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px;margin:14px 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid var(--line)}.login-busy{text-align:center;color:var(--subtle);font-size:13px;margin-top:10px}.login-google-error{text-align:center;margin-top:10px}.login-domain-hint{text-align:center;font-size:12px;color:var(--faint);margin-top:12px}.login-switch{display:block;margin:14px auto 0;color:var(--blue);font-size:13px}.login-switch:hover{text-decoration:underline}.offline-msg{color:var(--subtle);font-size:13px;line-height:1.5;margin-bottom:10px}.offline-msg code{background:var(--soft-wash);padding:1px 5px;border-radius:3px;font-size:12px}.avatar-btn{border-radius:50%;padding:0;display:inline-flex}.account-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.account-name{font-weight:600}.account-email{font-size:12px;color:var(--faint)}.shortcuts-modal{width:520px;padding:24px 28px}.shortcuts-modal h2{font-size:17px;margin-bottom:14px}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table td{padding:7px 10px 7px 0;border-top:1px solid var(--line);font-size:13.5px}.shortcuts-table kbd{background:var(--soft-wash);border:1px solid var(--line);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap}@keyframes card-in{0%{opacity:.4;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}@keyframes modal-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes chip-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}