:root{--bg:#f3f6fb;--bg-soft:#eef3fb;--bg-secondary:#f5f5f5;--fg:#182230;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--danger-hover:#b91c1c;--warning:#d97706;--success:#16a34a;--success-hover:#15803d;--radius:8px;--gap:8px;--shadow:0 10px 30px rgba(15,23,42,0.08);--shadow-hover:0 16px 36px rgba(15,23,42,0.14);--card-bg:#ffffff;--card-border:#d8e2f0;--code-block-bg:color-mix(in srgb,var(--accent) 5%,var(--header-bg));--border-color:#e0e0e0;--header-bg:#f7faff;--text-muted:#5f6b7a;--text-secondary:#465466;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--tooltip-bg:#191919;--tooltip-text:#ffffff;font:16px/1.5 var(--font-inter),Inter,sans-serif;color-scheme:light}[data-theme=dark]{--bg:#1a1a1a;--bg-soft:#151515;--bg-secondary:#262626;--fg:#e0e0e0;--accent:#4a9eff;--accent-hover:#3b82f6;--danger:#ff6b6b;--danger-hover:#ef4444;--warning:#ffd93d;--success:#51cf66;--success-hover:#40c057;--shadow:0 2px 8px rgba(0,0,0,0.3);--shadow-hover:0 4px 16px rgba(0,0,0,0.4);--card-bg:#2d2d2d;--card-border:#404040;--code-block-bg:#1d1d1d;--border-color:#3d3d3d;--header-bg:#333333;--text-muted:#a0a0a0;--text-secondary:#b0b0b0;--tooltip-bg:#2a2a2a;--tooltip-text:#f0f0f0;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);transition:background .3s ease}body{padding:calc(var(--gap) + var(--safe-area-top)) calc(var(--gap) * 2 + var(--safe-area-right)) calc(var(--gap) * 2 + var(--safe-area-bottom)) calc(var(--gap) * 2 + var(--safe-area-left));background:none;color:var(--fg);max-width:1200px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}html:not([data-gradient]){background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 16%,transparent) 0,transparent 35%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=default]{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 38%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=center]{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 45%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=bottom-left]{background:radial-gradient(circle at bottom left,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 38%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=mid]{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--accent) 16%,transparent) 0,transparent 55%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=top-band]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 32%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=bottom-band]{background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 32%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}html[data-gradient=full-accent]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,transparent) 0,color-mix(in srgb,var(--accent) 25%,var(--bg)) 100%)}@media (min-width:1400px){body{max-width:1400px}}@media (min-width:1600px){body{max-width:1600px}}@media (min-width:1920px){body{max-width:95%}}@media (min-width:2560px){body{max-width:95%}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--tooltip-bg);color:var(--tooltip-text);font-size:.72rem;font-weight:500;padding:3px 8px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:1000}[data-tooltip]:hover:after{opacity:1}header{justify-content:space-between;margin-bottom:calc(var(--gap) * 3);flex-wrap:wrap;gap:var(--gap);background:color-mix(in srgb,var(--card-bg) 88%,transparent);border:1px solid var(--card-border);border-radius:calc(var(--radius) + 4px);padding:12px 14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.header-controls,header{display:flex;align-items:center}.header-controls{gap:1rem}h1{font-size:2rem;font-weight:700}.add-list-btn{background:var(--accent);color:white;border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow)}.add-list-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.view-toggle-btn{background:none;color:var(--fg);border:none;padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{color:var(--accent);transform:scale(1.1)}.theme-toggle-btn{background:none;color:var(--fg);border:none;padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{color:var(--accent);transform:scale(1.1)}.settings-btn{background:none;color:var(--fg);border:none;padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.settings-btn:hover{color:var(--accent);transform:scale(1.1)}.lists-container{display:flex;flex-direction:column;gap:10px;width:100%;transition:all .3s ease;flex:1 1}.pinned-notes-link:hover{color:var(--accent)!important;background-color:color-mix(in srgb,var(--accent) 10%,transparent)}.desktop-only{display:none}@media (min-width:769px){.desktop-only{display:flex}}.list-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .2s ease;overflow:visible;width:100%}.list-card:hover{box-shadow:var(--shadow-hover)}.list-card.collapsed .list-content{display:none!important}.list-card.collapsed{overflow:visible}.list-content{transition:all .3s ease}.list-header{background:var(--header-bg);padding:10px calc(var(--gap) * 1.5);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;min-height:48px}.list-card.collapsed .list-header{border-bottom:none}.list-title-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1}.list-title{font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.list-collaborators{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.collaborator-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--card-border);position:relative;flex-shrink:0;transition:all .2s ease;cursor:pointer;z-index:1}.collaborator-avatar:hover{transform:scale(1.1)}.collaborator-avatar.online{border-color:var(--success);box-shadow:0 0 0 1px var(--success)}.collaborator-avatar.online.watching{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.collaborator-avatar.offline{opacity:.4;filter:grayscale(100%)}.collaborator-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.collaborator-avatar-fallback{width:100%;height:100%;background:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.collaborator-avatar-fallback,.collaborator-count{border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-weight:600}.collaborator-count{width:24px;height:24px;background:var(--text-muted);font-size:.7rem;flex-shrink:0;cursor:pointer;transition:all .2s ease}.collaborator-count:hover{background:var(--accent);transform:scale(1.1)}.list-date{color:var(--text-muted);font-size:.82rem;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:8px}.list-countdown{font-size:.85em;font-weight:600;white-space:nowrap}.list-countdown.warning{color:var(--warning)}.list-countdown.danger{color:var(--danger)}.list-countdown.due{color:var(--danger);font-weight:700;animation:pulse 1s infinite}.list-description{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.3;display:none}.list-card:not(.collapsed) .list-description{display:block;padding:calc(var(--gap)) calc(var(--gap) * 1.5)}.list-meta{min-width:0;flex:1 1}.list-collapsed-stats,.list-meta{display:flex;align-items:center;gap:10px}.list-collapsed-stats{margin:0}.list-collapsed-stat{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.78rem;font-weight:600}.list-collapsed-stat svg{width:13px;height:13px;opacity:.9}.list-collapsed-stat span{line-height:1}.list-card.collapsed .list-collapsed-stat{color:var(--text-secondary)}.list-actions{display:flex;gap:8px;align-items:center}.list-actions-right{display:flex;gap:12px;align-items:center;margin-left:auto}.list-collapse-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.list-collapse-btn:hover{color:var(--fg)}.list-collapse-btn .icon{width:20px;height:20px;transition:transform .2s ease}.list-card.collapsed .list-collapse-btn .icon{transform:rotate(180deg)}.list-form{display:flex;gap:var(--gap);padding:calc(var(--gap) * 1.5);background:var(--header-bg);border-bottom:1px solid var(--card-border);flex-wrap:wrap;align-items:center}.list-form input{flex:1 1;min-width:120px;padding:8px 12px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:.9rem;background:var(--bg);color:var(--fg)}.time-date-inputs{display:flex;gap:8px;align-items:center}.time-date-inputs input[type=date],.time-date-inputs input[type=time]{flex:0 0 auto;width:auto;min-width:0}.time-date-inputs[data-time-format="24h"] input[type=time]{width:100px}.time-toggle-btn{padding:8px;background:var(--header-bg);border:1px solid var(--card-border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--fg)}.time-toggle-btn:hover{background:var(--card-bg);border-color:var(--text-muted)}.time-toggle-btn.active{background:var(--accent);border-color:var(--accent);color:white}.time-toggle-btn svg{pointer-events:none}.list-form button[type=submit]{padding:8px 16px;font-size:.9rem;min-width:auto;height:36px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.list-form button[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.list-tasks{list-style:none;padding:0;margin:0}.list-task-item{display:flex;align-items:center;gap:var(--gap);padding:5.5px var(--gap);border-bottom:1px solid var(--card-border);transition:background .2s ease;flex-wrap:wrap}.task-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:24px;margin-right:-4px;margin-top:1px;color:var(--text-muted);cursor:grab;opacity:.3;transition:opacity .2s,color .2s;flex-shrink:0;touch-action:none}.list-task-item:hover .task-drag-handle{opacity:.6}.task-drag-handle:hover{opacity:1!important;color:var(--fg)}.task-drag-handle:active{cursor:grabbing}.list-task-item>input[type=checkbox]{flex-shrink:0;width:18px;height:18px;appearance:none;border:2px solid var(--card-border);border-radius:4px;background:var(--bg);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.invite-modal-checkbox{margin-right:10px;width:16px;height:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--card-border);border-radius:3px;background:var(--bg);cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0;position:relative;vertical-align:middle}.invite-modal-checkbox:checked{background:var(--accent);border-color:var(--accent)}.invite-modal-checkbox:checked:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-2px}.invite-modal-checkbox:focus{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-soft);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--card-border)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.list-task-item>input[type=checkbox]:after{content:"";width:8px;height:4px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg);margin-top:-1px}.list-task-item>input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.list-task-item>input[type=checkbox]:checked:after{border-left-color:#fff;border-bottom-color:#fff}.list-task-item>input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.list-task-item.task-urgent-warning{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warning) 45%,transparent);background:color-mix(in srgb,var(--warning) 10%,var(--card-bg))}.list-task-item.task-urgent-danger{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--card-bg))}.list-task-item:hover{background:var(--header-bg)}.list-task-item.highlighted{animation:task-highlight-pulse 2s ease-in-out 3;box-shadow:0 0 0 3px var(--accent);z-index:10}@keyframes task-highlight-pulse{0%,to{box-shadow:0 0 0 3px var(--accent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 40%,transparent)}}.list-task-item.done{background:var(--header-bg)}.list-task-item.done .task-title{text-decoration:line-through;opacity:.6}.task-finished-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);border-radius:50%;flex-shrink:0}.list-task-item.done .task-actions{margin-left:auto}.list-task-item.done .task-finished-badge{margin-left:8px}.finished-tasks-divider{list-style:none;padding:6px 10px 4px;border-top:1px dashed var(--card-border);background:color-mix(in srgb,var(--header-bg) 75%,transparent)}.finished-toggle-btn{width:100%;border:0;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between;padding:4px 2px;cursor:pointer;transition:color .2s ease}.finished-toggle-btn:hover{color:var(--accent)}.finished-toggle-chevron{font-size:.85rem;line-height:1;transition:transform .2s ease}.finished-toggle-btn.is-collapsed .finished-toggle-chevron{transform:rotate(-90deg)}.task-text{flex:1 1;font-weight:500}.task-main{flex:1 1;min-width:180px}.task-content{display:flex;flex-direction:column;gap:6px}.task-content.has-body,.task-content.is-empty-body{cursor:pointer}.task-title{font-weight:600;line-height:1.35;word-break:break-word}.task-title-colored{color:var(--task-title-color-light)}[data-theme=dark] .task-title-colored{color:var(--task-title-color-dark)}.task-title-row{display:flex;align-items:center;gap:8px}.task-detail-marker{background:color-mix(in srgb,var(--accent) 55%,var(--text-muted));opacity:.65}.task-detail-marker,.task-ghost-marker{width:7px;height:7px;border-radius:50%;flex-shrink:0;position:relative;z-index:1}.task-ghost-marker{border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--text-muted));opacity:0;transition:opacity .15s ease}.list-task-item:hover .task-ghost-marker{opacity:.4}.task-body-wrapper{display:none;flex-basis:100%;min-width:0;padding-left:28px;cursor:pointer}.task-body-wrapper.expanded{display:block}.task-body{color:var(--text-secondary);line-height:1.45;font-size:.92rem;word-break:break-word;padding-top:4px;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--card-border) 85%,transparent)}.task-body p{margin:0 0 6px}.task-body ul{margin:0 0 6px 18px;padding:0;list-style-type:disc}.task-body li{margin:0 0 4px}.task-body li::marker{color:var(--fg)}.task-body ol{margin:0 0 6px 18px;padding:0}.task-body h2{font-size:1.1rem;font-weight:700;margin:8px 0 4px;color:var(--fg)}.task-body h3{font-size:.98rem;font-weight:600;margin:6px 0 3px;color:var(--fg)}.task-body a{color:var(--accent);text-decoration:underline;cursor:pointer;word-break:break-all}.task-body a:hover{color:var(--accent-hover)}.task-body hr{border:none;border-top:1px solid var(--card-border);margin:8px 0}.task-body code{background:color-mix(in srgb,var(--header-bg) 80%,transparent);border:1px solid var(--card-border);border-radius:4px;padding:1px 4px;font-size:.85em}.task-body-input{width:100%;min-height:64px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--bg);color:var(--fg);padding:10px 12px;font:inherit;line-height:1.45;resize:none;overflow:hidden;margin-left:2px}.task-body-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.task-subtasks-wrapper{margin-top:8px;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--card-border) 85%,transparent)}.task-subtask-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:2px 6px;border-radius:10px;margin-left:6px}.task-subtask-badge.all-done{color:var(--success);background:color-mix(in srgb,var(--success) 15%,transparent)}.subtask-list{gap:4px}.subtask-items,.subtask-list{display:flex;flex-direction:column}.subtask-items{gap:2px}.subtask-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background .15s ease;min-height:28px}.subtask-item:hover{background:color-mix(in srgb,var(--bg-secondary) 50%,transparent)}.subtask-item.done .subtask-text{text-decoration:line-through;color:var(--text-muted)}.subtask-checkbox{width:14px;height:14px;cursor:pointer;flex-shrink:0}.subtask-text{flex:1 1;font-size:.85rem;color:var(--text-secondary);cursor:pointer;word-break:break-word}.subtask-input{flex:1 1;font-size:.85rem;padding:2px 6px;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--fg);outline:none}.subtask-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.subtask-delete:focus,.subtask-item:focus-within .subtask-delete,.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subtask-delete:hover{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.subtask-add-button{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-top:4px;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;border-radius:4px;transition:background .15s ease,color .15s ease;width:fit-content}.subtask-add-button:hover{background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);color:var(--accent)}.subtask-add-input-wrapper{margin-top:4px}.subtask-add-input{width:100%;padding:6px 8px;border:1px solid var(--card-border);border-radius:4px;background:var(--bg);color:var(--fg);font-size:.85rem;outline:none}.subtask-add-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.subtask-progress{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--card-border) 50%,transparent)}.subtask-progress.all-done{color:var(--success)}.subtask-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;color:white;z-index:10000;animation:toastSlideUp .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.subtask-toast-error{background:var(--danger)}.subtask-toast-success{background:var(--success)}.subtask-toast-warning{background:var(--warning)}.subtask-toast-info{background:var(--info)}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.driver-popover{z-index:90010!important}.driver-overlay{z-index:90000!important}.driver-active-element{z-index:90005!important}.mobile-user-menu-portal{position:relative;z-index:90001}.mobile-user-menu-portal .user-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:90002;transition:opacity .2s ease}body.driver-active .mobile-user-menu-portal .user-menu-backdrop,body.tour-active .mobile-user-menu-portal .user-menu-backdrop{opacity:0!important;pointer-events:none!important}.user-menu-dropdown.has-highlight .user-menu-divider,.user-menu-dropdown.has-highlight .user-menu-header,.user-menu-dropdown.has-highlight .user-menu-item{transition:opacity .2s ease,filter .2s ease}.user-menu-dropdown.has-highlight .user-menu-divider,.user-menu-dropdown.has-highlight .user-menu-header,.user-menu-dropdown.has-highlight .user-menu-item:not(.driver-active-element){opacity:.3;filter:grayscale(100%)}.mobile-user-menu-portal .user-menu-dropdown.mobile-dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;max-height:80vh;overflow-y:auto;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:90003;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.task-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.task-time{color:var(--text-muted);font-size:.9rem;background:var(--header-bg);padding:2px 8px;border-radius:12px;white-space:nowrap}.task-recurrence{color:var(--accent);display:inline-flex;align-items:center;gap:4px}.task-recurrence svg{opacity:.8}.recurrence-badge{font-size:.7rem;font-weight:700;min-width:14px;height:14px;line-height:14px;text-align:center;border-radius:3px;background-color:var(--accent);color:white;padding:0 3px;text-transform:lowercase}.task-time-icon{color:var(--text-muted);display:inline-flex;align-items:center;cursor:help}.countdown-timer{font-size:.9em;color:var(--accent);font-weight:600;min-width:60px;text-align:center;white-space:nowrap}.countdown-timer.warning{color:var(--warning)}.countdown-timer.danger{color:var(--danger)}.countdown-timer.final{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.03em}.countdown-timer.due{color:var(--danger);font-weight:700;animation:pulse 1s infinite}.list-task-item.done .countdown-timer.due{animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.icon{width:22px;height:22px;cursor:pointer;fill:var(--fg);transition:all .2s ease;padding:4px;border-radius:4px}.icon:hover{background:var(--header-bg);transform:scale(1.1)}.icon.edit:hover{color:var(--accent);background:var(--header-bg)}.icon.bell:hover{color:var(--warning);background:var(--header-bg)}.icon.trash:hover{color:var(--danger);background:var(--header-bg)}.icon.list-collapse:hover,.icon.list-edit:hover{color:var(--accent);background:var(--header-bg)}.icon.list-collapse:hover{transform:scale(1.1)}.icon.list-delete:hover{color:var(--danger);background:var(--header-bg)}.icon-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease}.icon-btn:hover{background:var(--header-bg);transform:scale(1.1)}.icon-btn.list-delete:hover{color:var(--danger);background:var(--header-bg)}.icon-btn.list-collapse:hover{transform:scale(1.1)}.icon-btn.list-collapse:hover,.icon-btn.list-edit:hover{color:var(--accent);background:var(--header-bg)}.list-menu-container{position:relative;display:inline-block}.list-menu-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:120px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.list-menu-container.active .list-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--fg);font-size:.9rem;cursor:pointer;transition:all .2s ease;border-radius:0}.menu-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.menu-item:last-child{border-radius:0 0 var(--radius) var(--radius)}.menu-item:hover{background:var(--header-bg)}.menu-item.list-edit:hover,.menu-item.list-stats:hover{color:var(--accent)}.menu-item.list-delete:hover{color:var(--danger)}.menu-item .icon{width:16px;height:16px;padding:0}.task-menu-container{position:relative;display:inline-block}.task-menu-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:140px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.task-menu-container.active .task-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.task-menu-dropdown .menu-item.task-edit:hover{color:var(--accent)}.task-menu-dropdown .menu-item.task-reminder:hover{color:var(--warning)}.task-menu-dropdown .menu-item.task-tracker:hover{color:var(--accent)}.task-menu-dropdown .menu-item.task-tracker.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.task-menu-dropdown .menu-item.task-reminder.active{color:var(--success);background:var(--success-bg,rgba(34,197,94,.1))}.task-menu-dropdown .menu-item.task-reminder:disabled{opacity:.5;cursor:not-allowed}.task-menu-dropdown .menu-item.task-delete:hover{color:var(--danger)}.task-toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--text);font-size:14px;z-index:10000;animation:slideInUp .3s ease-out;max-width:400px}.task-toast-success{border-left:4px solid var(--success)}.task-toast-warning{border-left:4px solid var(--warning)}.task-toast-error{border-left:4px solid var(--danger)}.task-toast-info{border-left:4px solid var(--accent)}.task-tracking-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.task-tracking-badge.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.task-tracking-badge.paused{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.list-card.dragging{opacity:.5}.list-card.drag-over-top{box-shadow:0 -3px 0 var(--accent);position:relative;z-index:10}.list-card.drag-over-bottom{box-shadow:0 3px 0 var(--accent);position:relative;z-index:10}.list-task-item.dragging{opacity:.5;background:var(--bg-soft)}.list-task-item.drag-over-top{box-shadow:0 -2px 0 var(--accent);position:relative;z-index:10}.list-task-item.drag-over-bottom{box-shadow:0 2px 0 var(--accent);position:relative;z-index:10}.empty-list.drag-over{background-color:#e3f2fd;border:2px dashed #007bff;color:#007bff}.list-task-item[draggable=true]{cursor:grab}.list-task-item[draggable=true]:active{cursor:grabbing}.list-card[draggable=true]{cursor:grab}.list-card[draggable=true]:active{cursor:grabbing}.touch-drag-clone{pointer-events:none!important;box-sizing:border-box}.task-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.empty-list{text-align:center;color:var(--text-muted);padding:calc(var(--gap) * 3);font-style:italic}.modal-overlay{display:none;position:fixed;z-index:20000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s ease;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.modal-overlay.show{display:flex}.modal-content{background-color:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-hover);max-width:500px;width:100%;max-height:90vh;position:relative;animation:slideIn .3s ease;border:1px solid var(--card-border);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--card-border);background:var(--header-bg)}.modal-body{padding:24px}.modal .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modal .form-group:last-child{margin-bottom:0}.modal .form-group label{font-size:.9rem;font-weight:500;color:var(--fg)}.modal .form-hint{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--card-border)}.modal .btn-primary,.modal .btn-secondary{padding:10px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.modal .btn-primary{background:var(--accent);color:white;border-color:var(--accent)}.modal .btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal .btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.modal .btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover);transform:translateY(-1px)}.modal .btn-secondary{background:var(--header-bg);color:var(--fg);border-color:var(--card-border)}.modal .btn-secondary:hover:not(:disabled){background:var(--card-border)}.invite-modal-content{max-width:500px;width:90%;max-height:90vh;overflow:visible}.tracker-status-pill{position:fixed;right:16px;bottom:16px;z-index:19000;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:12px;max-width:min(280px,calc(100vw - 32px));overflow:hidden}.tracker-pip-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:0;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;pointer-events:none;margin-right:8px;align-self:center}.tracker-status-pill.expanded .tracker-pip-btn,.tracker-status-pill:focus-within .tracker-pip-btn,.tracker-status-pill:hover .tracker-pip-btn{opacity:1;pointer-events:auto}.tracker-pip-btn:hover{background:var(--card-border);color:var(--fg)}.tracker-pip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tracker-status-pill-header{display:flex;align-items:stretch}.tracker-status-pill-summary{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border:0;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.tracker-status-pill-summary:disabled{opacity:1;cursor:default}.tracker-status-pill-copy{display:flex;flex-direction:column;gap:.2rem;color:var(--fg);min-width:0}.tracker-status-pill-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-status-pill-state{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tracker-status-pill-state.active{color:var(--accent)}.tracker-status-pill-state.paused{color:var(--warning)}.tracker-status-pill-toggle{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.tracker-status-pill.expanded .tracker-status-pill-toggle{transform:rotate(180deg)}.tracker-status-pill-controls{display:flex;gap:.5rem;padding:0 .85rem;max-height:0;opacity:0;overflow:hidden;pointer-events:none;border-top:1px solid transparent;transition:max-height .2s ease,opacity .2s ease,padding .2s ease,border-color .2s ease}.tracker-status-pill.expanded .tracker-status-pill-controls,.tracker-status-pill:not(.locked):focus-within .tracker-status-pill-controls,.tracker-status-pill:not(.locked):hover .tracker-status-pill-controls{max-height:3.5rem;opacity:1;pointer-events:auto;padding:.55rem .85rem .65rem;border-top-color:var(--card-border)}.tracker-status-pill-action{flex:1 1;min-width:0;border:1px solid var(--card-border);border-radius:8px;background:var(--header-bg);color:var(--fg);padding:.45rem .65rem;font-size:.82rem;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.tracker-status-pill-action:focus-visible:not(:disabled),.tracker-status-pill-action:hover:not(:disabled){background:var(--card-border);border-color:var(--text-secondary);transform:translateY(-1px)}.tracker-status-pill-action.danger{color:var(--danger)}.tracker-status-pill-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.tracker-reminder-modal .modal-content{max-width:540px}.tracker-reminder-copy{margin:0;color:var(--fg);line-height:1.5}.tracker-reminder-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.tracker-reminder-stat{border:1px solid var(--card-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:.35rem;background:var(--header-bg)}.tracker-reminder-stat span{font-size:.82rem;color:var(--text-secondary)}.tracker-reminder-stat strong{font-size:1.1rem;color:var(--fg)}.tracker-reminder-stat.danger strong{color:var(--danger)}.settings-help-text{display:block;margin-top:.4rem;color:var(--text-secondary);font-size:.82rem;line-height:1.4}@media (max-width:640px){.tracker-status-pill{left:16px;right:16px;bottom:16px;max-width:none}.tracker-reminder-stats{grid-template-columns:1fr}.tracker-status-pill-controls{flex-wrap:wrap}.tracker-status-pill-action{flex-basis:calc(50% - 0.3rem)}}@media (hover:hover) and (pointer:fine){.tracker-status-pill-toggle{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.close{color:var(--text-muted);float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:20px}.close:hover{color:var(--fg)}.modal-btn{background:var(--accent);color:white;border:none;padding:10px 20px;border-radius:var(--radius);cursor:pointer;margin-top:10px}.modal-btn:hover{background:var(--accent-hover)}.modal-buttons{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.modal{position:fixed!important;z-index:20000!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background-color:rgba(0,0,0,.5)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;box-sizing:border-box!important;animation:fadeIn .3s ease}.modal>.modal-content{background-color:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-hover);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease;border:1px solid var(--card-border);padding:24px}.modal>.modal-content .close{position:absolute;top:16px;right:20px;font-size:24px;cursor:pointer;color:var(--fg);opacity:.6;transition:opacity .2s ease;line-height:1}.modal>.modal-content .close:hover{opacity:1}.modal form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.modal h2{margin:0 0 15px;color:var(--fg);font-size:1.5rem}.modal form input,.modal form textarea{padding:12px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:1rem;transition:border-color .2s ease;font-family:inherit;background:var(--bg);color:var(--fg)}.modal form input:focus,.modal form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,102,255,.2)}.modal form textarea{resize:vertical;min-height:80px}.modal form button{background:var(--accent);color:white;border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.modal form button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}.modal-time-controls{display:flex;align-items:center;gap:var(--gap);margin:var(--gap) 0}.modal-time-inputs{display:flex;gap:8px;align-items:center}.modal-time-inputs input{padding:8px 12px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:.9rem;background:var(--bg);color:var(--fg)}.modal-time-inputs input[type=date],.modal-time-inputs input[type=time]{width:auto}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}.settings-section{margin:20px 0}.settings-tabs{gap:10px;margin-bottom:12px}.settings-tab-btn{background:var(--header-bg);border:1px solid var(--card-border);color:var(--fg);padding:8px 14px;font-weight:600}.settings-tab-btn.active,.settings-tab-btn:hover{border-color:var(--accent)}.settings-tab-btn.active{color:#fff}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.settings-form-grid{display:grid;grid-template-columns:1fr;gap:8px}.settings-label{font-size:.9rem;color:var(--text-muted);margin-top:6px}.settings-select{width:100%;border:1px solid var(--card-border);background:var(--bg);color:var(--fg);border-radius:var(--radius);padding:10px 12px;cursor:pointer}.settings-section h3{margin:0 0 15px;font-size:1.2rem;color:var(--fg)}.settings-buttons{display:flex;gap:15px;flex-wrap:wrap}.export-btn,.import-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;min-width:140px;justify-content:center}.export-btn{background:var(--success)}.export-btn:hover{background:var(--success-hover)}.import-btn{background:var(--accent)}.import-btn:hover{background:var(--accent-hover)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px 20px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:300px;max-width:400px;pointer-events:auto;transform:translateX(100%);opacity:0;transition:all .3s ease;position:relative;overflow:hidden}.toast.show{transform:translateX(0);opacity:1}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.warning{border-left:4px solid var(--warning)}.toast.info{border-left:4px solid var(--accent)}.toast-content{display:flex;align-items:flex-start;gap:12px}.toast-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.toast-icon.success{color:var(--success)}.toast-icon.error{color:var(--danger)}.toast-icon.warning{color:var(--warning)}.toast-icon.info{color:var(--accent)}.toast-message{flex:1 1;font-size:.9rem;line-height:1.4;color:var(--fg)}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:3px;transition:all .2s ease}.toast-close:hover{background:var(--header-bg);color:var(--fg)}.toast.confirmation{min-width:350px}.toast-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.toast-btn{padding:6px 16px;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toast-btn.cancel{background:var(--header-bg);color:var(--fg);border:1px solid var(--card-border)}.toast-btn.cancel:hover{background:var(--card-border)}.toast-btn.confirm{background:var(--danger);color:white}.toast-btn.confirm:hover{background:var(--danger-hover)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;width:100%;max-width:420px}.auth-card h1{font-size:1.75rem;margin-bottom:8px;text-align:center}.auth-card>p{color:var(--text-muted);text-align:center;margin-bottom:24px}.auth-error{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);padding:12px 16px;border-radius:var(--radius);margin-bottom:20px;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-legal-notice{margin:0;font-size:.78rem;line-height:1.5;text-align:center;color:var(--text-secondary)}.auth-legal-notice a{color:var(--accent);text-decoration:underline}.auth-terms{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;line-height:1.45;color:var(--text-secondary);cursor:pointer}.auth-terms input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.auth-terms a{color:var(--accent);text-decoration:underline}.terms-gate{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.terms-gate-card{width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-lg,0 20px 50px rgb(0 0 0/.35))}.terms-gate-card h2{margin:0;font-size:1.25rem;color:var(--fg)}.terms-gate-body{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.terms-gate-error{margin:0;font-size:.85rem;color:var(--danger)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:500;color:var(--fg)}.form-group input,.form-input{padding:12px 16px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:1rem;background:var(--bg);color:var(--fg);transition:all .2s ease}.form-group input:focus,.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.form-group input::placeholder,.form-input::placeholder{color:var(--text-muted)}.form-group textarea,.form-textarea{padding:12px 16px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:1rem;background:var(--bg);color:var(--fg);transition:all .2s ease;resize:vertical;min-height:80px}.form-group textarea:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.form-group textarea::placeholder,.form-textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--bg);border-color:var(--card-border);color:var(--fg)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder,[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.form-group input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--accent);color:white;border:none;padding:14px 24px;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--card-bg);color:var(--fg);border:1px solid var(--card-border);padding:14px 24px;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.btn-google:hover{background:var(--header-bg);border-color:var(--text-muted)}.btn-google svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:.9rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--card-border)}.auth-footer{text-align:center;margin-top:24px;color:var(--text-muted);font-size:.95rem}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.forgot-password-link{font-size:.85rem;color:var(--accent);text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.auth-success{background:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);color:var(--success);padding:12px 16px;border-radius:var(--radius);margin-bottom:20px;font-size:.95rem}.auth-success .auth-redirect{margin-top:8px;font-size:.875rem;color:var(--text-muted)}.auth-loading{display:flex;justify-content:center;align-items:center;padding:40px 0}.auth-description{color:var(--text-muted);margin-bottom:24px;text-align:center}.retry-after{font-weight:500}.invite-project-card{border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.invite-banner,.invite-project-card{background:var(--bg-secondary);color:var(--fg)}.invite-banner{border:1px solid var(--border-color)}.dashboard-container{padding:20px 0}.dashboard-container-native-mobile{padding-bottom:20px}.dashboard-header{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px 24px;margin-bottom:24px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:1.5rem;margin-bottom:8px}.dashboard-header p{color:var(--text-muted);margin:4px 0}.dashboard-header-left{display:flex;align-items:center;gap:16px}.dashboard-header-right{display:flex;align-items:center;gap:12px}.dashboard-content{min-height:400px}.stats-page-shell{padding:24px}.time-stats-page{display:flex;flex-direction:column;gap:20px}.time-stats-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.time-stats-header h1{margin:6px 0 8px;font-size:clamp(1.8rem,3vw,2.7rem)}.time-stats-header p{margin:0;color:var(--text-secondary);max-width:720px}.time-stats-eyebrow{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.time-stats-scope-note{margin-top:.35rem;font-size:.82rem;color:var(--text-muted)}.time-stats-actions{display:flex;gap:10px;flex-wrap:wrap}.time-stats-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.time-stats-card,.time-stats-chart-card,.time-stats-empty-state,.time-stats-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow)}.time-stats-card{padding:18px;display:flex;flex-direction:column;gap:8px}.time-stats-card.emphasis{grid-column:span 2;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),var(--card-bg)}.time-stats-card.compact strong{font-size:1.55rem}.time-stats-bar-label,.time-stats-bar-value,.time-stats-card small,.time-stats-card span,.time-stats-empty-copy,.time-stats-ranked-row span,.time-stats-section-heading p{color:var(--text-secondary)}.time-stats-card strong{font-size:2rem;line-height:1;color:var(--fg)}.time-stats-chart-card,.time-stats-empty-state,.time-stats-panel{padding:20px}.time-stats-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.time-stats-empty-state h1,.time-stats-section-heading h2{margin:0}.time-stats-trend-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.time-stats-trend-stat{padding:16px;border:1px solid var(--card-border);border-radius:calc(var(--radius) - 6px);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 16%,transparent),transparent 58%),color-mix(in srgb,var(--card-bg) 86%,var(--header-bg));display:flex;flex-direction:column;gap:6px}.time-stats-trend-stat small,.time-stats-trend-stat span{color:var(--text-secondary)}.time-stats-trend-stat strong{font-size:1.85rem;line-height:1;color:var(--fg)}.time-stats-empty-state{min-height:260px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;text-align:center}.time-stats-bar-chart{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:10px;align-items:end;min-height:260px}.time-stats-bar-column{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.time-stats-bar-track{height:180px;width:100%;max-width:42px;border-radius:999px;background:var(--header-bg);position:relative;overflow:hidden;display:flex;align-items:flex-end}.time-stats-bar-fill{width:100%;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white 12%),var(--accent));min-height:8px}.time-stats-bar-label,.time-stats-bar-value{font-size:.78rem;text-align:center}.time-stats-chart-toggle{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--card-border);flex-shrink:0}.time-stats-chart-toggle button{padding:5px 14px;font-size:.78rem;font-weight:500;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:background .15s,color .15s;line-height:1.4}.time-stats-chart-toggle button:hover{background:var(--header-bg);color:var(--fg)}.time-stats-chart-toggle button.active{background:var(--accent);color:#fff}.heatmap-root{display:flex;flex-direction:column;gap:6px}.heatmap-scroll-area{overflow-x:auto;padding-top:34px;padding-bottom:4px}.heatmap-body,.heatmap-month-row{display:grid;gap:3px}.heatmap-month-row{margin-bottom:4px}.heatmap-month-label{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;min-width:0}.heatmap-day-labels{display:flex;flex-direction:column;gap:3px;align-self:stretch}.heatmap-day-label{flex:1 1;min-height:10px;display:flex;align-items:center;justify-content:flex-end;font-size:.68rem;color:var(--text-secondary);padding-right:4px;line-height:1}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:100%;aspect-ratio:1;min-width:0;border-radius:50%;position:relative;cursor:default}.heatmap-cell[data-future=true]{opacity:.3}.heatmap-cell--placeholder{visibility:hidden}.heatmap-desktop{display:block}.heatmap-mobile{display:none}@media (max-width:640px){.heatmap-desktop{display:none}.heatmap-mobile{display:flex;flex-direction:column;gap:20px}}.heatmap-mobile-dow-header{display:flex;align-items:center;gap:8px}.heatmap-mobile-month-label-spacer{width:70px;flex-shrink:0}.heatmap-mobile-dow-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;flex:1 1}.heatmap-mobile-dow-label{font-size:.68rem;color:var(--text-secondary);text-align:center;line-height:1}.heatmap-mobile-month{display:flex;align-items:flex-start;gap:8px}.heatmap-mobile-month--current .heatmap-mobile-month-name{color:var(--accent)}.heatmap-mobile-month--hidden{display:none}.heatmap-mobile-toggle{align-self:center;margin-top:4px;padding:6px 18px;border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.heatmap-mobile-toggle:hover{background:var(--header-bg);color:var(--fg);border-color:var(--accent)}.heatmap-mobile-month-name{width:70px;flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--fg);padding-top:2px}.heatmap-mobile-grid{flex:1 1;display:flex;flex-direction:column;gap:3px}.heatmap-mobile-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.heatmap-cell[data-level="0"]{background:var(--header-bg)}.heatmap-cell[data-level="1"]{background:color-mix(in srgb,var(--accent) 22%,var(--header-bg))}.heatmap-cell[data-level="2"]{background:color-mix(in srgb,var(--accent) 45%,var(--header-bg))}.heatmap-cell[data-level="3"]{background:color-mix(in srgb,var(--accent) 70%,var(--header-bg))}.heatmap-cell[data-level="4"]{background:var(--accent)}.heatmap-cell[data-tooltip]{cursor:pointer}.heatmap-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px}.heatmap-legend span{font-size:.72rem;color:var(--text-secondary)}.heatmap-legend-cell{cursor:default!important;width:13px!important;height:13px!important;flex-shrink:0}.heatmap-legend-cell:after{display:none!important}.time-stats-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.time-stats-ranked-list{display:flex;flex-direction:column;gap:10px}.time-stats-ranked-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:var(--header-bg)}.time-stats-ranked-row-link{color:inherit;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease}.time-stats-ranked-row-link:focus-visible,.time-stats-ranked-row-link:hover{background:color-mix(in srgb,var(--header-bg) 65%,var(--card-bg))}.time-stats-ranked-row-link strong{text-decoration:none}.time-stats-ranked-row-link:focus-visible strong,.time-stats-ranked-row-link:hover strong{text-decoration:underline}.time-stats-ranked-metric strong,.time-stats-ranked-row strong{display:block;color:var(--fg)}.time-stats-ranked-metric span,.time-stats-ranked-row span{display:block;font-size:.82rem}.time-stats-ranked-metric{text-align:right;flex-shrink:0}.time-stats-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-shrink:0;min-width:0}.time-stats-ranked-metric-inline{display:flex;align-items:center;gap:12px;white-space:nowrap}.time-stats-ranked-metric-inline span,.time-stats-ranked-metric-inline strong{display:inline}@media (max-width:1100px){.time-stats-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.time-stats-card.emphasis{grid-column:span 3}.time-stats-columns{grid-template-columns:1fr}}@media (max-width:720px){.stats-page-shell{padding:16px}.time-stats-trend-summary{grid-template-columns:1fr}.time-stats-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-stats-card.emphasis{grid-column:span 2}.time-stats-bar-chart{gap:6px;overflow-x:auto;padding-bottom:6px}.time-stats-bar-track{min-width:26px}.time-stats-ranked-row{flex-direction:column;align-items:flex-start}.time-stats-ranked-metric,.time-stats-row-meta{text-align:left}.time-stats-ranked-metric-inline,.time-stats-row-meta{width:100%;justify-content:flex-start;white-space:normal;flex-wrap:wrap}}.loader-fullscreen,.loader-page,.loader-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);font-size:.95rem;text-align:center}.loader-fullscreen .loader-label,.loader-page .loader-label{margin-top:16px}.loader-section .loader-label{margin-top:12px}.loader-page{min-height:max(400px,calc(100dvh - 200px))}.loader-fullscreen{min-height:100vh;background:var(--bg)}.loader-section{min-height:200px;gap:12px}.loader-bare{display:flex;justify-content:center}.loader-root .loader{height:15px;aspect-ratio:4;--_g:no-repeat radial-gradient(farthest-side,currentColor 90%,#0000);background:var(--_g) left,var(--_g) right;background-size:25% 100%;display:flex;color:var(--accent)}.loader-root .loader:before{content:"";flex:1 1;background:inherit;animation:loader-dots 2s infinite}.loader-root.loader-sm .loader{height:12px}.loader-root.loader-lg .loader{height:24px}@keyframes loader-dots{0%{transform:translate(37.5%) rotate(0)}16.67%{transform:translate(37.5%) rotate(90deg)}33.33%{transform:translate(-37.5%) rotate(180deg)}50%{transform:translate(-37.5%) rotate(270deg)}66.67%{transform:translate(-37.5%) rotate(270deg)}83.33%{transform:translate(37.5%) rotate(1turn)}to{transform:translate(37.5%) rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.stats-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:all .2s ease;flex-shrink:0}.stats-icon-btn:hover{background:var(--card-bg);color:var(--accent)}.contributor-avatars{display:flex;align-items:center}.contributor-avatars .user-avatar{margin-left:-8px;border:2px solid var(--header-bg)}.contributor-avatars .user-avatar:first-child{margin-left:0}.contributor-overflow{justify-content:center;width:28px;height:28px;margin-left:-8px;border-radius:50%;background:var(--card-border);color:var(--text-muted);font-size:.7rem;font-weight:600;border:2px solid var(--header-bg)}.contributor-avatars-small,.contributor-overflow{display:flex;align-items:center}.contributor-avatars-small .user-avatar{margin-left:-6px;border:2px solid var(--header-bg)}.contributor-avatars-small .user-avatar:first-child{margin-left:0}.contributor-overflow-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:-6px;border-radius:50%;background:var(--card-border);color:var(--text-muted);font-size:.65rem;font-weight:600;border:2px solid var(--header-bg)}.time-stats-view-all{display:flex;justify-content:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--card-border)}.time-stats-view-all a{color:var(--accent);text-decoration:none;font-weight:500;transition:opacity .2s ease}.time-stats-view-all a:hover{opacity:.8;text-decoration:underline}.time-stats-ranked-row{position:relative}.time-stats-task-info{flex:1 1;min-width:0}.time-stats-task-contributors{flex-shrink:0}.time-stats-ranked-row-content{flex:1 1;min-width:0;text-decoration:none;color:inherit}.time-stats-row-static{cursor:default}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.task-stats-modal{background:var(--card-bg);border-radius:calc(var(--radius) * 2);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.task-stats-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--card-border)}.task-stats-modal-header h2{font-size:1.25rem;margin:0;color:var(--fg)}.task-stats-modal-header p{font-size:.875rem;color:var(--text-muted);margin:4px 0 0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.modal-close-btn:hover{background:var(--header-bg);color:var(--fg)}.task-stats-modal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;border-bottom:1px solid var(--card-border)}.task-stats-summary-item{text-align:center}.task-stats-summary-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.task-stats-summary-item strong{font-size:1.25rem;color:var(--fg)}.task-stats-modal-chart{padding:20px 24px}.task-stats-modal-chart h3{font-size:.875rem;color:var(--text-muted);margin:0 0 16px}.task-stats-bar-chart{display:flex;flex-direction:column;gap:12px}.task-stats-bar-row{display:grid;grid-template-columns:140px 1fr 100px;gap:12px;align-items:center}.task-stats-bar-label{display:flex;align-items:center;gap:8px;overflow:hidden}.task-stats-bar-name{font-size:.875rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-stats-bar-track{height:24px;background:var(--header-bg);border-radius:var(--radius);overflow:hidden}.task-stats-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius);transition:width .3s ease}.task-stats-bar-value{text-align:right}.task-stats-bar-value strong{display:block;font-size:.875rem;color:var(--fg)}.task-stats-bar-value span{font-size:.75rem;color:var(--text-muted)}.task-stats-modal-footer{padding:16px 24px;border-top:1px solid var(--card-border)}.task-stats-modal-task-id{font-size:.75rem;color:var(--text-muted);margin:0}.time-stats-table-container{background:var(--header-bg);border-radius:var(--radius);overflow:hidden;margin-top:20px}.time-stats-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--card-border)}.time-stats-table-header h2{font-size:1rem;margin:0}.time-stats-sort-controls{display:flex;align-items:center;gap:8px}.time-stats-sort-controls span{font-size:.875rem;color:var(--text-muted)}.sort-btn{padding:6px 12px;border:1px solid var(--card-border);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.sort-btn:hover{border-color:var(--accent);color:var(--fg)}.sort-btn.active{background:var(--accent);border-color:var(--accent);color:white}.time-stats-table{width:100%;border-collapse:collapse}.time-stats-table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--card-bg)}.time-stats-table td,.time-stats-table th{padding:12px 16px;border-bottom:1px solid var(--card-border)}.time-stats-table td{vertical-align:middle}.time-stats-table tbody tr:last-child td{border-bottom:none}.task-name-cell a{color:inherit;text-decoration:none}.task-name-cell strong{display:block;color:var(--fg);margin-bottom:2px}.task-name-cell span{display:block;font-size:.8rem;color:var(--text-muted)}.deleted-badge,.list-embed-card .deleted-badge,.list-name-cell .deleted-badge,.task-embed-card .deleted-badge,.task-name-cell .deleted-badge,.task-stats-modal-header .deleted-badge,.time-stats-ranked-row .deleted-badge,.time-stats-task-info .deleted-badge{display:inline-flex;align-items:center;margin-left:.4rem;padding:.05rem .35rem;border-radius:var(--radius);font-size:.66rem;font-style:normal;font-weight:700;letter-spacing:.02em;line-height:1.4;text-transform:uppercase;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);white-space:nowrap;vertical-align:middle}.task-name-cell a:hover strong{text-decoration:underline}.time-bar-container{display:flex;align-items:center;gap:12px}.time-bar-track{flex:1 1;height:20px;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;min-width:80px}.time-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius);opacity:.7}.time-value{font-size:.875rem;font-weight:500;color:var(--fg);min-width:60px;text-align:right}.date-cell,.sessions-cell{font-size:.875rem;color:var(--text-muted)}.action-cell{width:50px}.time-stats-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--card-border)}.pagination-btn{padding:8px 16px;border:1px solid var(--card-border);background:transparent;color:var(--fg);font-size:.875rem;cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-muted)}.project-selector{position:relative}.project-selector-button{display:flex;align-items:center;gap:8px;background:var(--header-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:10px 16px;font-size:1rem;font-weight:600;color:var(--fg);cursor:pointer;transition:all .2s ease;min-width:200px}.project-selector-button:hover{border-color:var(--accent)}.project-selector-text{flex:1 1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-selector-chevron{transition:transform .2s ease;flex-shrink:0}.project-selector-chevron.open{transform:rotate(180deg)}.project-selector-dropdown{position:fixed;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-hover);min-width:320px;max-width:400px;z-index:10002;overflow:hidden}.project-selector-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--header-bg);border-bottom:1px solid var(--card-border);font-size:.875rem;font-weight:600;color:var(--text-muted)}.project-count{color:var(--accent)}.project-limit-badge{color:var(--warning);font-size:.75rem}.project-list{max-height:300px;overflow-y:auto}.project-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease}.project-item:hover{background:var(--header-bg)}.project-item.active{background:color-mix(in srgb,var(--accent) 8%,var(--header-bg))}.project-item-info{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.project-item-name{font-weight:600;color:var(--fg);display:flex;align-items:center;gap:8px}.project-default-badge{font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:2px 6px;letter-spacing:.02em}.project-default-badge,.project-team-badge{font-size:.65rem;border-radius:4px;text-transform:uppercase}.project-team-badge{font-weight:700;color:var(--success);background:color-mix(in srgb,var(--success) 16%,transparent);padding:2px 7px;letter-spacing:.03em}.project-team-badge--trigger{flex-shrink:0}.project-item-description{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item-stats{font-size:.75rem;color:var(--text-muted)}.project-check-icon{color:var(--accent);flex-shrink:0}.project-selector-footer{padding:12px 16px;border-top:1px solid var(--card-border);background:var(--header-bg)}.project-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--accent);color:white;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.project-create-btn:hover:not(:disabled){background:var(--accent-hover)}.project-create-btn.disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.project-limit-message{font-size:.75rem;color:var(--warning);text-align:center;margin-top:8px;margin-bottom:0}.project-info{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-muted)}.project-view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.project-view-btn:hover{background:var(--bg-soft);color:var(--fg)}.project-stats{gap:2px;padding:2px;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:8px}.project-stats,.project-stats>span{display:inline-flex;align-items:center}.project-stats>span{gap:5px;height:22px;padding:0 8px 0 6px;border-radius:6px;color:var(--text-muted);font-size:.76rem;font-weight:600;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default}.project-stats>span:hover{background:color-mix(in srgb,var(--text-muted) 12%,transparent)}.project-stats svg{color:var(--text-secondary);flex-shrink:0}.project-view{gap:20px}.project-header,.project-view{display:flex;flex-direction:column}.project-header{gap:8px}.project-header h2{font-size:1.5rem;font-weight:700;margin:0}.project-description{color:var(--text-secondary);margin:0}.lists-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;border:2px dashed var(--card-border);border-radius:var(--radius)}.lists-placeholder,.text-muted{color:var(--text-muted)}.no-project{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.no-project p{color:var(--text-muted);font-size:1.1rem}.no-project .no-project-hint{font-size:.9rem;max-width:380px;text-align:center;opacity:.75}.help-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--text-muted);background:transparent;border:1px solid var(--card-border);border-radius:50%;cursor:pointer;transition:all .2s}.help-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover)}@media (max-width:768px){.toast-container{top:calc(var(--safe-area-top) + 10px);right:calc(var(--safe-area-right) + 10px);left:calc(var(--safe-area-left) + 10px)}.toast{min-width:auto;max-width:none}body{padding:calc(var(--safe-area-top) + var(--gap)) calc(var(--safe-area-right) + var(--gap)) calc(var(--safe-area-bottom) + var(--gap)) calc(var(--safe-area-left) + var(--gap))}header{margin-bottom:calc(var(--gap) * 2);gap:calc(var(--gap) * .5)}h1{font-size:1.5rem}.header-controls{gap:.5rem}.settings-btn,.theme-toggle-btn,.view-toggle-btn{padding:.4rem}.settings-btn svg,.theme-toggle-btn svg,.view-toggle-btn svg{width:18px;height:18px}.add-list-btn{padding:8px 16px;font-size:.9rem}.add-list-btn .add-list-text{display:none}.add-list-btn .add-list-icon{display:inline;font-size:1.2rem;font-weight:700}.lists-container,.lists-container.column-view{display:flex;flex-direction:column;grid-template-columns:unset}.view-toggle-btn{display:none}.list-form{gap:4px;padding:calc(var(--gap) * 1)}.list-form input{min-width:80px;font-size:.85rem;padding:6px 8px}.time-toggle-btn{min-width:32px;height:32px;padding:6px}.list-form button[type=submit]{padding:6px 12px;font-size:.85rem;min-width:32px;height:32px}.modal-time-controls{flex-direction:column;align-items:stretch}.modal-time-inputs{justify-content:center}.auth-card{padding:24px}.dashboard-header{padding:10px 12px;flex-wrap:nowrap}.dashboard-header,.dashboard-header-left{flex-direction:row;align-items:center;gap:8px}.dashboard-header-left{flex:1 1;min-width:0}.dashboard-header-right{justify-content:flex-end;gap:6px;flex-shrink:0}.project-selector-button{min-width:auto;width:auto;max-width:140px;padding:8px 12px;font-size:.9rem}.project-selector-text{max-width:100px}.project-info{display:none}.project-selector-dropdown{position:fixed;top:auto;left:var(--gap);right:var(--gap);margin-top:8px;min-width:auto;max-width:none}.project-info{justify-content:flex-start}.project-view{gap:16px}.project-header h2{font-size:1.25rem}.lists-placeholder{min-height:200px}.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}.task-body-markdown{color:var(--text-secondary);line-height:1.6;font-size:.92rem}.task-body-markdown p{margin:0 0 8px}.task-body-markdown p:last-child{margin-bottom:0}.task-body-markdown h1,.task-body-markdown h2,.task-body-markdown h3,.task-body-markdown h4,.task-body-markdown h5,.task-body-markdown h6{color:var(--fg);margin:12px 0 6px;font-weight:600;line-height:1.3}.task-body-markdown h1{font-size:1.2rem}.task-body-markdown h2{font-size:1.1rem}.task-body-markdown h3{font-size:1rem}.task-body-markdown h4,.task-body-markdown h5,.task-body-markdown h6{font-size:.95rem}.task-body-markdown ol,.task-body-markdown ul{margin:6px 0 8px 20px;padding:0}.task-body-markdown li{margin:2px 0}.task-body-markdown li::marker{color:var(--text-muted)}.task-body-markdown a{color:var(--accent);text-decoration:none;cursor:pointer;word-break:break-all}.task-body-markdown a:hover{color:var(--accent-hover);text-decoration:underline}.task-body-markdown code{background:color-mix(in srgb,var(--header-bg) 80%,transparent);border:1px solid var(--card-border);border-radius:4px;padding:1px 5px;font-size:.85em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.task-body-markdown pre{background:var(--code-block-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:10px 12px;overflow-x:auto;margin:8px 0}.task-body-markdown pre code{background:none;border:none;padding:0;font-size:.85em}.task-body-markdown blockquote{margin:8px 0;padding:4px 12px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--header-bg) 60%,transparent);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}.task-body-markdown blockquote p{margin:4px 0}.task-body-markdown hr{border:none;border-top:1px solid var(--card-border);margin:12px 0}.task-body-markdown table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.9em}.task-body-markdown td,.task-body-markdown th{border:1px solid var(--card-border);padding:6px 10px;text-align:left}.task-body-markdown th{background:var(--header-bg);font-weight:600}.embedded-markdown td[align=left],.embedded-markdown th[align=left],.prose td[align=left],.prose th[align=left],.task-body-markdown td[align=left],.task-body-markdown th[align=left]{text-align:left}.embedded-markdown td[align=center],.embedded-markdown th[align=center],.prose td[align=center],.prose th[align=center],.task-body-markdown td[align=center],.task-body-markdown th[align=center]{text-align:center}.embedded-markdown td[align=right],.embedded-markdown th[align=right],.prose td[align=right],.prose th[align=right],.task-body-markdown td[align=right],.task-body-markdown th[align=right]{text-align:right}.task-body-markdown tr:nth-child(2n){background:color-mix(in srgb,var(--header-bg) 30%,transparent)}.task-body-markdown strong{font-weight:600;color:var(--fg)}.task-body-markdown em{font-style:italic}.task-body-markdown del{text-decoration:line-through;opacity:.7}.task-body-markdown img{max-width:100%;height:auto;display:block}.task-body-markdown input[type=checkbox]{margin-right:6px;cursor:pointer;width:16px;height:16px;appearance:none;border:2px solid var(--card-border);border-radius:4px;background:var(--bg);display:grid;place-items:center;transition:background .2s ease,border-color .2s ease}.task-body-markdown input[type=checkbox]:after{content:"";width:7px;height:3px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg)}.task-body-markdown input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.task-body-markdown input[type=checkbox]:checked:after{border-left-color:#fff;border-bottom-color:#fff}.embedded-markdown mark,.task-body-markdown mark{background:color-mix(in srgb,var(--warning,#eab308) 32%,transparent);border-radius:2px;padding:0 1px;color:inherit}.error-toast,.info-toast,.success-toast,.warning-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);color:white;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;animation:slideUp .3s ease;max-width:min(92vw,560px)}.error-toast{background:var(--danger)}.success-toast{background:var(--success)}.info-toast{background:var(--accent)}.warning-toast{background:var(--warning);color:#111}.warning-toast button{color:#111}.error-toast button,.info-toast button,.success-toast button,.warning-toast button{background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-action{color:white;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;flex-shrink:0}.toast-action:hover{color:#fff;opacity:.9}.offline-status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-soft);color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;max-width:40vw;overflow:hidden;text-overflow:ellipsis}.offline-status-chip svg{flex-shrink:0;color:var(--warning)}@media (max-width:640px){.offline-status-chip span{display:none}.offline-status-chip{padding:6px}}.app-header{justify-content:space-between;margin-bottom:20px;padding:0;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-header,.app-header-left,.app-logo{display:flex;align-items:center}.app-logo{font-size:1.75rem;font-weight:700;color:var(--fg);margin:0;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-header-right{display:flex;align-items:center;gap:12px}.notification-center{position:relative}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--fg);cursor:pointer;position:relative;transition:all .2s ease}.notification-bell-btn:hover{background:var(--hover-bg)}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:white;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;background:var(--bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.notification-header h3{margin:0;font-size:14px;font-weight:600}.mark-all-read-btn,.notification-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--muted);cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover,.notification-close-btn:hover{background:var(--hover-bg);color:var(--fg)}.notification-list{max-height:340px;overflow-y:auto}.notification-empty,.notification-loading{padding:24px;text-align:center;color:var(--muted);font-size:13px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--fg);transition:background .2s ease;cursor:pointer;position:relative}.notification-item:hover{background:var(--hover-bg)}.notification-item.unread{background:rgba(59,130,246,.05)}.notification-icon{font-size:18px;flex-shrink:0}.notification-content{flex:1 1;min-width:0}.notification-title{font-size:13px;font-weight:600;margin-bottom:2px}.notification-message{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:var(--muted);margin-top:4px}.notification-dot{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);border-radius:50%}.tour-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--fg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tour-btn:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.tour-btn-icon{padding:8px;border:none;background:transparent}.tour-btn-icon:hover{background:var(--hover-bg);border:none}.driver-highlighted{position:relative;z-index:9999}.driver-theme-aware.driver-popover{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.15)}.driver-theme-aware .driver-popover-title{color:var(--fg);font-weight:600;font-size:1rem}.driver-theme-aware .driver-popover-description{color:var(--fg);opacity:.85;font-size:.875rem;line-height:1.5}.driver-theme-aware .driver-popover-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.driver-theme-aware .driver-popover-progress-text{color:var(--fg);opacity:.6;font-size:.75rem}.driver-theme-aware .driver-popover-progress-bar{background:var(--border-color);border-radius:4px;height:4px}.driver-theme-aware .driver-popover-progress-bar .driver-popover-progress{background:var(--accent);border-radius:4px;transition:width .3s ease}.driver-theme-aware .driver-button{background:var(--accent);color:white;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.driver-theme-aware .driver-button:hover{background:var(--accent-hover)}.driver-theme-aware .driver-button-secondary{background:transparent;color:var(--fg);border:1px solid var(--border-color)}.driver-theme-aware .driver-button-secondary:hover{background:var(--hover-bg);border-color:var(--fg)}.driver-theme-aware .driver-close-btn{color:var(--fg);opacity:.6}.driver-theme-aware .driver-close-btn:hover{opacity:1;color:var(--fg)}.driver-theme-aware.driver-overlay{background:rgba(0,0,0,.5)}[data-theme=dark] .driver-theme-aware.driver-popover{box-shadow:0 10px 40px rgba(0,0,0,.4)}[data-theme=dark] .driver-theme-aware .driver-popover-title{color:#ffffff}[data-theme=dark] .driver-theme-aware .driver-popover-description{color:#e0e0e0}[data-theme=dark] .driver-theme-aware .driver-popover-progress-text{color:#a0a0a0}[data-theme=dark] .driver-theme-aware .driver-button{color:#ffffff}[data-theme=dark] .driver-theme-aware .driver-button-secondary{color:#e0e0e0}.user-avatar{border-radius:50%;object-fit:cover;border:2px solid var(--card-border);transition:all .2s ease}.user-avatar-fallback{display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:12px}.hamburger-btn{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:8px;cursor:pointer;color:var(--fg);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hamburger-btn:hover,.user-menu.active .hamburger-btn{background:var(--header-bg);border-color:var(--accent);color:var(--accent)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-hover);min-width:280px;z-index:10001;animation:slideDown .2s ease;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--header-bg)}.user-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu-name{font-weight:600;font-size:.95rem;color:var(--fg)}.user-menu-email,.user-menu-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{font-size:.8rem;color:var(--text-muted)}.user-menu-divider{height:1px;background:var(--card-border)}.user-menu-items{padding:8px}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;border-radius:calc(var(--radius) - 2px);color:var(--fg);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.user-menu-item:hover{background:var(--header-bg);color:var(--accent)}.user-menu-item-danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.user-menu-item svg{flex-shrink:0}.mobile-user-menu-wrapper,.native-mobile-bottom-bar{display:none}.native-mobile-bottom-bar-content{display:flex;justify-content:flex-end;align-items:center;gap:12px}.notification-center-mobile-wrapper{display:none}.notification-center-mobile-wrapper .notification-center{position:relative}.notification-center-mobile-wrapper .notification-bell-btn{width:40px;height:40px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg);transition:background-color .2s ease}.notification-center-mobile-wrapper .notification-bell-btn:hover{background-color:var(--bg-hover,rgba(0,0,0,.05))}.notification-center-mobile-wrapper .notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);color:white;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.notification-center-mobile-wrapper .notification-dropdown{position:fixed;top:60px;right:16px;left:16px;max-width:none;width:auto;max-height:calc(100vh - 100px)}@media (max-width:768px){.dashboard-container-native-mobile{padding-bottom:calc(104px + var(--safe-area-bottom))}.native-mobile-bottom-bar{display:block;position:fixed;left:calc(var(--gap) + var(--safe-area-left));right:calc(var(--gap) + var(--safe-area-right));bottom:calc(var(--gap) + var(--safe-area-bottom));z-index:8500;pointer-events:none}.native-mobile-bottom-bar-content{pointer-events:auto;min-height:64px;padding:10px 14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--card-border) 88%,transparent);background:color-mix(in srgb,var(--card-bg) 94%,transparent);box-shadow:0 18px 36px rgba(15,23,42,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.native-mobile-bottom-bar .user-menu.mobile{width:100%;display:flex;justify-content:flex-end}.native-mobile-bottom-bar .user-menu-trigger{flex-direction:row-reverse;gap:12px}.native-mobile-bottom-bar .hamburger-btn,.native-mobile-bottom-bar .user-menu-trigger>div{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 74%,transparent)}.native-mobile-bottom-bar .hamburger-btn:hover,.native-mobile-bottom-bar .user-menu-trigger>div:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.mobile-user-menu-wrapper,.notification-center-mobile-wrapper{display:block}.mobile-user-menu-portal .user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;min-width:0;border-radius:20px 20px 0 0;border:none;box-shadow:0 -4px 24px rgba(0,0,0,.2);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1) forwards;z-index:2000;max-height:85vh;overflow-y:auto;margin-top:0}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1999;animation:fadeIn .2s ease forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-user-menu-portal .user-menu-item{padding:14px 16px;font-size:1rem}.mobile-user-menu-portal .user-menu-header{padding:20px 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-menu.mobile .user-menu-item{padding:14px 16px;font-size:1rem}.user-menu.mobile .user-menu-header{padding:20px 16px}.app-header{display:none}}.project-settings-content{max-width:1120px;margin:0 auto;width:100%;padding:24px 24px 72px;box-sizing:border-box}.activity-panel{min-width:0;overflow-x:hidden}.activity-item{min-width:0}.activity-avatar{flex-shrink:0}.activity-avatar-stack{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:52px}.activity-actor-name{width:100%;font-size:.68rem;line-height:1.15;color:var(--text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-content{min-width:0}.activity-message{min-width:0;overflow-wrap:anywhere;word-break:break-word}.activity-row-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.activity-type-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.08rem .4rem;border-radius:var(--radius);font-size:.66rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.activity-type-pill-project{color:#6f8ecb;background:rgba(111,142,203,.14);border-color:rgba(111,142,203,.2)}.activity-type-pill-member{color:#7d95cc;background:rgba(125,149,204,.14);border-color:rgba(125,149,204,.2)}.activity-type-pill-list{color:#7b90c4;background:rgba(123,144,196,.14);border-color:rgba(123,144,196,.2)}.activity-type-pill-created{color:#7699d6;background:rgba(118,153,214,.14);border-color:rgba(118,153,214,.2)}.activity-type-pill-completed{color:#79a889;background:rgba(121,168,137,.14);border-color:rgba(121,168,137,.2)}.activity-type-pill-deleted{color:#cb8585;background:rgba(203,133,133,.14);border-color:rgba(203,133,133,.2)}.activity-type-pill-updated{color:#c9a06b;background:rgba(201,160,107,.14);border-color:rgba(201,160,107,.2)}.activity-entity{font-weight:600;color:var(--accent-color)}.activity-context{font-weight:500;color:var(--text-primary)}.activity-time{min-width:0}.activity-time-inline{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.activity-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center}.activity-load-more-wrap{display:flex;justify-content:center;padding:1rem 1.25rem 1.2rem;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--card-bg) 92%,var(--bg-secondary))}.activity-load-more-btn{border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-primary);border-radius:999px;padding:.5rem .95rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.activity-load-more-btn:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent-color) 22%,var(--card-border))}.activity-load-more-btn:disabled{opacity:.65;cursor:wait}@media (max-width:768px){.activity-row-meta{flex-direction:column;align-items:flex-start}.activity-time-inline{white-space:normal}}.settings-page{width:100%;max-width:1200px;margin:0 auto;padding:20px}.settings-header{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between}.settings-header-left{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--fg);cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn:hover{background:var(--header-bg);border-color:var(--accent);color:var(--accent)}.settings-header h1{font-size:2rem;margin-bottom:8px}.settings-header p{color:var(--text-muted);font-size:1rem}.settings-layout{display:flex;gap:32px}.settings-tabs{display:flex;flex-direction:column;gap:8px;min-width:200px;flex-shrink:0}.settings-tab-btn{background:none;border:none;color:var(--text-secondary);padding:12px 16px;border-radius:var(--radius);text-align:left;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-tab-btn:hover{background:var(--header-bg);color:var(--fg)}.settings-tab-btn.active{background:var(--accent);color:white}.settings-content{flex:1 1;min-width:0}.settings-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}.settings-form h3{font-size:1.25rem;margin-bottom:8px;color:var(--fg)}.settings-toggle{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--fg);cursor:pointer}.settings-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.settings-hint{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-secondary)}.settings-description{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-form .form-group{margin-bottom:20px}.settings-form label{display:block;font-size:.9rem;font-weight:500;color:var(--fg);margin-bottom:8px}.settings-form input,.settings-form textarea,.settings-select{width:100%;padding:10px 14px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:.95rem;background:var(--bg);color:var(--fg);transition:all .2s ease}.settings-form input:focus,.settings-form textarea:focus,.settings-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.settings-form input.input-error{border-color:var(--danger)}.settings-form .field-error{display:block;color:var(--danger);font-size:.85rem;margin-top:6px}.settings-form textarea{resize:vertical;min-height:100px}.avatar-uploader{display:flex;align-items:center;gap:16px}.avatar-preview{position:relative;flex-shrink:0}.avatar-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--bg) 80%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-actions{display:flex;flex-direction:column;gap:8px}.btn-secondary{background:var(--header-bg);color:var(--fg);border:1px solid var(--card-border);padding:10px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--card-border)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-text{background:none;color:var(--danger);border:none;padding:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-text:hover:not(:disabled){text-decoration:underline}.btn-danger{background:var(--danger);color:white;border:none;padding:10px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.account-email-display{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--header-bg);border:1px solid var(--card-border);border-radius:var(--radius)}.account-email-display span:first-child{font-weight:500}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-success{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-warning{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.password-change-form{margin-top:24px;padding-top:24px;border-top:1px solid var(--card-border)}.password-change-form h4{font-size:1rem;margin-bottom:16px;color:var(--fg)}.connected-accounts{margin-top:24px;padding-top:24px;border-top:1px solid var(--card-border)}.connected-accounts h4{font-size:1rem;margin-bottom:16px;color:var(--fg)}.account-connection{display:flex;align-items:center;gap:12px;padding:12px;background:var(--header-bg);border:1px solid var(--card-border);border-radius:var(--radius)}.account-connection-icon{flex-shrink:0}.account-connection-info{display:flex;flex-direction:column;flex:1 1}.account-connection-name{font-weight:500;color:var(--fg)}.account-connection-status{font-size:.85rem;color:var(--text-muted)}.danger-zone{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius);padding:20px;background:color-mix(in srgb,var(--danger) 5%,transparent)}.danger-zone h3{color:var(--danger)}.danger-zone-content p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.delete-confirm-form{margin-top:16px}.delete-warning-text{color:var(--danger);margin-bottom:16px;font-size:.9rem}.delete-actions{margin-top:20px}.delete-actions,.theme-mode-selector{display:flex;gap:12px}.theme-mode-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--header-bg);border:2px solid var(--card-border);border-radius:var(--radius);color:var(--fg);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.theme-mode-btn.active,.theme-mode-btn:hover{border-color:var(--accent)}.theme-mode-btn.active{background:var(--accent);color:white}.accent-color-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}@media (max-width:1100px){.accent-color-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:820px){.accent-color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.accent-color-btn{width:48px;height:48px;border-radius:var(--radius);border:3px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.accent-color-btn:hover{transform:scale(1.1)}.accent-color-btn.active{border-color:var(--fg);box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--fg)}.gradient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gradient-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--header-bg);border:2px solid var(--card-border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.gradient-btn.active,.gradient-btn:hover{border-color:var(--accent)}.gradient-btn.active{background:color-mix(in srgb,var(--accent) 10%,var(--header-bg))}.gradient-preview{width:100%;height:60px;border-radius:calc(var(--radius) - 4px);border:1px solid var(--card-border)}.gradient-btn span{font-size:.85rem;color:var(--fg);font-weight:500}.subscription-card{background:var(--header-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}.subscription-plan-badge{display:inline-block;padding:8px 16px;border-radius:var(--radius);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:20px}.subscription-plan-badge.free{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.subscription-plan-badge.premium{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.subscription-details{margin-bottom:24px}.subscription-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--card-border)}.subscription-row:last-child{border-bottom:none}.subscription-row:has(+.usage-bar){border-bottom:none}.subscription-label{color:var(--text-secondary);font-size:.9rem}.subscription-value{font-weight:500;color:var(--fg)}.subscription-status{font-weight:500}.subscription-status.active{color:var(--success)}.subscription-status.canceled{color:var(--warning)}.subscription-features{margin-bottom:24px}.subscription-features h4{font-size:1rem;margin-bottom:12px;color:var(--fg)}.feature-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--text-secondary);font-size:.9rem}.feature-item svg{color:var(--success);flex-shrink:0}.subscription-actions{display:flex;gap:12px}.subscription-note{color:var(--text-muted);font-size:.9rem}.subscription-plan-badge.premium-plus{background:color-mix(in srgb,#eab308 18%,transparent);color:#eab308}.subscription-plan-badge.team{background:color-mix(in srgb,#10b981 18%,transparent);color:#10b981}.matrix-price{font-size:.9rem;font-weight:600;color:var(--fg)}.matrix-annual{color:var(--success);font-weight:600}.matrix-annual,.matrix-note{font-size:.72rem;white-space:nowrap}.matrix-note{color:var(--text-secondary)}.subscription-usage{color:var(--text-muted);font-size:.9rem}.subscription-usage.over-quota{color:var(--danger,#dc2626);font-weight:600}.usage-bar{height:6px;background:color-mix(in srgb,var(--text-muted) 18%,transparent);border-radius:999px;margin:4px 0 14px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--success);border-radius:999px;transition:width .3s ease}.usage-bar-fill.over-quota{background:var(--danger,#dc2626)}.subscription-usage h4{font-size:1rem;margin-bottom:10px;color:var(--fg)}.workspace-usage{margin-top:4px}.workspace-usage-block{padding-top:4px}.workspace-usage-name{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--fg);margin:10px 0 2px}.workspace-usage-block:first-child .workspace-usage-name{margin-top:2px}.plan-comparison{margin-top:28px}.plan-comparison>h4{font-size:1rem;margin-bottom:12px;color:var(--fg)}.plan-matrix-wrap{overflow-x:auto;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--header-bg)}.plan-matrix{width:100%;min-width:640px;border-collapse:collapse}.plan-matrix th{padding:16px 12px 12px;border-bottom:1px solid var(--card-border);text-align:center}.plan-matrix .matrix-blank{text-align:left}.plan-matrix .plan-col-header{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:0}.plan-current-tag{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:3px 8px;border-radius:999px;white-space:nowrap}.plan-matrix .plan-col-header .subscription-plan-badge{margin-bottom:0;padding:6px 12px}.plan-matrix td{padding:9px 12px;border-top:1px solid var(--card-border);text-align:center;color:var(--fg);font-size:.9rem}.plan-matrix .matrix-label{text-align:left;color:var(--text-secondary);white-space:nowrap}.plan-matrix .col-current{background:color-mix(in srgb,var(--accent) 6%,transparent)}.plan-matrix .matrix-check{color:var(--success);vertical-align:middle}.plan-matrix .matrix-cross{color:var(--danger,#dc2626);vertical-align:middle}.plan-matrix .matrix-inf{color:var(--text-secondary);font-size:1rem;font-weight:600}@media (max-width:768px){.settings-layout{flex-direction:column;gap:20px}.settings-tabs{flex-direction:row;flex-wrap:wrap;min-width:auto}.settings-tab-btn{flex:1 1;min-width:120px;text-align:center}.settings-form{padding:16px}.avatar-uploader{align-items:flex-start}.avatar-uploader,.delete-actions{flex-direction:column}.delete-actions button{width:100%}}.user-menu.mobile{display:none}@media (max-width:768px){.user-menu.desktop{display:none}.user-menu.mobile{display:block}.user-menu.mobile .user-menu-trigger{gap:8px}.user-menu.mobile .hamburger-btn{padding:6px}.user-menu.mobile .user-avatar{width:32px!important;height:32px!important}.user-menu.mobile .user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:auto;border-radius:var(--radius) var(--radius) 0 0;animation:slideUpMobile .3s ease;max-height:70vh;overflow-y:auto}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.landing-page{--landing-content-width:1200px;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}@media (min-width:1800px){.landing-page{--landing-content-width:1400px}}@media (min-width:2400px){.landing-page{--landing-content-width:1600px}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;border-radius:0;padding:0;margin:0;gap:0;flex-wrap:nowrap;box-shadow:none;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=dark] .landing-header{background:rgba(26,26,26,.8);border-bottom:1px solid rgba(255,255,255,.05)}.landing-header-container{max-width:var(--landing-content-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;height:72px}.landing-header-logo{font-size:1.75rem;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:-.03em}.landing-header-nav{display:flex;align-items:center;gap:32px}.landing-header-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.landing-header-link:hover{color:var(--accent)}.landing-header-actions{display:flex;align-items:center;gap:16px}.landing-header-login{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;padding:10px 20px;border-radius:var(--radius);transition:all .2s ease}.landing-header-login:hover{color:var(--fg);background:var(--header-bg)}.landing-header-signup{background:var(--accent);color:white;text-decoration:none;font-size:.95rem;font-weight:600;padding:10px 24px;border-radius:var(--radius);transition:all .2s ease;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.landing-header-signup:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent)}@media (max-width:768px){.landing-header-nav{display:none}.landing-header-container{padding:0 16px;height:64px}.landing-header-login{display:none}}.section-container{max-width:var(--landing-content-width);margin:0 auto;padding:0 24px;width:100%}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--fg)}.section-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto}.lheader{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=dark] .lheader{background:rgba(18,18,18,.82);border-bottom:1px solid rgba(255,255,255,.06)}.lheader-spacer{height:72px}.lheader-inner{width:100%;max-width:var(--landing-content-width);margin:0 auto;padding:0 24px}.lheader-inner,.lheader-left{display:flex;align-items:center}.lheader-left{gap:48px}.lheader-nav{display:flex;align-items:center;gap:32px}.lheader-nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;white-space:nowrap}.lheader-nav a:hover{color:var(--accent)}.lheader-right{display:flex;align-items:center;gap:16px;margin-left:auto}.lheader-login{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;padding:10px 20px;border-radius:var(--radius);transition:all .2s;white-space:nowrap}.lheader-login:hover{color:var(--fg);background:var(--header-bg)}.lheader-signup{background:var(--accent);color:#fff;text-decoration:none;font-size:.95rem;font-weight:600;padding:10px 24px;border-radius:var(--radius);transition:all .2s;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent);white-space:nowrap}.lheader-signup:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent)}.lheader-hamburger{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--fg);margin-left:auto}.lheader-mobile{display:none;position:absolute;top:72px;left:0;right:0;background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:var(--shadow);padding:16px 24px;z-index:999}.lheader-mobile-open{display:block}.lheader-mobile nav{display:flex;flex-direction:column;gap:16px}.lheader-mobile nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 0}.lheader-mobile nav a:hover{color:var(--accent)}.lheader-mobile nav hr{border:none;border-top:1px solid var(--card-border);margin:8px 0}.lheader-mobile-cta{text-align:center;margin-top:8px;background:var(--accent);color:#fff;border-radius:var(--radius);padding:10px 24px;font-weight:600;display:block}@media (max-width:768px){.lheader-nav,.lheader-right{display:none}.lheader-hamburger{display:block}.lheader-inner{padding:0 16px}.lheader,.lheader-spacer{height:64px}.lheader-mobile{top:64px}}.hero-section{position:relative;padding:120px 0 80px;overflow:hidden}.hero-container{max-width:var(--landing-content-width);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-gradient{position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent) 0,transparent 70%);z-index:-1;pointer-events:none}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--fg);letter-spacing:-.02em}.hero-highlight{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,var(--danger)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.hero-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:var(--accent);color:white;font-weight:600;font-size:1.1rem;border-radius:var(--radius);text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.hero-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 50%,transparent)}.hero-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:var(--card-bg);color:var(--fg);font-weight:600;font-size:1.1rem;border-radius:var(--radius);text-decoration:none;border:1px solid var(--card-border);transition:all .2s ease}.hero-btn-secondary:hover{background:var(--header-bg);border-color:var(--accent);color:var(--accent)}.hero-stats{display:flex;align-items:center;gap:32px}.hero-stat{display:flex;flex-direction:column}.hero-stat-number{font-size:2rem;font-weight:700;color:var(--accent)}.hero-stat-label{font-size:.875rem;color:var(--text-muted)}.hero-stat-divider{width:1px;height:40px;background:var(--card-border)}.hero-shot{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 45px rgba(0,0,0,.45));transform:perspective(1200px) rotateY(-4deg) rotateX(3deg);transition:transform .3s ease}.hero-shot:hover{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}@media (max-width:640px){.hero-shot{aspect-ratio:360/470}}.features-section{padding:100px 0;background:color-mix(in srgb,var(--bg-soft) 50%,var(--bg))}.features-rows{display:grid}.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--card-border)}.feature-row:first-child{border-top:none;padding-top:0}.feature-row:last-child{padding-bottom:0}.feature-row-media{grid-column:1;min-width:0}.feature-row-text{grid-column:2;min-width:0}.feature-row:nth-child(2n) .feature-row-media{grid-column:2;grid-row:1}.feature-row:nth-child(2n) .feature-row-text{grid-column:1;grid-row:1}.feature-row-media img{display:block;width:100%;height:auto;border:1px solid var(--card-border);border-radius:16px;background:var(--bg-secondary);box-shadow:var(--shadow)}.feature-row-kicker{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.feature-row-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;line-height:1.25;margin:0 0 12px;color:var(--fg)}.feature-row-body{font-size:1.0625rem;line-height:1.65;color:var(--text-secondary);margin:0 0 18px}.feature-row-list{list-style:none;margin:0 0 20px;padding:0}.feature-row-list li{position:relative;padding-left:26px;margin-bottom:8px;font-size:1rem;line-height:1.55;color:var(--text-secondary)}.feature-row-list li:before{content:"";position:absolute;left:4px;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.feature-row-link{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--accent);text-decoration:none}.feature-row-link:hover{text-decoration:underline}.feature-row-body,.feature-row-list{max-width:62ch}.feature-plan-tag{display:inline-block;padding:2px 9px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--card-border));border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.features-all{display:flex;justify-content:center;margin-top:44px}.features-all-link{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--accent);text-decoration:none}.features-all-link:hover{text-decoration:underline}@media (min-width:1800px){.feature-row{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.feature-row:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.feature-row-media img{max-width:820px}.feature-row:nth-child(odd) .feature-row-media{justify-self:start}.feature-row:nth-child(2n) .feature-row-media{justify-self:end}}@media (max-width:1024px){.feature-row{grid-template-columns:minmax(0,1fr);gap:24px;padding:40px 0}.feature-row-media,.feature-row-text,.feature-row:nth-child(2n) .feature-row-media,.feature-row:nth-child(2n) .feature-row-text{grid-column:1;grid-row:auto}.feature-row-media{order:-1}}@media (max-width:768px){.features-section{padding:72px 0}.feature-row{padding:32px 0}.feature-row-title{font-size:1.3rem}}.how-it-works-section{padding:100px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-card{text-align:center;position:relative}.step-number{width:64px;height:64px;background:var(--accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 24px}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--fg)}.step-description{font-size:1rem;color:var(--text-secondary);line-height:1.6}.usecases-section{padding:100px 0;background:color-mix(in srgb,var(--bg-soft) 50%,var(--bg))}.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.usecase-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px;transition:all .3s ease}.usecase-card:hover{box-shadow:var(--shadow-hover)}.usecase-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--fg)}.usecase-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.faq-section{padding:100px 0}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2px 24px;transition:border-color .2s ease}.faq-item[open]{border-color:var(--accent)}.faq-question{font-size:1.05rem;font-weight:600;color:var(--fg);cursor:pointer;padding:16px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.4rem;font-weight:400;line-height:1;color:var(--accent)}.faq-item[open] .faq-question:after{content:"–"}.faq-answer{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin:0;padding:0 0 20px}.hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0}.hero-badge{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;padding:6px 14px}.feature-extras{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:48px 0 0;padding:0}.feature-extra{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.feature-extra svg{width:16px;height:16px;flex-shrink:0;color:var(--accent)}.pricing-section{padding:100px 0}.pricing-table-frame{max-width:var(--landing-content-width);margin:0 auto;border:1px solid var(--card-border);border-radius:16px;background:var(--card-bg);overflow:hidden}.pricing-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pricing-table{width:100%;min-width:880px;border-collapse:collapse}.pricing-table td,.pricing-table th{padding:14px 18px;text-align:center;font-size:.95rem;border-bottom:1px solid var(--card-border);vertical-align:middle}.pricing-table thead th{padding-top:18px;padding-bottom:22px;vertical-align:top}.pricing-table .pt-badge-row th{height:34px;padding:10px 18px 0;border-bottom:none;vertical-align:middle}.pricing-table tbody tr:last-child td,.pricing-table tbody tr:last-child th{border-bottom:none}.pricing-table tfoot td,.pricing-table tfoot th{border-bottom:none;padding-top:10px;padding-bottom:26px}.pt-corner,.pt-feature{text-align:left}.pt-feature{width:32%;font-weight:500;color:var(--text-secondary)}.pt-plan-name{font-size:1.15rem;font-weight:600;color:var(--fg)}.pt-plan-desc{margin-top:2px;font-size:.8rem;font-weight:400;color:var(--text-muted)}.pt-plan-price{margin-top:12px;font-size:2rem;font-weight:800;line-height:1.1;color:var(--fg)}.pt-plan-price span{font-size:.95rem;font-weight:500;color:var(--text-muted)}.pt-plan-annual{margin-top:6px;font-size:.8rem;font-weight:600;color:var(--success,#16a34a)}.pt-plan-note{margin-top:2px;font-size:.75rem;font-weight:400;color:var(--text-muted)}.pt-plan-badge{display:inline-block;margin:0;padding:3px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;line-height:1.5}.pt-popular{background:color-mix(in srgb,var(--accent) 8%,transparent)}.pt-yes svg{width:18px;height:18px;color:var(--success)}.pt-no{color:var(--text-muted)}.pt-cta{display:flex;justify-content:center}.pt-btn{display:inline-block;padding:12px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .2s ease}.pt-btn-primary{background:var(--accent);color:#fff}.pt-btn-primary:hover{background:var(--accent-hover)}.pt-btn-disabled{background:var(--header-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:not-allowed}.pricing-scroll-hint{display:none;margin:0;padding:10px 0 0;font-size:.8rem;color:var(--text-muted);text-align:center}.cta-section{padding:100px 0;position:relative}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0,color-mix(in srgb,var(--accent) 16%,transparent) 0,transparent 62%);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:56px 48px;text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 32px 64px -44px color-mix(in srgb,var(--accent) 65%,transparent),var(--shadow-hover)}.cta-title{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:var(--fg);margin-bottom:16px}.cta-subtitle{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.cta-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:var(--accent);color:#fff;font-weight:600;font-size:1.05rem;border-radius:var(--radius);text-decoration:none;transition:all .2s ease}.cta-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 14px 28px -18px color-mix(in srgb,var(--accent) 85%,transparent)}.cta-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:transparent;color:var(--fg);font-weight:600;font-size:1.05rem;border-radius:var(--radius);text-decoration:none;border:1px solid color-mix(in srgb,var(--fg) 52%,transparent);transition:all .2s ease}.cta-btn-primary:focus-visible,.cta-btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cta-btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.landing-footer{background:var(--bg-soft);border-top:1px solid var(--card-border);padding:64px 0 32px}.footer-container{max-width:var(--landing-content-width);margin:0 auto;padding:0 24px}.footer-main{display:grid;grid-template-columns:2fr 3fr;gap:64px;margin-bottom:48px}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;font-size:1.75rem;font-weight:700;color:var(--fg);margin-bottom:12px}.footer-tagline{color:var(--text-muted);font-size:.95rem;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-column-title{font-size:.875rem;font-weight:600;color:var(--fg);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-column-list{list-style:none;padding:0;margin:0}.footer-column-list li{margin-bottom:12px}.footer-column-list a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-column-list a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--card-border)}.footer-copyright{color:var(--text-muted);font-size:.875rem}.footer-install-link{display:inline-flex;align-items:center;padding:0;background:none;border:0;font:inherit;font-size:.95rem;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.footer-install-link:hover{color:var(--accent)}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{order:-1;max-width:500px;margin:0 auto}.hero-shot{transform:none}.usecases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.hero-section{padding:80px 0 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.hero-btn-primary,.hero-btn-secondary{width:100%}.hero-stats{flex-direction:column;gap:16px}.hero-stat-divider{display:none}.steps-grid,.usecases-grid{grid-template-columns:1fr}.pricing-scroll-hint{display:block}.footer-main{grid-template-columns:1fr;gap:32px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}.cta-content{padding:40px 24px}.cta-buttons{flex-direction:column}.cta-btn-primary,.cta-btn-secondary{width:100%}}.admin-layout{display:flex;min-height:100vh;max-width:none;padding:0;background:var(--bg)}.admin-sidebar{width:260px;background:var(--card-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.admin-sidebar-header{padding:24px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:12px}.admin-logo-icon{width:32px;height:32px;color:var(--accent)}.admin-logo-text{font-size:1.25rem;font-weight:700;color:var(--fg)}.admin-sidebar-nav{flex:1 1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.admin-sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease}.admin-sidebar-link:hover{background:var(--header-bg);color:var(--fg)}.admin-sidebar-link.active{background:var(--accent);color:white}.admin-sidebar-icon{width:20px;height:20px}.admin-sidebar-footer{padding:16px 12px;border-top:1px solid var(--card-border)}.admin-back-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:all .2s ease}.admin-back-link:hover{background:var(--header-bg);color:var(--fg)}.admin-main{flex:1 1;margin-left:260px;padding:32px;min-height:100vh}.admin-page{max-width:1200px}.admin-page-header{margin-bottom:32px}.admin-page-title{font-size:2rem;font-weight:700;color:var(--fg);margin-bottom:8px;display:flex;align-items:center;gap:12px}.admin-page-icon{width:32px;height:32px;color:var(--accent)}.admin-page-subtitle{color:var(--text-muted);font-size:1rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.admin-stats-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.admin-stats-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-stats-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-stats-content{flex:1 1}.admin-stats-value{font-size:2rem;font-weight:700;color:var(--fg);line-height:1;margin-bottom:4px}.admin-stats-title{font-size:.875rem;color:var(--text-muted)}.admin-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;margin-bottom:32px}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-section-title{font-size:1.25rem;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:8px}.admin-section-icon{width:20px;height:20px;color:var(--accent)}.admin-link{color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:500}.admin-link:hover{text-decoration:underline}.admin-settings-form{display:flex;flex-direction:column;gap:20px}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-settings-hint{margin:6px 0 0;font-size:.85rem;color:var(--text-muted)}.admin-settings-note{padding:14px 16px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--header-bg);color:var(--text-secondary);line-height:1.6}.admin-form-message{padding:12px 14px;border-radius:var(--radius);font-size:.9rem}.admin-form-message.success{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.admin-form-message.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:12px 16px;color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td,.admin-table th{border-bottom:1px solid var(--card-border)}.admin-table td{padding:16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:var(--header-bg)}.admin-table tr.banned{opacity:.6}.admin-user-cell{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.admin-user-cell:hover .admin-user-name{color:var(--accent)}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.admin-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-user-name{font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.admin-user-username{font-weight:400}.admin-user-email,.admin-user-username{color:var(--text-muted);font-size:.85rem}.admin-user-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-badge-banned{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.admin-badge-active{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.admin-empty-cell,.admin-empty-state{text-align:center;color:var(--text-muted);padding:40px}.admin-users-container{background:var(--card-bg);padding:24px}.admin-search-bar,.admin-users-container{border:1px solid var(--card-border);border-radius:var(--radius)}.admin-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);margin-bottom:20px}.admin-search-icon{color:var(--text-muted)}.admin-search-input{flex:1 1;border:none;background:none;color:var(--fg);font-size:.95rem;outline:none}.admin-search-input::placeholder{color:var(--text-muted)}.admin-search-count{color:var(--text-muted);font-size:.85rem}.admin-actions{display:flex;gap:8px}.admin-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;transition:all .2s ease}.admin-action-btn:hover{background:var(--header-bg);color:var(--accent)}@media (max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-sidebar{width:100%;position:fixed;bottom:0;top:auto;height:auto;border-right:none;border-top:1px solid var(--card-border);flex-direction:row;padding:8px;z-index:1000}.admin-sidebar-footer,.admin-sidebar-header{display:none}.admin-sidebar-nav{flex-direction:row;justify-content:space-around;padding:0;width:100%}.admin-sidebar-link{flex-direction:column;gap:4px;padding:8px 12px;font-size:.75rem}.admin-sidebar-icon{width:24px;height:24px}.admin-main{margin-left:0;margin-bottom:80px;padding:16px}.admin-stats-grid{grid-template-columns:1fr}.admin-page-title{font-size:1.5rem}.admin-table-container{font-size:.85rem}.admin-table td,.admin-table th{padding:12px 8px}.admin-user-avatar{width:32px;height:32px}}.admin-user-detail{max-width:1000px}.admin-user-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius)}.admin-user-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0;overflow:hidden}.admin-user-avatar-large img{width:100%;height:100%;object-fit:cover}.admin-user-header-info{flex:1 1}.admin-user-name-large{font-size:1.75rem;font-weight:700;color:var(--fg);margin-bottom:8px;display:flex;align-items:center;gap:12px}.admin-user-email-large{font-size:1rem;color:var(--text-muted);margin-bottom:4px}.admin-user-username-large{font-size:.9rem;color:var(--text-secondary)}.admin-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.admin-info-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}.admin-info-card h3{font-size:1rem;font-weight:600;color:var(--fg);margin-bottom:16px;display:flex;align-items:center;gap:8px}.admin-info-card h3 svg{color:var(--accent)}.admin-info-card-danger{border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 5%,var(--card-bg))}.admin-info-card-danger h3 svg{color:var(--danger)}.admin-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--card-border)}.admin-info-row:last-child{border-bottom:none}.admin-info-row span:first-child{color:var(--text-muted);font-size:.9rem}.admin-info-row span:last-child{color:var(--fg);font-weight:500}.admin-role-badge,.admin-sub-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-role-badge.admin{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.admin-role-badge.moderator{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.admin-role-badge.user{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.admin-sub-badge.premium{background:color-mix(in srgb,#eab308 15%,transparent);color:#eab308}.admin-sub-badge.free{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.admin-info-bio{margin-top:12px;padding-top:12px;border-top:1px solid var(--card-border)}.admin-info-bio span{display:block;color:var(--text-muted);font-size:.9rem;margin-bottom:8px}.admin-info-bio p{color:var(--text-secondary);line-height:1.5}.admin-truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-actions-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}.admin-actions-section h3{font-size:1rem;font-weight:600;color:var(--fg);margin-bottom:16px}.admin-action-buttons{display:flex;flex-direction:column;gap:16px}.admin-action-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-action-form label{font-weight:500;color:var(--fg);min-width:100px}.admin-action-form input,.admin-action-form select{padding:8px 12px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:.9rem}.admin-action-form select{min-width:150px}.admin-action-form input{flex:1 1;min-width:200px}.admin-action-form button{display:inline-flex;align-items:center;gap:8px}.admin-action-form-danger{padding-top:16px;border-top:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}@media (max-width:768px){.admin-user-header{flex-direction:column;text-align:center}.admin-user-name-large{flex-direction:column;font-size:1.25rem}.admin-info-grid{grid-template-columns:1fr}.admin-action-form{flex-direction:column;align-items:stretch}.admin-action-form label{min-width:auto}.admin-action-form button,.admin-action-form input,.admin-action-form select{width:100%}}.legal-page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);max-width:900px;margin:0 auto;padding:calc(var(--gap) * 2)}.legal-header{justify-content:space-between;padding:16px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--card-border)}.legal-header,.legal-logo{display:flex;align-items:center}.legal-logo{gap:10px;text-decoration:none;color:var(--fg);font-weight:700;font-size:1.25rem;transition:opacity .2s ease}.legal-logo:hover{opacity:.8}.logo-icon{font-size:1.5rem}.legal-nav{display:flex;gap:24px}.legal-nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 12px;border-radius:var(--radius);transition:all .2s ease}.legal-nav-link:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.legal-document{flex:1 1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:calc(var(--radius) + 4px);padding:40px;box-shadow:var(--shadow)}.legal-document-header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid var(--card-border)}.legal-document-header h1{font-size:2.25rem;font-weight:700;color:var(--fg);margin-bottom:12px}.effective-date{color:var(--text-muted);font-size:.95rem}.legal-section{margin-bottom:32px}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.35rem;font-weight:600;color:var(--fg);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--card-border) 50%,transparent)}.legal-section h3{font-size:1.1rem;font-weight:600;color:var(--fg);margin:20px 0 12px}.legal-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.legal-section ul{margin:12px 0;padding-left:24px}.legal-section li{color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.legal-section strong{color:var(--fg);font-weight:600}.legal-section a{color:var(--accent);text-decoration:none;font-weight:500}.legal-section a:hover{text-decoration:underline}.contact-info{background:color-mix(in srgb,var(--accent) 5%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:var(--radius);padding:20px;margin-top:16px}.contact-info p{margin-bottom:4px;color:var(--text-secondary)}.contact-info p:first-child{color:var(--fg);font-weight:600;margin-bottom:8px}.legal-footer{margin-top:40px;padding:24px 0;border-top:1px solid var(--card-border)}.legal-footer-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.last-updated{color:var(--text-muted);font-size:.85rem}.legal-footer-links{display:flex;align-items:center;gap:16px}.legal-footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.legal-footer-links a:hover{color:var(--accent)}.legal-footer-links .separator{color:var(--card-border)}.legal-footer .copyright{color:var(--text-muted);font-size:.85rem}.settings-legal-section{margin-top:32px;padding:0 24px}.settings-about-section{margin:0}.settings-about-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);padding:24px}.settings-about-eyebrow{margin:0 0 12px;color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-about-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.settings-about-version-block{min-width:140px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:14px 16px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--card-border))}.settings-about-version-label{color:var(--text-muted);font-size:.8rem}.settings-about-version{color:var(--fg);font-size:1.1rem;font-weight:700;letter-spacing:.03em}.settings-about-copy{margin-bottom:24px}.settings-about-copy p{margin:0;color:var(--text-secondary);line-height:1.7}.settings-about-links{display:flex;flex-wrap:wrap;gap:12px}.settings-about-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--header-bg);color:var(--fg);text-decoration:none;font-weight:600;transition:border-color .2s ease,color .2s ease,transform .2s ease}.settings-about-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.settings-about-link-button{appearance:none;cursor:pointer;font:inherit}.settings-about-status{margin:16px 0 0;color:var(--success);font-size:.9rem;font-weight:600}.contact-request-modal{max-width:640px}.contact-request-intro{margin:6px 0 0;color:var(--text-muted);font-size:.9rem}.contact-request-info{margin-bottom:20px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--header-bg);color:var(--text-secondary);line-height:1.6}.contact-request-error{padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.legal-changelog-markdown>:last-child{margin-bottom:0}.settings-legal-divider{height:1px;background:var(--card-border);margin-bottom:24px}.settings-legal-content{text-align:center}.settings-legal-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.settings-legal-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.settings-legal-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.settings-legal-link:hover{color:var(--accent)}.settings-legal-copyright{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.legal-page-container{padding:var(--gap)}.legal-header{flex-direction:column;gap:16px;text-align:center}.legal-nav{gap:16px;flex-wrap:wrap;justify-content:center}.legal-document{padding:24px 20px}.legal-document-header h1{font-size:1.75rem}.legal-section h2{font-size:1.2rem}.legal-footer-links{flex-direction:column;gap:8px}.legal-footer-links .separator{display:none}.settings-about-header{flex-direction:column}.settings-about-version-block{width:100%;align-items:flex-start}.admin-settings-grid{grid-template-columns:1fr}.settings-legal-links{flex-direction:column;gap:8px}}.verification-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 10%,var(--bg)) 0,color-mix(in srgb,var(--warning) 5%,var(--bg-soft)) 100%);border:1px solid color-mix(in srgb,var(--warning) 30%,var(--card-border));border-radius:12px;padding:16px 20px;margin:16px 0}.verification-banner-content{display:flex;align-items:flex-start;gap:16px}.verification-banner-icon{flex-shrink:0;width:40px;height:40px;background:var(--warning);color:white;border-radius:10px;display:flex;align-items:center;justify-content:center}.verification-banner-text{flex:1 1;min-width:0}.verification-banner-title{font-weight:600;font-size:15px;color:var(--fg);margin:0 0 4px}.verification-banner-message{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.verification-banner-success{font-size:13px;color:var(--success);margin:8px 0 0;display:flex;align-items:center;gap:6px}.verification-banner-error{font-size:13px;color:var(--danger);margin:8px 0 0}.verification-banner-info{font-size:13px;color:var(--text-muted);margin:8px 0 0;font-style:italic}.verification-banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.verification-banner-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.verification-banner-btn:disabled{opacity:.6;cursor:not-allowed}.verification-banner-btn-primary{background:var(--warning);color:white}.verification-banner-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 80%,black)}.verification-banner-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--card-border)}.verification-banner-btn-secondary:hover:not(:disabled){background:var(--bg-soft)}.verification-banner-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.verification-banner-close:hover{background:var(--bg-soft);color:var(--fg)}@media (max-width:640px){.verification-banner-content{flex-wrap:wrap}.verification-banner-actions{width:100%;justify-content:flex-end;margin-top:8px}}.verification-section{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:12px;padding:20px;margin-top:24px}.verification-section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.verification-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.verification-section-icon.verified{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.verification-section-icon.unverified{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.verification-section-title{font-weight:600;font-size:16px;color:var(--fg);margin:0}.verification-section-status{font-size:14px;color:var(--text-muted)}.verification-section-status.verified{color:var(--success)}.verification-section-status.unverified{color:var(--warning)}.verification-section-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.verification-section-actions{display:flex;gap:12px;flex-wrap:wrap}.verification-section-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.verification-section-btn:disabled{opacity:.6;cursor:not-allowed}.verification-section-btn-primary{background:var(--accent);color:white}.verification-section-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.verification-section-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--card-border)}.verification-section-btn-secondary:hover:not(:disabled){background:var(--bg)}.auth-warning{background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 10%,var(--bg)) 0,color-mix(in srgb,var(--warning) 5%,var(--bg-soft)) 100%);border:1px solid color-mix(in srgb,var(--warning) 30%,var(--card-border));border-radius:8px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start}.auth-warning-icon{flex-shrink:0;width:36px;height:36px;background:var(--warning);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center}.auth-warning-content{flex:1 1}.auth-warning-content p{margin:0 0 8px;color:var(--fg);font-size:14px;line-height:1.5}.auth-warning-link{color:var(--warning);font-weight:500;text-decoration:none;font-size:14px}.auth-warning-link:hover{text-decoration:underline}.settings-form .verification-section{margin-top:24px;margin-bottom:24px}.settings-form .verification-section-success{font-size:14px;color:var(--success);margin:12px 0;display:flex;align-items:center;gap:6px}.settings-form .verification-section-error{font-size:14px;color:var(--danger);margin:12px 0}.settings-form .verification-section-info{font-size:13px;color:var(--text-muted);font-style:italic}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.push-notification-prompt{position:fixed;bottom:16px;right:16px;z-index:1000;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.push-notification-content{display:flex;align-items:flex-start;gap:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.push-notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%;flex-shrink:0;color:var(--accent)}.push-notification-text{flex:1 1;display:flex;flex-direction:column;gap:8px}.push-notification-title{font-size:14px;font-weight:600;color:var(--fg);margin:0}.push-notification-description{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.push-notification-error{font-size:12px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);padding:8px 10px;border-radius:6px;margin-top:4px}.push-notification-actions{display:flex;gap:8px;margin-top:4px}.push-notification-btn-primary{flex:1 1;background:var(--accent);color:white;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.push-notification-btn-primary:hover{background:var(--accent-hover)}.push-notification-btn-secondary{background:transparent;color:var(--text-muted);border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.push-notification-btn-secondary:hover{background:var(--bg-secondary);color:var(--fg)}.push-notification-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.push-notification-close:hover{color:var(--fg);background:var(--bg-secondary)}.install-prompt{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:1000;width:100%;max-width:450px;padding:0 16px;animation:slideDown .3s ease-out}.install-prompt-ios{top:16px}.install-prompt-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;box-shadow:var(--shadow-hover)}.install-prompt-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.install-prompt-close:hover{color:var(--fg);background:var(--bg-secondary)}.install-prompt-content{display:flex;gap:16px;align-items:flex-start}.install-prompt-icon{width:48px;height:48px;border-radius:12px}.install-prompt-icon,.install-prompt-icon-large{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,transparent);flex-shrink:0;color:var(--accent)}.install-prompt-icon-large{width:56px;height:56px;border-radius:16px}.install-prompt-text{flex:1 1}.install-prompt-title{font-size:14px;font-weight:600;color:var(--fg);margin:0 0 4px}.install-prompt-title-large{font-size:16px;font-weight:700;color:var(--fg);margin:0 0 4px}.install-prompt-description{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.install-prompt-description-large{font-size:14px;color:var(--text-muted);line-height:1.5;margin:0}.install-prompt-features{display:grid;gap:4px;margin-top:16px;font-size:12px}.install-prompt-feature{display:flex;align-items:flex-start;gap:6px;color:var(--text-muted)}.install-prompt-feature-dot{width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--success)}.install-prompt-actions{display:flex;gap:12px;margin-top:16px}.install-prompt-btn-primary{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.install-prompt-btn-primary:hover{background:var(--accent-hover)}.install-prompt-btn-secondary{background:transparent;color:var(--text-muted);border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.install-prompt-btn-secondary:hover{background:var(--bg-secondary);color:var(--fg)}.install-steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.install-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:var(--text-muted)}.install-step-index{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:700}.settings-about-install{margin-top:16px}.settings-about-install .install-step{color:var(--fg)}@media (max-width:640px){.push-notification-prompt{bottom:12px;right:12px;left:12px;max-width:none}.install-prompt{top:12px;padding:0 12px}}.ws-tabs{display:flex;gap:4px;width:max-content;max-width:100%;overflow-x:auto;margin:2px 0 24px;padding:4px;background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid var(--card-border);border-radius:12px}.ws-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.ws-tab svg{width:16px;height:16px}.ws-tab:hover{background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg)}.ws-tab.ws-tab--active{background:var(--card-bg);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.08),inset 0 0 0 1px var(--card-border)}.ws-btn:focus-visible,.ws-iconbtn:focus-visible,.ws-tab-pill:focus-visible,.ws-tab:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.ws-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,355px);gap:24px;align-items:start}.ws-main{display:flex;flex-direction:column;gap:20px}.ws-main,.ws-side{min-width:0}@media (min-width:981px){.ws-side>*{position:sticky;top:20px}}@media (max-width:980px){.ws-layout{grid-template-columns:minmax(0,1fr)}.ws-side{order:2}.ws-side>*{position:static}}.ws-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.ws-card__head{padding:18px 22px 0}.ws-card__title{display:flex;align-items:center;gap:9px;margin:0;font-size:1rem;font-weight:700;letter-spacing:-.01em}.ws-card__title svg{width:17px;height:17px;color:var(--accent);flex-shrink:0}.ws-card__desc{margin:5px 0 0;font-size:.83rem;line-height:1.5;color:var(--text-secondary)}.ws-card__head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ws-card__body{padding:16px 22px 22px}.ws-divider{border:none;height:1px;margin:18px 0;background:var(--border-color)}.ws-section-label{margin:22px 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:7px}.ws-section-label:first-child{margin-top:4px}.ws-section-label svg{width:14px;height:14px}.ws-list{display:flex;flex-direction:column;padding-top:8px}.ws-row{display:flex;align-items:center;gap:13px;padding:13px 22px;border-top:1px solid var(--border-color);min-width:0;transition:background .15s ease}.ws-list .ws-row:first-child{border-top:none}.ws-row--hover:hover{background:color-mix(in srgb,var(--fg) 2.5%,transparent)}.ws-row__main{flex:1 1;min-width:0}.ws-row__title{display:flex;align-items:center;gap:8px;font-size:.93rem;font-weight:600;min-width:0}.ws-row__sub,.ws-row__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-row__sub{margin-top:2px;font-size:.8rem;color:var(--text-muted)}.ws-row__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ws-field{display:grid;gap:6px;min-width:0}.ws-field>label{font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--text-secondary)}.ws-input{width:100%;font:inherit;font-size:.92rem;line-height:1.4;color:var(--fg);background:color-mix(in srgb,var(--fg) 4%,var(--card-bg));border:1px solid var(--card-border);border-radius:10px;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea.ws-input{resize:vertical;min-height:74px}.ws-input::placeholder{color:var(--text-muted)}.ws-input:hover{border-color:color-mix(in srgb,var(--fg) 26%,var(--card-border))}.ws-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);background:var(--card-bg)}.ws-input--sm{padding:6px 10px;font-size:.86rem;border-radius:8px}.ws-hint{font-size:.79rem;line-height:1.5;color:var(--text-muted)}.ws-field-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.ws-field-row+.ws-field-row{border-top:1px solid var(--border-color)}.ws-switch{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;margin-top:2px}.ws-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.ws-switch__track{position:relative;width:38px;height:22px;border-radius:999px;background:color-mix(in srgb,var(--fg) 20%,transparent);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);transition:background .18s ease,border-color .18s ease}.ws-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s ease;pointer-events:none}.ws-switch input:checked+.ws-switch__track{background:var(--accent);border-color:var(--accent)}.ws-switch input:checked+.ws-switch__track .ws-switch__thumb{transform:translateX(16px)}.ws-switch input:focus-visible+.ws-switch__track{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.ws-switch input:disabled+.ws-switch__track{opacity:.5;cursor:not-allowed}.ws-field-text{flex:1 1;min-width:0}.ws-field-text__label{font-size:.92rem;font-weight:600}.ws-field-text__hint{margin-top:2px;font-size:.8rem;color:var(--text-muted);line-height:1.45}.ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.ws-btn svg{width:15px;height:15px;flex-shrink:0}.ws-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.ws-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ws-btn--secondary{background:color-mix(in srgb,var(--fg) 5%,var(--card-bg));border-color:var(--card-border);color:var(--fg)}.ws-btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--fg) 9%,var(--card-bg));border-color:color-mix(in srgb,var(--fg) 26%,var(--card-border))}.ws-btn--danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.ws-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 11%,transparent);border-color:var(--danger)}.ws-btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.ws-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg)}.ws-btn:disabled{opacity:.55;cursor:not-allowed}.ws-btn--sm{padding:7px 12px;font-size:.84rem;border-radius:8px}.ws-btn--xs{padding:4px 10px;font-size:.78rem;border-radius:7px}.ws-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.ws-iconbtn svg{width:16px;height:16px}.ws-iconbtn:hover{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg)}.ws-iconbtn--danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.ws-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ws-badge--role{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--text-secondary);border:1px solid transparent;cursor:default}button.ws-badge--role{cursor:pointer;font-family:inherit}button.ws-badge--role:hover{color:var(--fg);border-color:var(--card-border);background:color-mix(in srgb,var(--fg) 12%,transparent)}.ws-badge--owner{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.ws-badge--default{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.ws-danger{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--danger) 38%,var(--card-border));border-radius:12px;background:color-mix(in srgb,var(--danger) 5%,var(--card-bg))}.ws-danger__title{font-size:.92rem;font-weight:700}.ws-danger__desc{margin-top:2px;font-size:.8rem;color:var(--text-muted);line-height:1.45}details.ws-details{margin-top:4px;border:1px solid var(--card-border);border-radius:12px;background:color-mix(in srgb,var(--fg) 2.5%,var(--card-bg));overflow:hidden}summary.ws-details__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;font-weight:600;font-size:.92rem;list-style:none;-webkit-user-select:none;user-select:none}summary.ws-details__summary::-webkit-details-marker{display:none}.ws-details__chevron{color:var(--text-muted);transition:transform .2s ease}details[open] .ws-details__chevron{transform:rotate(180deg)}.ws-details__body{display:grid;gap:14px;padding:14px 16px 16px;border-top:1px solid var(--border-color)}.ws-grid,.ws-grid--2{display:grid;gap:12px}.ws-grid--2{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.ws-status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.ws-status--ok{color:var(--success)}.ws-status--err{color:var(--danger)}.ws-status svg{width:15px;height:15px}.ws-access{margin:6px 22px 18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--card-border));border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,var(--card-bg))}.ws-access__title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;font-weight:700}.ws-access__title svg{width:15px;height:15px;color:var(--accent)}.ws-check,.ws-radio{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;padding:4px 0}.ws-check input,.ws-radio input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.ws-check--sm{font-size:.87rem}.ws-act{display:flex;align-items:center;gap:10px;padding:10px 18px;min-width:0;transition:background .15s ease}.ws-list .ws-act:first-child{border-top:none}.ws-act+.ws-act{border-top:1px solid var(--border-color)}.ws-act:hover{background:color-mix(in srgb,var(--fg) 2.5%,transparent)}.ws-act--link{cursor:pointer}.ws-act--link:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.ws-act--link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.ws-act__avatar{flex-shrink:0;display:flex;align-items:center}.ws-act__avatar>*{display:block}.ws-act__chip{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:7px;border:1px solid transparent;line-height:0;flex-shrink:0}.ws-act__chip svg{display:block;width:12px;height:12px}.ws-act__actor{font-size:.86rem;font-weight:600;color:var(--text-muted);max-width:190px;flex-shrink:0}.ws-act__actor,.ws-act__msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-act__msg{flex:1 1 auto;min-width:0;font-size:.88rem;color:var(--fg)}.ws-act__msg .activity-entity{font-weight:600;color:var(--accent)}.ws-act__msg .activity-context{font-weight:600;color:var(--text-secondary)}.ws-act__time{display:inline-flex;align-items:center;gap:4px;margin-left:4px;font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.ws-act__time svg{width:11px;height:11px}.ws-act__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;text-align:center;color:var(--text-muted);font-size:.88rem}.ws-act__empty svg{width:34px;height:34px;opacity:.55}.ws-load-more{display:flex;justify-content:center;padding:12px 18px 16px;border-top:1px solid var(--border-color)}.activity-type-pill-note{color:#9384e8;background:rgba(147,132,232,.15);border-color:rgba(147,132,232,.24)}[data-theme=dark] .activity-type-pill-note{color:#b3a6f5;background:rgba(147,132,232,.18);border-color:rgba(147,132,232,.3)}@media (max-width:640px){.project-settings-content{padding:16px 14px 56px}.ws-card__body{padding:14px 16px 18px}.ws-row{padding:12px 16px}.ws-card__head{padding:15px 16px 0}.ws-access{margin:6px 16px 14px}}.ws-tabpage{max-width:880px;display:flex;flex-direction:column;gap:20px}.ws-name-view{display:flex;align-items:center;gap:8px;min-height:40px}.ws-name-view__text{font-size:1.04rem;font-weight:600;letter-spacing:-.005em;overflow-wrap:anywhere}.ws-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 14px;padding:14px 18px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 40%,var(--card-bg))}.ws-filters .ws-field{display:grid;gap:5px;min-width:150px}.ws-filters .ws-field>label{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.ws-filters .ws-input{padding:7px 10px;font-size:.86rem;border-radius:9px}.ws-filters__reset{margin-left:auto;align-self:flex-end}.ws-filters__hint{width:100%;margin-top:2px;font-size:.75rem;color:var(--text-muted)}.api-tokens-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.api-tokens-counter{font-size:.85rem;color:var(--text-muted)}.api-tokens-empty{padding:16px 0;color:var(--text-muted);font-size:.9rem}.api-tokens-more{margin:-12px 0 24px;color:var(--text-muted);font-size:.8rem}.api-tokens-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}.api-token-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--bg-soft)}.api-token-row-dead{opacity:.75}.api-token-main{min-width:0;display:flex;flex-direction:column;gap:6px}.api-token-head{display:flex;align-items:center;gap:8px}.api-token-name{font-weight:600;color:var(--fg)}.api-token-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--danger);color:var(--danger)}.api-token-prefix{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.85rem;color:var(--fg);word-break:break-all}.api-token-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;color:var(--text-muted)}.api-token-revoke{flex-shrink:0}.api-tokens-quickstart{border-top:1px solid var(--border-color);padding-top:16px}.api-tokens-quickstart h4{font-size:.95rem;color:var(--fg);margin-bottom:6px}.api-tokens-snippet{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.api-tokens-snippet code{flex:1 1;min-width:0;padding:10px 12px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--bg-soft);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.82rem;color:var(--fg);overflow-wrap:anywhere}.api-token-secret{font-weight:600}.api-token-warning{padding:12px 14px;margin-bottom:16px;border:1px solid var(--danger);border-radius:var(--radius);color:var(--fg);font-size:.88rem}.api-tokens-upgrade-link{display:inline-block;padding:10px 18px;border-radius:var(--radius);background:var(--accent);color:#ffffff;font-weight:600;text-decoration:none}.api-tokens-upgrade-link:hover{background:var(--accent-hover)}