code{font-family:var( --font-family-mono, "SF Mono", "Monaco", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace )}.modal-content.modal-content-sm{max-width:480px}.modal-content.modal-content-lg{max-width:800px}.modal-overlay.modal-overlay-palette{align-items:flex-start;justify-content:center;padding-top:min(12vh,6rem);padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(min(28vw,18rem),env(safe-area-inset-right))}@media(max-width:900px)and (min-width:769px){.modal-overlay.modal-overlay-palette{padding-right:max(1.5rem,env(safe-area-inset-right))}}.modal-content.modal-content-palette{max-height:60vh}@media(max-width:768px){.modal-content.modal-content-sm,.modal-content.modal-content-lg{max-width:100%}.modal-overlay.modal-overlay-palette{align-items:stretch;justify-content:stretch;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--surface-page, var(--mica-base, #f8f6f1));-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content.modal-content-palette{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0;margin:0;padding-bottom:0;box-shadow:none;border:none}}.modal-content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-lg);flex-shrink:0}.modal-content-heading{min-width:0}.modal-content-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-content-subtitle{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.modal-close-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--interactive-bg-hover);color:var(--text-primary)}.modal-close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal-content-body{padding:0 var(--space-xl) var(--space-xl);overflow-y:auto;flex:1 1 auto;min-height:0}.modal-content-body:first-child{padding-top:var(--space-xl)}.modal-content-palette>.modal-content-body:first-child{padding:0;display:flex;flex-direction:column;overflow:hidden}.modal-content-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle);flex-shrink:0}[data-theme=dark] .modal-content-footer{border-top-color:#ffffff1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled,.btn.btn-loading{opacity:.6;cursor:not-allowed}.btn-sm{height:var(--button-height-sm);padding:0 var(--space-lg);font-size:var(--font-size-sm);gap:var(--space-xs)}.btn-md{height:var(--button-height-md);padding:0 var(--space-xl);font-size:var(--font-size-base)}.btn-lg{height:var(--button-height-lg);padding:0 var(--space-2xl);font-size:var(--font-size-lg)}.btn-icon-only.btn-sm{width:var(--button-height-sm);padding:0}.btn-icon-only.btn-md{width:var(--button-height-md);padding:0}.btn-icon-only.btn-lg{width:var(--button-height-lg);padding:0}.btn.btn-primary{background:var(--gradient-primary);color:var(--text-on-gradient);box-shadow:none}.btn.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:none}.btn.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn.btn-secondary:hover:not(:disabled){background:var(--interactive-bg-hover)}.btn.btn-secondary:active:not(:disabled){background:var(--interactive-bg-active)}.btn.btn-ghost{background:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover:not(:disabled){background:var(--interactive-bg-hover);color:var(--text-primary)}.btn.btn-ghost:active:not(:disabled){background:var(--interactive-bg-active)}.btn.btn-outline{background:transparent;color:var(--primary);border:var(--border-xs) solid var(--primary)}.btn.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--text-on-gradient)}.btn.btn-outline:active:not(:disabled){transform:scale(.98)}.btn.btn-outline-danger{background:transparent;color:var(--danger-500);border:var(--border-xs) solid var(--danger-500)}.btn.btn-outline-danger:hover:not(:disabled){background:var(--danger-500);color:var(--text-on-gradient)}.btn.btn-outline-danger:active:not(:disabled){transform:scale(.98)}.btn.btn-danger{background:var(--danger-500);color:var(--text-on-gradient)}.btn.btn-danger:hover:not(:disabled){background:var(--danger-600);transform:translateY(-1px);box-shadow:none}.btn.btn-danger:active:not(:disabled){transform:translateY(0) scale(.98)}.btn.btn-success{background:var(--color-success);color:var(--text-on-gradient)}.btn.btn-success:hover:not(:disabled){background:var(--color-success-hover);transform:translateY(-1px);box-shadow:none}.btn.btn-success:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-text{display:inline-block}.btn-spinner{animation:btn-spin .8s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.btn-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}.action-buttons{display:flex;gap:var(--space-xs);flex-shrink:0}.thought-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-responsive-lg);font-family:var(--font-family-base)}.thought-spinner-orbit{position:relative}.thought-spinner-message-container{min-height:var(--space-3xl);display:flex;align-items:center;justify-content:center;overflow:hidden}.thought-spinner-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:.02em;color:var(--text-muted);transition:opacity .4s ease,transform .4s ease}.thought-spinner-message.entering{opacity:1;transform:translateY(0)}.thought-spinner-message.exiting{opacity:0;transform:translateY(var(--space-sm))}.page-spinner{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f5f5f7)}[data-theme=dark] .page-spinner{background:var(--bg-primary, #0f172a)}[data-theme=dark] .thought-spinner-message{color:var(--text-secondary)}.inline-spinner{display:inline-block;animation:inline-spinner-rotate 1.4s linear infinite}.inline-spinner-track{opacity:.2}.inline-spinner-head{transform-origin:center;animation:inline-spinner-dash 1.4s ease-in-out infinite}@keyframes inline-spinner-rotate{to{transform:rotate(360deg)}}@keyframes inline-spinner-dash{0%{stroke-dasharray:1,64;stroke-dashoffset:0}50%{stroke-dasharray:32,32;stroke-dashoffset:-16}to{stroke-dasharray:1,64;stroke-dashoffset:-62}}@media(max-width:768px){.thought-spinner{gap:var(--gap-responsive-md)}.thought-spinner-message-container{min-height:var(--space-2xl)}}@media(max-width:480px){.thought-spinner{gap:var(--gap-responsive-sm)}.thought-spinner-message-container{min-height:var(--space-xl)}}@media(prefers-reduced-motion:reduce){.thought-spinner-message{transition:none}.inline-spinner{animation:inline-spinner-rotate 2s linear infinite}.inline-spinner-head{animation:none;stroke-dasharray:32 32}}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);max-width:min(100%,100vw)}.select-wrapper-full{width:100%}.select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-normal)}.select-label-required{color:var(--danger-500);margin-left:var(--space-xs)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:100%;border:var(--border-xs) solid var(--surface-border);border-radius:var(--radius-lg);font-family:var(--font-family-base);font-size:var(--font-size-body-responsive);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--surface-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-md) center;background-repeat:no-repeat;background-size:1.25em 1.25em;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select:hover:not(:disabled){border-color:var(--blue-500)}.select:focus{outline:none;border-color:var(--blue-500);box-shadow:var(--focus-ring-shadow)}.select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.select-sm{padding:var(--space-sm) calc(var(--space-lg) + 1.25em) var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.select-md{padding:var(--space-md) calc(var(--space-xl) + 1.25em) var(--space-md) var(--space-lg);font-size:var(--font-size-body-responsive)}.select-lg{padding:var(--space-lg) calc(var(--space-2xl) + 1.25em) var(--space-lg) var(--space-xl);font-size:var(--font-size-lg)}.select-default{background-color:var(--surface-primary);border-color:var(--surface-border)}.select-filled{background-color:var(--bg-secondary);border-color:transparent}.select-filled:hover:not(:disabled){background-color:var(--gray-200);border-color:transparent}.select-filled:focus{background-color:var(--surface-primary);border-color:var(--blue-500)}.select-glass{background:var(--glass-bg-medium);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--glass-border-medium)}.select-glass:hover:not(:disabled){border-color:var(--blue-400)}.select-glass:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f626}.select-error{border-color:var(--danger-500)!important}.select-error:focus{box-shadow:0 0 0 3px #ef444426}.select-helper-text{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-normal)}.select-error-text{font-size:var(--font-size-xs);color:var(--danger-500);line-height:var(--line-height-normal)}.select optgroup{font-weight:var(--font-weight-semibold);color:var(--text-primary);background-color:var(--bg-secondary)}.select option{font-weight:var(--font-weight-normal);padding:var(--space-sm);color:var(--text-primary)}.select option:disabled{color:var(--text-muted)}[data-theme=dark] .select{background-color:var(--surface-primary);border-color:var(--surface-border);color:var(--text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .select-filled{background-color:var(--interactive-bg-subtle);border-color:transparent}[data-theme=dark] .select-filled:hover:not(:disabled){background-color:var(--interactive-bg-hover)}[data-theme=dark] .select-glass{background:var(--glass-bg);border-color:var(--glass-border-light)}[data-theme=dark] .select optgroup{background-color:var(--gray-800)}[data-theme=dark] .select option{background-color:var(--gray-900)}@media(max-width:768px){.select-wrapper{width:100%;min-width:0}.select{max-width:100%}}.sidebar{--sidebar-bg: #1c1917;--sidebar-border: rgba(255, 255, 255, .04);--sidebar-text: rgba(255, 255, 255, .92);--sidebar-text-muted: rgba(255, 255, 255, .65);--sidebar-text-subtle: rgba(255, 255, 255, .4);--sidebar-icon-muted: rgba(255, 255, 255, .5);--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-hover-accent: rgba(255, 255, 255, .9);--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-text: rgba(255, 255, 255, .95);--sidebar-accent: #f0c850;--sidebar-danger: #f87171;--sidebar-badge-size: var(--space-lg);--sidebar-badge-padding: var(--space-xs);--sidebar-badge-radius: var(--radius-lg);--sidebar-badge-text: #1c1917}.sidebar{width:var(--sidebar-width-secondary);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:var(--z-sidebar);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:inset -1px 0 #ffffff05,4px 0 24px #00000026}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;text-decoration:none;color:inherit;flex-shrink:0;position:relative;z-index:1}.sidebar-brand:hover{opacity:.92}.sidebar-brand img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.sidebar-brand-name{font-weight:600;font-size:var(--font-size-base);letter-spacing:-.01em;font-family:var(--font-family-fluent-display)}.sidebar-brand-name .own{color:#ffffffeb}.sidebar-brand-name .os{color:var(--canon-honey)}.sidebar-brand:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px;border-radius:var(--radius-xs)}.sidebar-search{position:relative;display:flex;align-items:center;gap:8px;width:calc(100% - 24px);padding:var(--space-xs) var(--space-sm);margin:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#ffffff0f;color:var(--sidebar-text-muted);flex-shrink:0;z-index:1;transition:border-color .15s ease,background .15s ease;cursor:pointer;font:inherit;text-align:left}.sidebar-search:hover{border-color:#fff3;background:#ffffff14}.sidebar-search:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.sidebar-search-icon-label{display:flex;align-items:center;flex-shrink:0;opacity:.6}.sidebar-search-icon-label svg{flex-shrink:0}.sidebar-search-placeholder{flex:1;min-width:0;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--sidebar-text-subtle);font-family:var(--font-family-fluent)}.sidebar-search-kbd{font-family:var(--font-family-fluent-mono, ui-monospace, monospace);font-size:var(--font-size-xs);color:var(--sidebar-text-subtle);border:1px solid rgba(255,255,255,.12);padding:1px 5px;border-radius:var(--radius-xxs);flex-shrink:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1px;padding:16px 12px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent;margin:8px 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-xxs)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-section{display:flex;flex-direction:column;gap:0}.sidebar-section:first-child{padding-top:var(--space-sm)}.sidebar-section:not(:first-child){margin-top:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-section-label{font-size:var(--font-size-xxs);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--sidebar-text-subtle);padding:8px 14px 10px;-webkit-user-select:none;user-select:none;font-family:var(--font-family-fluent)}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:var(--space-sm) 14px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background .15s ease;color:var(--sidebar-text-muted);font-size:var(--font-size-sm);font-weight:400;font-family:var(--font-family-fluent);letter-spacing:.01em;overflow:hidden}.sidebar-nav-item svg{flex-shrink:0;width:18px;height:18px;color:var(--sidebar-icon-muted)}.sidebar-nav-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-badge{flex-shrink:0;min-width:var(--sidebar-badge-size);height:var(--sidebar-badge-size);padding:0 var(--sidebar-badge-padding);border-radius:var(--sidebar-badge-radius);background:var(--sidebar-accent);color:var(--sidebar-badge-text);font-size:var(--font-size-xxs);font-weight:600;display:inline-flex;align-items:center;justify-content:center}.sidebar-nav-item:hover{background:var(--sidebar-hover)}.sidebar-nav-item:hover svg{color:var(--sidebar-text-muted)}.sidebar .sidebar-nav-item.active{background:var(--sidebar-active-bg)!important;border-color:transparent!important;color:var(--sidebar-active-text)!important;font-weight:500!important;box-shadow:none!important}.sidebar .sidebar-nav-item.active svg{color:var(--sidebar-active-text)!important}.sidebar-nav-item.active:hover{background:#ffffff1f}.sidebar-nav-item--space{padding-right:36px}.sidebar-nav-item--space .sidebar-space-hide-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--sidebar-icon-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,background .12s ease}.sidebar-nav-item--space:hover .sidebar-space-hide-btn,.sidebar-nav-item--space:focus-within .sidebar-space-hide-btn{opacity:1;pointer-events:auto}.sidebar-nav-item--space .sidebar-space-hide-btn:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--sidebar-accent);outline-offset:2px}@media(hover:none)and (pointer:coarse){.sidebar-nav-item--space .sidebar-space-hide-btn{opacity:.45;pointer-events:auto}}.sidebar-nav-item--space .sidebar-space-hide-btn:hover{color:var(--sidebar-text-muted);background:var(--sidebar-hover)}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#fff9;border-radius:0 var(--ownos-radius-2) var(--ownos-radius-2) 0}.sidebar-account{position:relative;padding:12px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0000001a,#0003);z-index:1}.sidebar-account-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-lg);border:none;background:transparent;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left}.sidebar-account-trigger:hover{background:var(--sidebar-hover)}.sidebar-account-trigger.open{background:#ffffff1a}.sidebar-account-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-account-name{font-size:var(--font-size-sm);font-weight:600;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-fluent)}.sidebar-account-email{font-size:var(--font-size-xs);color:var(--sidebar-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-chevron{color:var(--sidebar-text-subtle);transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-account-chevron.rotated{transform:rotate(90deg)}.sidebar-dropdown{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;background:linear-gradient(180deg,#292524,#1c1917);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 -8px 32px #0006,0 -2px 12px #0003,inset 0 1px #ffffff0d;animation:dropdown-slide-up .2s cubic-bezier(.16,1,.3,1);z-index:10}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-dropdown-section{padding:6px}.sidebar-dropdown-divider{height:1px;background:#ffffff1a;margin:0 8px}.sidebar-dropdown-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);text-decoration:none;color:#ffffffd9;font-size:var(--font-size-2xs);font-weight:500;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-family-fluent)}.sidebar-dropdown-item svg{flex-shrink:0;opacity:.7}.sidebar-dropdown-item:hover{background:var(--sidebar-hover);color:var(--sidebar-hover-accent)}.sidebar-dropdown-item:hover svg{opacity:1;color:var(--sidebar-hover-accent)}.sidebar-dropdown-item--danger:hover{background:#ef444426;color:var(--sidebar-danger)}.sidebar-dropdown-item--danger:hover svg{color:var(--sidebar-danger)}@media(max-width:992px){.sidebar{top:56px;height:calc(100vh - 56px);transform:translate(-100%);box-shadow:none}.sidebar.sidebar--open{transform:translate(0);box-shadow:8px 0 32px #0006,4px 0 16px #0003}}@media(max-width:768px){.sidebar{width:280px}}@media(max-width:480px){.sidebar{width:85vw;max-width:300px}}@media(hover:none)and (pointer:coarse){.sidebar-nav-item{padding:12px 14px}.sidebar-dropdown-item{padding:14px}}.sidebar-nav-item:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.sidebar-account-trigger:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.sidebar-dropdown-item:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-nav-item,.sidebar-nav-item svg,.sidebar-account-trigger,.sidebar-account-chevron,.sidebar-dropdown,.sidebar-dropdown-item,.active-indicator{animation:none;transition:none}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(var(--space-5xl) + var(--space-md));padding-bottom:env(safe-area-inset-bottom);background:#fff6;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-top:var(--border-xs) solid rgba(255,255,255,.2);box-shadow:0 -4px 12px #0000001a;z-index:var(--z-bottom-nav);align-items:center;justify-content:space-around}[data-theme=dark] .bottom-nav{background:var(--overlay-light);border-top:var(--border-xs) solid var(--glass-border-light);box-shadow:0 -4px 12px var(--overlay-light)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);min-width:var(--touch-target-min);min-height:var(--touch-target-min);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(147,51,234,.2);flex:1;position:relative}.bottom-nav-item:hover{background:#ffffff1a}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active *{color:var(--canon-primary)}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:0;text-align:center}.more-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));z-index:var(--z-overlay);animation:fadeIn .2s ease-out}.more-modal{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:#fff6;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);box-shadow:0 -10px 25px #00000040;z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideUp .3s ease-out;padding-bottom:env(safe-area-inset-bottom)}[data-theme=dark] .more-modal{background:#0006;box-shadow:0 -10px 25px #00000080}.more-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);border-bottom:var(--border-xs) solid rgba(255,255,255,.2);flex-shrink:0}[data-theme=dark] .more-modal-header{border-bottom:var(--border-xs) solid rgba(255,255,255,.1)}.more-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.more-modal-close{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(147,51,234,.2)}.more-modal-close:hover{background:#ffffff1a}.more-modal-close:active{transform:scale(.95)}.more-modal-content{flex:1;overflow-y:auto;padding:var(--space-md);-webkit-overflow-scrolling:touch}.more-modal-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);touch-action:manipulation;min-height:var(--touch-target-min);-webkit-tap-highlight-color:rgba(147,51,234,.2);background:#ffffff4d;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--border-xs) solid rgba(255,255,255,.2)}[data-theme=dark] .more-modal-item{background:#1e293b4d;border:var(--border-xs) solid rgba(255,255,255,.1)}.more-modal-item:active{transform:scale(.98)}.more-modal-item{transition:all var(--transition-fast)}.more-modal-item:hover{background:#e0f2fe66;transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark] .more-modal-item:hover{background:#e0f2fe4d}.more-modal-item.active{-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .more-modal-item.active{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #ec48994d}.more-modal-item.active *{color:var(--canon-primary)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:769px){.bottom-nav{display:none!important}}@media(max-width:768px){.bottom-nav{display:flex}}.add-new-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--padding-responsive-xl) var(--padding-responsive-xl) var(--padding-responsive-md) var(--padding-responsive-md);padding-top:max(var(--padding-responsive-xl),env(safe-area-inset-top));padding-right:max(var(--padding-responsive-xl),env(safe-area-inset-right));padding-bottom:max(var(--padding-responsive-md),env(safe-area-inset-bottom));padding-left:max(var(--padding-responsive-md),env(safe-area-inset-left));animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.add-new-panel{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:var(--container-max-width);width:100%;max-height:var(--modal-max-height);overflow:hidden;display:flex;flex-direction:column;animation:slideIn .25s ease-out;transform-origin:top right}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-new-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-responsive-md) var(--padding-responsive-lg);border-bottom:var(--border-xs) solid var(--bg-secondary, #f5f5f7)}.add-new-panel-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:-.4px}.add-new-panel-close{background:transparent;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.add-new-panel-close:hover{background:var(--bg-secondary, #f5f5f7);color:var(--text-primary)}.add-new-panel-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-responsive-sm);padding:var(--padding-responsive-lg);max-height:calc(var(--modal-max-height) - 100px);overflow-y:auto}.add-new-panel-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-responsive-sm);padding:var(--padding-responsive-lg) var(--padding-responsive-md);border-radius:var(--radius-lg);background:var(--bg-secondary, #f5f5f7);cursor:pointer;transition:all var(--transition-fast);border:var(--border-sm) solid transparent}.add-new-panel-option:hover{background:var(--surface-hover, #e8e8ed);transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-new-panel-option:active{transform:translateY(0) scale(.98)}.add-new-panel-option span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.add-new-panel-option svg{color:var(--primary)}[data-theme=dark] .add-new-panel{background:var(--bg-secondary);box-shadow:var(--shadow-xl)}[data-theme=dark] .add-new-panel-header{border-bottom-color:var(--surface-border)}[data-theme=dark] .add-new-panel-header h3{color:var(--text-primary)}[data-theme=dark] .add-new-panel-close{color:var(--text-muted)}[data-theme=dark] .add-new-panel-close:hover{background:var(--surface-secondary);color:var(--text-primary)}[data-theme=dark] .add-new-panel-option{background:var(--surface-secondary)}[data-theme=dark] .add-new-panel-option:hover{background:var(--surface-tertiary)}[data-theme=dark] .add-new-panel-option span{color:var(--text-primary)}@media(max-width:900px){.add-new-panel-overlay{padding:var(--space-5xl) var(--space-2xl) var(--space-xl) var(--space-2xl);justify-content:center}.add-new-panel{max-width:450px}.add-new-panel-header{padding:var(--space-lg) var(--space-xl)}.add-new-panel-header h3{font-size:var(--font-size-lg)}.add-new-panel-options{padding:var(--space-xl);gap:var(--space-md)}.add-new-panel-option{padding:var(--space-xl) var(--space-md);gap:var(--space-md)}.add-new-panel-option span{font-size:var(--font-size-sm)}}@media(max-width:768px){.add-new-panel-overlay{padding:var(--space-xl) var(--space-lg);padding-top:max(var(--space-xl),env(safe-area-inset-top));padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom));padding-left:max(var(--space-lg),env(safe-area-inset-left));padding-right:max(var(--space-lg),env(safe-area-inset-right));align-items:center}.add-new-panel{max-width:100%;margin:0;border-radius:var(--radius-lg)}.add-new-panel-options{grid-template-columns:1fr;padding:var(--space-lg);gap:var(--space-sm)}.add-new-panel-option{flex-direction:row;justify-content:flex-start;padding:var(--space-lg);gap:var(--space-md)}}@media(max-width:480px){.add-new-panel-header{padding:var(--space-md) var(--space-lg)}.add-new-panel-header h3{font-size:var(--font-size-base)}.add-new-panel-close{padding:var(--space-xs)}.add-new-panel-options,.add-new-panel-option{padding:var(--space-md)}.add-new-panel-option span{font-size:var(--font-size-xs)}}.top-banner{position:fixed;top:0;left:var(--sidebar-nav-width, 256px);right:0;height:clamp(48px,8vw,64px);z-index:var(--z-top-banner);background:var(--mica-base, var(--surface-page, #f8f6f1));border-bottom:1px solid var(--border-default, rgba(0, 0, 0, .06));box-shadow:0 1px #fff9}.top-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mica-layer, transparent);pointer-events:none;z-index:0}.top-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2c24160f;pointer-events:none;z-index:0}.top-banner-content{position:relative;display:flex;align-items:center;height:100%;padding:0 var(--d2-spacing-xl);gap:var(--space-lg);max-width:100%;z-index:1}.top-banner-breadcrumbs{flex:1;min-width:0}.top-banner-breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.top-banner-breadcrumb-item{display:inline-flex;align-items:center;min-width:0;font-size:var(--d2-font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-fluent)}.top-banner-breadcrumb-separator{margin:0 .35em;color:var(--text-muted, #8895a7);font-weight:400}.top-banner-breadcrumb-link{color:var(--text-secondary, #4a5568);text-decoration:none;border-radius:var(--radius-sm);padding:2px 4px;margin:-2px -4px;transition:color .15s ease,background .15s ease}.top-banner-breadcrumb-link:hover{color:var(--text-primary, #3d4a5c);background:#0000000f}.top-banner-breadcrumb-current{color:var(--text-primary, #3d4a5c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(40vw,280px)}.top-banner-datetime{color:var(--text-secondary, #4a5568);font-size:var(--d2-font-size-base);font-weight:var(--font-weight-medium);flex-shrink:0;margin-left:auto;background:none;border:none;cursor:pointer;padding:var(--space-sm) 14px;border-radius:var(--radius-md);transition:all .15s ease;font-family:var(--font-family-fluent);letter-spacing:.01em}.top-banner-datetime:hover{background:#0000000f;color:var(--text-primary, #3d4a5c)}.top-banner-actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-lg);flex-shrink:0}.top-banner-search-btn{display:none}.top-banner-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);height:36px;border-radius:var(--radius-md);font-size:var(--d2-font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:none;background:none;color:var(--text-secondary, #4a5568);white-space:nowrap;font-family:var(--font-family-fluent)}.top-banner-btn:hover{background:#0000000f;color:var(--text-primary, #3d4a5c)}.top-banner-btn.active{background:#0078d41f;color:var(--blue-600, #0078d4);border-color:#0078d433}.top-banner-btn svg{width:16px;height:16px;flex-shrink:0}.top-banner-btn-primary{background:none;color:var(--text-secondary, #4a5568);border:none;box-shadow:none}.top-banner-btn-primary:hover{background:#0000000f;color:var(--text-primary, #3d4a5c);box-shadow:none;transform:none}.top-banner-btn-primary:active{transform:none;box-shadow:none}@media(max-width:992px){.top-banner{left:0}}@media(max-width:768px){.top-banner-search-btn{display:inline-flex}.top-banner-btn span{display:none}.top-banner-btn{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--radius-md)}}@media(max-width:600px){.top-banner-content{padding:0 var(--space-md);gap:var(--space-md)}}@media(max-width:480px){.top-banner-datetime{display:none}.top-banner-actions{gap:var(--d2-spacing-sm);margin-left:var(--space-sm)}}[data-theme=dark] .top-banner{border-bottom-color:#ffffff14;box-shadow:0 1px #ffffff05}[data-theme=dark] .top-banner:after{background:#0000002e}[data-theme=dark] .top-banner-datetime,[data-theme=dark] .top-banner-btn,[data-theme=dark] .top-banner-btn-primary{color:#ffffffd9}[data-theme=dark] .top-banner-datetime:hover,[data-theme=dark] .top-banner-btn:hover,[data-theme=dark] .top-banner-btn-primary:hover{background:#ffffff1a;color:var(--text-on-gradient, #ffffff)}[data-theme=dark] .top-banner-btn.active{background:#0078d433;color:var(--blue-400)}[data-theme=dark] .top-banner-breadcrumb-link{color:#ffffffbf}[data-theme=dark] .top-banner-breadcrumb-link:hover{color:#fffffff2;background:#ffffff1a}[data-theme=dark] .top-banner-breadcrumb-current{color:#ffffffeb}[data-theme=dark] .top-banner-breadcrumb-separator{color:#ffffff73}.top-banner-breadcrumb-link:focus-visible,.top-banner-btn:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}.top-banner-datetime:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}@media(prefers-reduced-motion:reduce){.top-banner-btn,.top-banner-datetime{transition:none}}.inline-alert{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid;font-size:var(--font-size-sm)}.inline-alert-content{flex:1 1 auto;min-width:0}.inline-alert-content>p:last-child{margin-bottom:0}.inline-alert-danger{background:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--color-danger)}.inline-alert-success{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.inline-alert-warning{background:var(--color-warning-subtle);border-color:var(--color-warning);color:var(--color-warning)}.inline-alert-info{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .inline-alert-danger{border-color:var(--color-danger-fill);color:var(--color-danger-fill)}[data-theme=dark] .inline-alert-success{border-color:var(--success-500);color:var(--success-500)}[data-theme=dark] .inline-alert-warning{border-color:#f08c3e;color:#f08c3e}.inline-alert-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;transition:all var(--transition-fast)}.inline-alert-close:hover{background:var(--interactive-bg-hover)}.inline-alert-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.task-due-cal .cal{border:1px solid var(--ownos-rule);border-radius:var(--ownos-radius-md);background:var(--ownos-paper);padding:10px 12px 8px;display:flex;flex-direction:column;gap:8px}.task-due-cal .cal-head{display:flex;align-items:center;gap:8px}.task-due-cal .cal-mo{font-size:var(--ownos-font-size-13);font-weight:var(--ownos-font-weight-display);letter-spacing:-.01em;color:var(--ownos-ink);flex:1;text-align:center}.task-due-cal .cal-mo .yr{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-11);font-weight:400;color:var(--ownos-ink-4);margin-left:4px}.task-due-cal .cal-nav{width:22px;height:22px;border-radius:var(--radius-xs);display:grid;place-items:center;color:var(--ownos-ink-3);border:0;background:transparent;cursor:pointer;padding:0;font:inherit}.task-due-cal .cal-nav:hover{background:var(--ownos-rule-2);color:var(--ownos-ink)}.task-due-cal .cal-today{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10);letter-spacing:.06em;color:var(--ownos-ink-3);padding:3px 7px;border:1px solid var(--ownos-rule);border-radius:var(--radius-xs);background:var(--ownos-paper-2);cursor:pointer}.task-due-cal .cal-today:hover{background:var(--ownos-rule-2)}.task-due-cal .cal-dow{display:grid;grid-template-columns:repeat(7,1fr);font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-9-5);letter-spacing:.08em;color:var(--ownos-ink-4);text-align:center;text-transform:uppercase;font-weight:var(--font-weight-medium);padding-bottom:2px;border-bottom:1px dashed var(--ownos-rule-2)}.task-due-cal .cal-dow span{padding:4px 0}.task-due-cal .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.task-due-cal .cal-cell{height:30px;border-radius:var(--radius-xs);font-size:var(--ownos-font-size-12);color:var(--ownos-ink-2);background:transparent;font-feature-settings:"tnum";font-weight:var(--ownos-font-weight-book);cursor:pointer;display:grid;place-items:center;position:relative;border:0;font-family:inherit}.task-due-cal .cal-cell:hover:not(.empty):not(:disabled){background:var(--ownos-rule-2)}.task-due-cal .cal-cell.empty{visibility:hidden}.task-due-cal .cal-cell.today{color:var(--ownos-accent-ink);font-weight:var(--font-weight-semibold)}.task-due-cal .cal-cell.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--ownos-accent)}.task-due-cal .cal-cell.sel{background:var(--ownos-ink);color:var(--ownos-paper);font-weight:var(--ownos-font-weight-display)}.task-due-cal .cal-cell.sel.today{color:var(--ownos-paper)}.task-due-cal .cal-cell.sel.today:after{background:var(--ownos-paper)}.task-due-cal .cal-foot{display:flex;align-items:center;padding-top:6px;border-top:1px dashed var(--ownos-rule-2)}.task-due-cal .cal-sel{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10-5);color:var(--ownos-ink-3);letter-spacing:.02em}.task-due-cal .cal-clear{margin-left:auto;font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10);color:var(--ownos-ink-4);letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-xxs);border:0;background:transparent;cursor:pointer}.task-due-cal .cal-clear:hover{background:var(--ownos-rule-2);color:var(--ownos-ink-2)}.task-due-cal .ntm-i{width:14px;height:14px;stroke:currentcolor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 14px}.new-task-space-manager-layer .modal-overlay{z-index:1100}.new-task-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:48px 20px;background:#17171a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.new-task-modal{--ntm-bg: var(--ownos-bg);--ntm-paper: var(--ownos-paper);--ntm-paper-2: var(--ownos-paper-2);--ntm-ink: var(--ownos-ink);--ntm-ink-2: var(--ownos-ink-2);--ntm-ink-3: var(--ownos-ink-3);--ntm-ink-4: var(--ownos-ink-4);--ntm-ink-5: var(--ownos-ink-5);--ntm-rule: var(--ownos-rule);--ntm-rule-2: var(--ownos-rule-2);--ntm-accent: var(--ownos-accent);--ntm-accent-ink: var(--ownos-accent-ink);--ntm-prio-hi-ink: var(--ownos-prio-hi-ink);width:520px;max-width:calc(100vw - 40px);max-height:calc(100vh - 96px);background:var(--ntm-paper);border:1px solid var(--ntm-rule);border-radius:var(--ownos-radius-lg);box-shadow:0 30px 60px -20px #00000080,0 2px #0000000a;overflow:hidden;display:flex;flex-direction:column;font-family:var(--ownos-font-family);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;line-height:var(--ownos-line-height-body);color:var(--ntm-ink-2)}.new-task-modal .ntm-i{width:14px;height:14px;stroke:currentcolor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 14px}.new-task-modal .m-head{padding:18px 22px 14px;border-bottom:1px solid var(--ntm-rule-2);display:flex;align-items:flex-start;gap:14px;background:linear-gradient(180deg,var(--ntm-paper) 0%,var(--ntm-paper-2) 100%);flex-shrink:0}.new-task-modal .m-head .tt{flex:1;min-width:0}.new-task-modal .m-head .kicker{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10);letter-spacing:.16em;text-transform:uppercase;color:var(--ntm-ink-4);margin-bottom:5px}.new-task-modal .m-head h2{margin:0;font-size:var(--ownos-font-size-18);font-weight:var(--ownos-font-weight-display);letter-spacing:-.018em;color:var(--ntm-ink);line-height:var(--ownos-line-height-12)}.new-task-modal .m-head .sub{margin-top:3px;font-size:var(--ownos-font-size-12-5);color:var(--ntm-ink-3)}.new-task-modal .m-head .x{width:26px;height:26px;border-radius:var(--ownos-radius-sm);display:grid;place-items:center;color:var(--ntm-ink-4);border:1px solid transparent;background:none;cursor:pointer;padding:0;font:inherit}.new-task-modal .m-head .x:hover{background:var(--ntm-rule-2);color:var(--ntm-ink-2)}.new-task-modal .m-body{padding:16px 22px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;min-height:0}.new-task-modal .field{display:flex;flex-direction:column;gap:6px}.new-task-modal .field .lab{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-9-5);letter-spacing:.16em;text-transform:uppercase;color:var(--ntm-ink-4);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:6px}.new-task-modal .field .lab .req{color:var(--ntm-prio-hi-ink);font-family:var(--ownos-font-family)}.new-task-modal .inp{width:100%;padding:9px 12px;border:1px solid var(--ntm-rule);background:var(--ntm-paper);border-radius:var(--ownos-radius-md);font-size:var(--ownos-font-size-13-5);color:var(--ntm-ink);font-weight:var(--ownos-font-weight-book);outline:none;transition:border-color .12s,box-shadow .12s;font-family:inherit}.new-task-modal .inp::placeholder{color:var(--ntm-ink-4);font-weight:400}.new-task-modal .inp:focus{border-color:var(--ntm-accent);box-shadow:0 0 0 3px #b27a1e1f}.new-task-modal textarea.inp{min-height:72px;resize:vertical;font-size:var(--ownos-font-size-13);line-height:var(--ownos-line-height-15)}.new-task-modal .inp.big{font-size:var(--ownos-font-size-16);padding:11px 14px;letter-spacing:-.005em;font-weight:var(--font-weight-medium)}.new-task-modal .row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.new-task-modal .row-2{grid-template-columns:1fr}}.new-task-modal .sp-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.new-task-modal .sp-pick .sp{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--ntm-rule);border-radius:var(--radius-full);font-size:var(--ownos-font-size-12);color:var(--ntm-ink-3);background:var(--ntm-paper);cursor:pointer;font-weight:var(--ownos-font-weight-book);font-family:inherit}.new-task-modal .sp-pick .sp .d{width:8px;height:8px;border-radius:50%;flex-shrink:0}.new-task-modal .sp-pick .sp.on{background:var(--ntm-ink);color:var(--ntm-paper);border-color:var(--ntm-ink)}.new-task-modal .sp-pick .sp:hover:not(.on){background:var(--ntm-rule-2)}.new-task-modal .sp-pick .sp.sp-new{border-style:dashed;color:var(--ntm-ink-3)}.new-task-modal .sp-pick .sp.sp-new:hover:not(.on){border-color:var(--ntm-accent);color:var(--ntm-accent-ink);background:color-mix(in srgb,var(--ntm-accent) 12%,var(--ntm-paper))}.new-task-modal .sp-pick .more-wrap{position:relative}.new-task-modal .sp-pick .more{font-size:var(--ownos-font-size-10-5);color:var(--ntm-ink-4);padding:5px 8px;border-radius:var(--radius-full);border:1px dashed var(--ntm-rule);background:transparent;cursor:pointer;font-family:inherit}.new-task-modal .sp-pick .more:hover{background:var(--ntm-rule-2);color:var(--ntm-ink-2)}.new-task-modal .sp-more-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:160px;max-height:200px;overflow-y:auto;background:var(--ntm-paper);border:1px solid var(--ntm-rule);border-radius:var(--ownos-radius-md);box-shadow:0 12px 24px -8px #0003;padding:4px}.new-task-modal .sp-more-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 10px;border-radius:var(--radius-xs);border:0;background:transparent;font-size:var(--ownos-font-size-12);color:var(--ntm-ink-2);cursor:pointer;font-family:inherit}.new-task-modal .sp-more-menu button:hover{background:var(--ntm-rule-2)}.new-task-modal .pmeter{display:flex;flex-direction:column;gap:6px}.new-task-modal .pmeter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid var(--ntm-rule);border-radius:var(--ownos-radius-md);padding:6px;background:var(--ntm-paper)}.new-task-modal .pm-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:8px 4px 6px;border-radius:var(--radius-xs);background:transparent;transition:background .12s;border:1px solid transparent;cursor:pointer;font-family:inherit;color:inherit}.new-task-modal .pm-step:hover{background:var(--ntm-rule-2)}.new-task-modal .pm-step.on{background:var(--ntm-paper-2);border-color:var(--ntm-rule);box-shadow:inset 0 -2px 0 var(--ntm-ink)}.new-task-modal .pm-bars{display:flex;align-items:flex-end;gap:3px;height:22px}.new-task-modal .pm-b{width:5px;border-radius:var(--ownos-radius-1);background:var(--ntm-ink-5);opacity:.45;transition:background .12s,opacity .12s;display:block}.new-task-modal .pm-b1{height:8px}.new-task-modal .pm-b2{height:14px}.new-task-modal .pm-b3{height:20px}.new-task-modal .pm-step.pm-lo .pm-b.fill,.new-task-modal .pm-step.pm-md .pm-b.fill,.new-task-modal .pm-step.pm-hi .pm-b.fill{background:var(--ntm-ink-2);opacity:1}.new-task-modal .pm-name{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10);letter-spacing:.08em;text-transform:uppercase;color:var(--ntm-ink-4);font-weight:var(--font-weight-medium)}.new-task-modal .pm-step.on .pm-name{color:var(--ntm-ink-2)}.new-task-modal .pmeter-read{display:flex;align-items:center;gap:7px;padding:2px 4px;font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10-5);color:var(--ntm-ink-3);letter-spacing:.02em}.new-task-modal .pm-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.new-task-modal .pm-dot-none{background:var(--ntm-ink-5)}.new-task-modal .pm-dot-lo,.new-task-modal .pm-dot-md,.new-task-modal .pm-dot-hi{background:var(--ntm-ink-2)}.new-task-modal .pm-cur{color:var(--ntm-ink-2);font-weight:var(--font-weight-medium)}.new-task-modal .pm-sub{color:var(--ntm-ink-4)}.new-task-modal .m-foot{display:flex;align-items:center;gap:10px;padding:12px 18px 14px;border-top:1px solid var(--ntm-rule-2);background:var(--ntm-bg);flex-shrink:0;flex-wrap:wrap}.new-task-modal .foot-hint{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10);color:var(--ntm-ink-4);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.new-task-modal .foot-hint .kbd{border:1px solid var(--ntm-rule);background:var(--ntm-paper);padding:1px 5px;border-radius:var(--radius-xxs);color:var(--ntm-ink-3)}.new-task-modal .foot-spacer{flex:1;min-width:8px}.new-task-modal .btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--ownos-radius-md);font-size:var(--ownos-font-size-12-5);font-weight:var(--font-weight-medium);border:1px solid transparent;cursor:pointer;letter-spacing:-.005em;font-family:inherit}.new-task-modal .btn.ghost{color:var(--ntm-ink-3);background:transparent}.new-task-modal .btn.ghost:hover:not(:disabled){background:var(--ntm-rule-2);color:var(--ntm-ink-2)}.new-task-modal .btn.primary{background:var(--ntm-accent);color:var(--ntm-paper);border-color:var(--ntm-accent)}.new-task-modal .btn.primary:hover:not(:disabled){background:var(--ntm-accent-ink);border-color:var(--ntm-accent-ink)}.new-task-modal .btn:disabled{opacity:.65;cursor:not-allowed}.new-task-modal .btn.primary .kb{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-9-5);border:1px solid rgba(250,249,246,.3);padding:1px 4px;border-radius:var(--radius-xxs);opacity:.8;margin-left:2px}.new-task-modal .ntm-error{margin:0 22px;padding:8px 12px;border-radius:var(--ownos-radius-md);font-size:var(--ownos-font-size-12-5);background:var(--ownos-error-bg);color:var(--ownos-prio-hi-ink);border:1px solid var(--ownos-error-border)}.new-task-modal .st-pick{display:flex;flex-wrap:wrap;gap:6px}.new-task-modal .st-pick .st{padding:5px 11px;border:1px solid var(--ntm-rule);border-radius:var(--radius-full);font-size:var(--ownos-font-size-12);color:var(--ntm-ink-3);background:var(--ntm-paper);cursor:pointer;font-weight:var(--ownos-font-weight-book);font-family:inherit}.new-task-modal .st-pick .st.on{background:var(--ntm-ink);color:var(--ntm-paper);border-color:var(--ntm-ink)}.new-task-modal .st-pick .st:hover:not(.on){background:var(--ntm-rule-2)}.new-task-modal .m-foot-edit{flex-wrap:wrap;row-gap:8px}.new-task-modal .foot-actions-left{display:flex;align-items:center;gap:6px;width:100%;order:-1}@media(min-width:561px){.new-task-modal .m-foot-edit .foot-actions-left{width:auto;order:0;margin-right:auto}}.new-task-modal .btn.danger{color:var(--ownos-prio-hi-ink);background:transparent;border-color:transparent}.new-task-modal .btn.danger:hover:not(:disabled){background:var(--ownos-error-bg);color:var(--ownos-prio-hi-ink)}@media(max-width:560px){.new-task-modal-overlay{align-items:flex-end;padding:0}.new-task-modal{max-width:100%;max-height:92vh;border-radius:var(--ownos-radius-lg) var(--ownos-radius-lg) 0 0}.new-task-modal .foot-hint{display:none}}[data-sonner-toaster]{z-index:99999!important}@media(max-width:768px){[data-sonner-toaster]{--width: calc(100% - 32px) !important}}.disconnect-toast{background:var(--d2-surface)!important;border:1px solid var(--d2-ember)!important;color:var(--d2-heading-color)!important}.disconnect-toast [data-button]{background:var(--d2-ember)!important;color:var(--text-on-gradient)!important;border:none!important;border-radius:var(--radius-sm)!important;padding:6px 12px!important;font-weight:500!important;transition:all .15s ease!important}.disconnect-toast [data-button]:hover{background:var(--d2-ember-dark)!important}[data-theme=dark] .disconnect-toast{background:#1a1a2ef2!important;border-color:var(--d2-ember)!important;color:var(--text-primary)!important}.global-search-results{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.global-search-results::-webkit-scrollbar{width:6px}.global-search-results::-webkit-scrollbar-track{background:transparent}.global-search-results::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-xxs)}.global-search-results::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.global-search-results__error,.global-search-results__empty,.global-search-results__spinner-wrap{padding:var(--space-6);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:100px}.global-search-results__error{color:var(--color-danger, var(--d2-ember))}.global-search-results__empty-icon,.global-search-results__spinner-wrap svg{color:var(--text-muted);opacity:.7}.global-search-results .inline-spinner{color:var(--text-muted)}.global-search-results__section{padding:0}.global-search-results__section-header{position:sticky;top:0;z-index:1;padding:var(--space-2) var(--space-4);font-size:var(--font-size-xxs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-raised)}.global-search-results__item{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3) var(--space-4);border:none;background:transparent;cursor:pointer;color:inherit;font:inherit}.global-search-results__item:hover,.global-search-results__item--active{background:var(--interactive-bg-hover)}.global-search-results__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-4);height:var(--space-4);margin-top:2px;color:var(--text-muted)}.global-search-results__item-icon--space{color:var(--color-danger)}.global-search-results__item-icon--task{color:var(--color-success)}.global-search-results__item-icon--note{color:var(--planner-space-copper)}.global-search-results__item-icon--contact{color:var(--olive-700)}.global-search-results__item-icon--event{color:var(--accent, var(--color-primary))}.global-search-results__item-icon--list{color:var(--color-primary)}.global-search-results__item-icon--bookmark{color:var(--indigo-900)}.global-search-results__item-body{flex:1;min-width:0}.global-search-results__item-title{margin:0 0 var(--d2-spacing-2xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);line-height:var(--line-height-tight, 1.25)}.global-search-results__item-snippet{margin:0;font-size:var(--font-size-2xs);color:var(--text-muted);line-height:var(--line-height-normal, 1.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-results__item-snippet mark{background:var(--d2-highlight);color:inherit;padding:0 var(--d2-spacing-2xs);border-radius:var(--radius-xxs)}.global-search-results__item-meta{margin-top:var(--d2-spacing-2xs);font-size:var(--font-size-xs);color:var(--text-muted);opacity:.7}.global-search-palette__panel{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;max-height:60vh}.global-search-palette__input-row{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle)}.global-search-palette__input-icon{flex-shrink:0;color:var(--text-muted)}.global-search-palette__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:var(--font-size-md, 1rem);line-height:var(--line-height-snug);color:var(--text-primary);padding:0}.global-search-palette__input::placeholder{color:var(--text-muted)}.global-search-palette__input:focus{outline:none;box-shadow:none}.global-search-palette__close{display:none;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;margin:-6px -6px -6px 0;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer}.global-search-palette__close:hover{background:var(--interactive-bg-hover);color:var(--text-primary)}.global-search-palette__close:focus-visible{outline:2px solid var(--primary, var(--blue-400));outline-offset:2px}@media(max-width:768px){.global-search-palette__panel{max-height:none;height:100%}.global-search-palette__input-row{padding:var(--space-3) var(--space-4);min-height:56px}.global-search-palette__input{font-size:16px}.global-search-palette__close{display:flex}}[data-testid=app-loaded]{--mica-base: linear-gradient( 165deg, #faf9f6 0%, #f8f6f1 35%, #f9f8f4 65%, #fcfbf8 100% );--mica-layer: radial-gradient( ellipse 80% 50% at 20% -10%, rgba(120, 110, 100, .02) 0%, transparent 60% ), radial-gradient( ellipse 60% 40% at 90% 110%, rgba(100, 95, 90, .02) 0%, transparent 50% )}[data-theme=dark] [data-testid=app-loaded]{--mica-base: linear-gradient( 135deg, rgba(32, 32, 32, .95) 0%, rgba(28, 28, 28, .92) 50%, rgba(35, 35, 35, .95) 100% );--mica-layer: radial-gradient( ellipse at 20% 0%, rgba(96, 205, 255, .04) 0%, transparent 50% ), radial-gradient( ellipse at 80% 100%, rgba(96, 205, 255, .03) 0%, transparent 50% )}.mobile-menu-btn{display:none;position:fixed;top:calc(56px + var(--space-lg));left:var(--space-lg);z-index:var(--z-mobile-menu-btn);background:var(--blue-500);border:none;border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-on-gradient);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);min-width:var(--touch-target-min);min-height:var(--touch-target-min);align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:rgba(66,153,225,.2)}.mobile-menu-btn:hover{background:var(--blue-600);transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-overlay);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light))}.layout-container{display:flex;min-height:100vh;margin-top:56px}.main-content{flex:1;margin-left:var(--sidebar-nav-width, 256px);padding:0;min-height:calc(100vh - 56px);width:calc(100% - var(--sidebar-nav-width, 256px));font-size:var(--font-size-base);position:relative;z-index:0;background:var(--mica-base)}.main-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mica-layer);pointer-events:none;z-index:0}.main-content>*{position:relative;z-index:1;max-width:var(--page-max-width);margin-inline:auto}.column-content,.card-content,.main-content p,.main-content div:not([class*=grid]):not([class*=flex]){word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}table{width:100%;border-collapse:collapse}@media(max-width:768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media(max-width:992px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-overlay{display:block}.main-content{margin-left:0;width:100%;padding-top:var(--space-5xl)}}@media(max-width:768px){.sidebar,.mobile-menu-btn,.mobile-overlay{display:none!important}.main-content{margin-left:0;width:100%;padding-top:0;padding-left:var(--space-md);padding-right:var(--space-md);padding-bottom:calc(var(--space-5xl) + var(--space-3xl));font-size:var(--font-size-sm)}}@media(max-width:480px){.mobile-menu-btn{top:var(--space-md);left:var(--space-md);padding:var(--space-md);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.main-content{padding-top:calc(var(--space-5xl) + var(--space-lg));margin-top:56px}}.ownos-space-chips{--ownos-chip-rule: var(--ownos-rule);--ownos-chip-rule-2: var(--ownos-rule-2);--ownos-chip-paper: var(--ownos-paper);--ownos-chip-ink: var(--ownos-ink);--ownos-chip-ink-2: var(--ownos-ink-2);--ownos-chip-ink-3: var(--ownos-ink-3);--ownos-chip-ink-4: var(--ownos-ink-4);--ownos-chip-accent: var(--ownos-accent);display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;padding:0;border-bottom:none}.ownos-space-chips button.ownos-space-chip,.ownos-space-chips button.bookmarks-space-tab.ownos-space-chip{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;height:auto;min-height:0;max-height:none;line-height:var(--ownos-line-height-tight);gap:7px!important;padding:5px 11px 5px 9px!important;margin:0!important;border:1px solid var(--ownos-chip-rule)!important;border-radius:var(--radius-full);background:var(--ownos-chip-paper)!important;font-size:var(--ownos-font-size-12)!important;font-weight:var(--ownos-font-weight-book);color:var(--ownos-chip-ink-3);letter-spacing:0;transition:background .1s;cursor:pointer;font-family:inherit;white-space:nowrap;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ownos-space-chips button.ownos-space-chip:not(:has(.bookmarks-space-dot)){padding:5px 11px!important}.ownos-space-chips button.ownos-space-chip:after{display:none!important;content:none!important}.ownos-space-chips button.ownos-space-chip:hover{color:var(--ownos-chip-ink-2);background:var(--ownos-chip-rule-2)}.ownos-space-chips button.ownos-space-chip.active,.ownos-space-chips button.bookmarks-space-tab.ownos-space-chip.active{background:var(--ownos-chip-ink)!important;color:var(--ownos-chip-paper)!important;border-color:var(--ownos-chip-ink)!important;font-weight:var(--ownos-font-weight-book)}.ownos-space-chips button.ownos-space-chip.active:hover,.ownos-space-chips button.bookmarks-space-tab.ownos-space-chip.active:hover{background:var(--ownos-chip-ink)!important;color:var(--ownos-chip-paper)!important;border-color:var(--ownos-chip-ink)!important}.ownos-space-chips .bookmarks-space-dot{width:7px;height:7px;min-width:7px;min-height:7px;flex-shrink:0}.ownos-space-chips .ownos-space-chip-count{font-family:var(--ownos-font-mono);font-size:var(--ownos-font-size-10);color:var(--ownos-chip-ink-4);margin-left:2px;font-weight:400;line-height:var(--ownos-line-height-1)}.ownos-space-chips button.ownos-space-chip.active .ownos-space-chip-count{color:var(--ownos-chip-count-active)}.ownos-space-chips .bookmarks-space-dot.all,.ownos-space-chips button.ownos-space-chip.active .bookmarks-space-dot.all{background:var(--ownos-chip-accent)}.ownos-space-chips button.ownos-space-chip.active .bookmarks-space-dot:not(.all){box-shadow:0 0 0 1px var(--ownos-dot-ring-on-active)}.ownos-space-chips button.ownos-space-chip span[style]:not(.bookmarks-space-dot){font-family:var(--ownos-font-mono)!important;font-size:var(--ownos-font-size-10)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--ownos-line-height-12)!important;padding:1px 5px!important;margin-left:2px!important;border-radius:var(--radius-full)!important}.ownos-space-chips:not(:has(.bookmarks-space-dot)) button.ownos-space-chip.active span[style]{background:var(--ownos-on-ink-surface)!important;color:var(--ownos-chip-paper)!important}.lists-space-item.active{background:var(--ownos-ink)!important;color:var(--ownos-paper)!important;border-color:var(--ownos-ink)!important;font-weight:var(--ownos-font-weight-book)}.lists-space-item.active:hover{background:var(--ownos-ink)!important;color:var(--ownos-paper)!important}.lists-space-item.active .lists-space-item-count{color:var(--ownos-chip-count-active)!important;opacity:1}.people-handoff-page .people-left-item.active{background:var(--ownos-ink)!important;color:var(--ownos-paper)!important;font-weight:var(--ownos-font-weight-book)}.people-handoff-page .people-left-item.active:hover{background:var(--ownos-ink)!important;color:var(--ownos-paper)!important}.people-handoff-page .people-left-item.active .people-left-icon{background:var(--ownos-sidebar-nav-active-bg)!important;color:var(--ownos-paper)!important}.bookmarks-page-container{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:calc(100vh - 56px);padding:0}.bookmarks-main-content{flex:1;padding:var(--space-3xl);overflow-y:auto;width:100%}.bookmarks-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.bookmarks-page-title{display:flex;align-items:baseline;gap:var(--space-3)}.bookmarks-page-title h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--january2026-ink);margin:0}.bookmarks-page-title span{font-size:var(--font-size-sm);color:var(--january2026-text-secondary)}.bookmarks-header-actions{display:flex;gap:var(--space-2)}.bookmarks-btn{display:inline-flex;align-items:center;gap:var(--radius-sm);padding:0 var(--space-md);height:32px;border-radius:var(--radius-xxs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .1s,box-shadow .1s;border:none}.bookmarks-btn-default{background:var(--january2026-bg);color:var(--january2026-ink)}.bookmarks-btn-default:hover{background:var(--january2026-border)}.bookmarks-btn-primary{background:var(--january2026-blue);color:var(--text-on-gradient)}.bookmarks-btn-primary:hover{background:var(--january2026-blue-dark)}.bookmarks-btn svg{width:16px;height:16px}.bookmarks-space-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-2xl);border-bottom:var(--border-sm) solid var(--january2026-border);padding-bottom:0}.bookmarks-space-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--january2026-text-secondary);cursor:pointer;border:none;background:none;position:relative;margin-bottom:-2px;transition:color .15s}.bookmarks-space-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background .15s}.bookmarks-space-tab:hover{color:var(--january2026-ink)}.bookmarks-space-tab.active{color:var(--january2026-blue);font-weight:var(--font-weight-medium)}.bookmarks-space-tab.active:after{background:var(--january2026-blue)}.bookmarks-space-dot{width:var(--space-2);height:var(--space-2);min-width:var(--space-2);min-height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.bookmarks-space-dot.all{background:var(--january2026-blue)}.bookmarks-space-dot.personal{background:var(--january2026-green)}.bookmarks-space-dot.stuff{background:var(--january2026-purple)}.bookmarks-space-dot.work{background:var(--january2026-blue-bright)}.bookmarks-section{margin-bottom:var(--space-3xl)}.bookmarks-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.bookmarks-section-title{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--january2026-text-muted)}.bookmarks-section-action{font-size:var(--font-size-xs);color:var(--january2026-blue);cursor:pointer;background:none;border:none;padding:0}.bookmarks-section-action:hover{text-decoration:underline}.bookmarks-sort-container{position:relative;display:inline-flex;align-items:center}.bookmarks-sort-label{font-size:var(--font-size-xs);color:var(--january2026-text-muted);margin-right:var(--space-xs)}.bookmarks-sort-button{position:relative;color:var(--january2026-blue);cursor:pointer;background:none;border:none;padding:0;font-size:var(--font-size-xs);font-family:inherit}.bookmarks-sort-button:hover{text-decoration:underline}.bookmarks-sort-menu{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-default);min-width:140px;z-index:100;overflow:hidden}.bookmarks-sort-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--january2026-ink);background:none;border:none;text-align:left;cursor:pointer;transition:background .1s}.bookmarks-sort-option:hover{background:var(--january2026-bg)}.bookmarks-sort-option.active{background:var(--january2026-selected-bg);color:var(--january2026-blue);font-weight:var(--font-weight-medium)}.bookmarks-favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-lg)}.bookmarks-favorite-card{background:var(--surface-raised);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:box-shadow var(--transition-base),transform var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid var(--border-default)}.bookmarks-favorite-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bookmarks-favorite-icon{width:48px;height:48px;border-radius:var(--radius-md);color:var(--text-on-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 auto var(--space-md)}.bookmarks-favorite-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--january2026-ink);margin-bottom:var(--space-xs)}.bookmarks-favorite-url{font-size:var(--font-size-xs);color:var(--january2026-text-muted);cursor:pointer;text-decoration:underline;transition:color .15s}.bookmarks-favorite-url:hover{color:var(--january2026-blue)}.bookmarks-empty-state{text-align:center;padding:var(--space-5xl);color:var(--january2026-text-secondary)}.bookmarks-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--january2026-ink);margin-bottom:var(--space-sm)}.bookmarks-empty-message{font-size:var(--font-size-sm);color:var(--january2026-text-secondary);margin-bottom:var(--space-2xl)}.bookmarks-empty-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);height:32px;background:var(--january2026-blue);color:var(--text-on-gradient);border:none;border-radius:var(--radius-xxs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .1s}.bookmarks-empty-btn:hover{background:var(--january2026-blue-dark)}@media(max-width:992px){.bookmarks-main-content{margin-left:0}}@media(max-width:768px){.bookmarks-main-content{padding:var(--space-lg)}.bookmarks-page-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.bookmarks-btn span{display:none}.bookmarks-favorites-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}}.bookmarks-empty-icon{color:var(--text-muted);opacity:.3;margin-bottom:var(--space-4)}.lists-list-card-meta-link{cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.lists-list-card-meta-link:hover{text-decoration-color:var(--color-primary)}.spaces-page{max-width:1600px;margin:0 auto;min-height:100vh}.spaces-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spaces-error{background:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.spaces-error p{color:var(--color-danger);margin:0 0 var(--space-3)}.spaces-error button{padding:var(--space-2) var(--space-4);background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium)}.spaces-table-container{background:var(--surface-primary);border-radius:var(--radius-xl);border:var(--border-sm) solid var(--border);overflow:hidden;margin-top:var(--space-6);box-shadow:var(--shadow-md)}.spaces-table{width:100%;border-collapse:collapse}.spaces-table__header{text-align:left;padding:var(--space-lg) var(--space-xl);font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);border-bottom:1px solid rgba(0,0,0,.12);border-right:var(--border-xs) solid rgba(0,0,0,.1);position:sticky;top:0;z-index:1}.spaces-table__header:last-child{border-right:none}.spaces-table__header.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.spaces-table__header.sortable-header:hover{background:var(--color-primary-hover)}.spaces-table__header-content{display:flex;align-items:center;gap:var(--space-xs)}.spaces-table__sort-indicator{display:inline-flex;align-items:center;color:#fff;margin-left:var(--space-xs)}.spaces-table__header.stat-col{text-align:center;width:100px}.spaces-table__header.activity-col{text-align:left;min-width:200px}.spaces-table__header.actions-col{width:48px;text-align:center}.spaces-table__header.spaces-table__total-col,.spaces-table__total-cell{display:none}.spaces-table td{padding:var(--space-lg) var(--space-xl);vertical-align:middle;border-bottom:var(--border-xs) solid var(--border-light);border-right:var(--border-xs) solid var(--border-light)}.spaces-table td:last-child{border-right:none}.spaces-table tbody tr:last-child td{border-bottom:none}.spaces-table__row{transition:background-color var(--transition-fast);cursor:default}.spaces-table__row--navigate{cursor:pointer}.spaces-table__row--navigate:hover{background-color:#7ba3d11f!important}.spaces-table tbody tr:nth-child(odd){background-color:#fff}.spaces-table tbody tr:nth-child(2n){background-color:#7ba3d10f}.spaces-table__name-cell{padding:var(--space-lg) var(--space-xl)}.spaces-table__cell{display:flex;align-items:center;gap:var(--space-3)}.spaces-table__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 2px #0000001a}.spaces-table__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:0;margin:0;border:none;background:none;text-align:left;cursor:pointer;font-family:inherit;line-height:inherit}.spaces-table__stat-cell{text-align:center;font-size:var(--font-size-sm);font-weight:400;font-variant-numeric:tabular-nums;color:#000;padding:var(--space-lg) var(--space-xl);transition:all var(--transition-fast)}.spaces-table__stat-cell.zero{color:#00000073;font-weight:400}.spaces-table__stat-cell.clickable{cursor:pointer}.spaces-table__stat-cell.clickable:hover{background:#0000000f;color:#000}.spaces-table__activity-cell{padding:var(--space-lg) var(--space-xl)}.spaces-table__activity-item{display:flex;flex-direction:row;align-items:baseline;gap:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.spaces-table__activity-item--clickable{cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.spaces-table__activity-item--clickable:hover{background:var(--surface-page)}.spaces-table__activity-title{font-size:var(--font-size-sm);font-weight:400;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.spaces-table__activity-sep{color:var(--text-muted);flex-shrink:0}.spaces-table__activity-time{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.spaces-table__activity-empty{font-style:italic;color:var(--text-muted);font-size:var(--font-size-sm)}.spaces-table__actions{width:48px;text-align:center;padding:var(--space-lg) var(--space-xl)}.spaces-table__action-wrapper{position:relative;display:inline-block}.spaces-table__action-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.spaces-table__action-btn:hover{background:var(--surface-page);color:var(--text-secondary)}.spaces-table__action-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:140px;overflow:hidden}.spaces-table__action-menu.spaces-table__action-menu--portal{position:fixed;margin-top:0;margin-bottom:0}.spaces-table__action-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.spaces-table__action-menu-item:hover{background:var(--surface-page)}.spaces-table__action-menu-item--delete{color:var(--color-danger)}.spaces-table__action-menu-item--delete:hover{background:var(--color-danger-subtle);color:var(--color-danger-hover)}.spaces-table__delete-confirm-cell{padding:var(--space-6)!important}.spaces-table__delete-confirm{padding:0;text-align:center}.spaces-table__delete-confirm p{margin:0 0 var(--space-4);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.spaces-table__delete-actions{display:flex;gap:var(--space-3);justify-content:center}.spaces-table__btn-cancel{padding:var(--space-2) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.spaces-table__btn-cancel:hover{background:var(--surface-page);color:var(--text-primary)}.spaces-table__btn-delete{padding:var(--space-2) var(--space-6);border:none;border-radius:var(--radius-md);background:var(--color-danger);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.spaces-table__btn-delete:hover{background:var(--color-danger-hover)}.spaces-events-popover{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.spaces-events-popover__header{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default)}.spaces-events-popover__list{list-style:none;margin:0;padding:var(--space-1);max-height:280px;overflow-y:auto}.spaces-events-popover__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.spaces-events-popover__item:hover{background:var(--surface-page)}.spaces-events-popover__item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spaces-events-popover__item-date{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:1024px){.spaces-table__header.activity-col,.spaces-table__activity-cell{display:none}}@media(max-width:768px){.spaces-page{padding:var(--space-5)}.spaces-table-container{overflow-x:auto}.spaces-table{width:100%;min-width:0}.spaces-table__header.stat-col-individual,.spaces-table__stat-cell.stat-col-individual{display:none}.spaces-table__header.spaces-table__total-col,.spaces-table__total-cell{display:table-cell}.spaces-table__header.spaces-table__total-col{text-align:left;width:auto;min-width:0;max-width:50%}.spaces-table__total-cell{text-align:left;font-size:var(--font-size-xs);color:var(--text-secondary)}}@media(max-width:480px){.spaces-table-container{overflow-x:visible}.spaces-table thead{display:none}.spaces-table,.spaces-table tbody,.spaces-table tr,.spaces-table td{display:block}.spaces-table tbody tr{border:var(--border-xs) solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.spaces-table tbody tr:hover{background:var(--bg-secondary)}.spaces-table tbody tr:last-child{margin-bottom:0}.spaces-table__name-cell{padding:0 48px var(--space-2) 0;border:none}.spaces-table__cell{display:flex;align-items:center;gap:var(--space-3)}.spaces-table__total-cell{display:block;padding:0 48px var(--space-3) 0;border:none;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spaces-table__stat-cell.stat-col-individual,.spaces-table__activity-cell{display:none}.spaces-table__actions{position:absolute;top:var(--space-4);right:var(--space-4);padding:0;border:none}.spaces-table__row{position:relative;padding-top:var(--space-2)}.spaces-table__delete-confirm-cell{display:block;padding:var(--space-4)}}[data-theme=dark] .spaces-table-container{background:var(--gray-700);border-color:var(--gray-600)}[data-theme=dark] .spaces-table tbody tr:nth-child(odd){background-color:var(--surface-page, transparent)}[data-theme=dark] .spaces-table tbody tr:nth-child(2n){background-color:#7ba3d114}[data-theme=dark] .spaces-table__header{background:var(--color-primary);border-bottom-color:#0003;color:#fff}[data-theme=dark] .spaces-table__header.sortable-header:hover{background:var(--color-primary-hover)}[data-theme=dark] .spaces-table td{border-bottom-color:var(--gray-600);border-right-color:var(--gray-600)}[data-theme=dark] .spaces-table__name{color:var(--gray-100)}[data-theme=dark] .spaces-table__stat-cell{color:#fff}[data-theme=dark] .spaces-table__stat-cell.zero{color:#ffffff80}[data-theme=dark] .spaces-table__stat-cell.clickable:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .spaces-table__activity-title{color:var(--gray-100)}[data-theme=dark] .spaces-table__activity-time{color:var(--gray-400)}[data-theme=dark] .spaces-table__activity-empty{color:var(--gray-500)}[data-theme=dark] .spaces-table__action-btn{color:var(--gray-400)}[data-theme=dark] .spaces-table__action-btn:hover{background:var(--gray-600);color:var(--gray-100)}[data-theme=dark] .spaces-table__action-menu{background:var(--gray-700);border-color:var(--gray-600);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .spaces-table__action-menu-item{color:var(--gray-300)}[data-theme=dark] .spaces-table__action-menu-item:hover{background:var(--gray-600)}[data-theme=dark] .spaces-table__action-menu-item--delete{color:#f87171}[data-theme=dark] .spaces-table__action-menu-item--delete:hover{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .spaces-table__btn-cancel{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .spaces-table__btn-cancel:hover{background:var(--gray-600);color:var(--gray-100)}.offline-stale-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out;display:flex;align-items:center;justify-content:center}.offline-stale-banner.offline{background:var(--task-warning);color:#fff}.offline-stale-banner.stale{background:#fbbf24;color:#78350f}.offline-stale-banner-content{display:flex;align-items:center;gap:8px;max-width:1200px;width:100%;justify-content:center}.offline-stale-banner-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.offline-stale-banner-message{flex:1}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}body:has(.offline-stale-banner){padding-top:48px}.offline-stale-banner-visible{padding-top:48px}.offline-queue-banner{position:fixed;top:0;left:0;right:0;z-index:1050;background:var(--warning-bg, #fff3cd);border-bottom:1px solid var(--warning, #ffc107);padding:var(--space-2, 8px) var(--space-4, 16px);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.offline-queue-banner-content{display:flex;align-items:center;gap:var(--space-2, 8px);max-width:1200px;width:100%;min-width:0;justify-content:center}.offline-queue-banner-icon{color:var(--warning, #ffc107);flex-shrink:0}.offline-queue-banner-message{color:var(--text-primary, #333333);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium);min-width:0;flex:1 1 auto}.offline-queue-banner-retry{margin-left:var(--space-2, 8px);padding:var(--space-1, 4px) var(--space-2, 8px);flex-shrink:0;background:var(--warning, #ffc107);color:var(--text-on-accent, #000000);border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:var(--font-size-xs, 12px);font-weight:500;display:flex;align-items:center;gap:var(--space-1, 4px);transition:opacity .2s}.offline-queue-banner-retry:hover:not(:disabled){opacity:.9}.offline-queue-banner-retry:disabled{opacity:.6;cursor:not-allowed}.offline-queue-banner-retry .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body:has(.offline-queue-banner){padding-top:var(--space-4xl, 40px)}@media(max-width:480px){.offline-queue-banner{padding:var(--padding-responsive-sm) var(--padding-responsive-md)}.offline-queue-banner-content{flex-wrap:wrap;justify-content:center;gap:var(--gap-responsive-sm)}.offline-queue-banner-message{flex:1 1 100%;text-align:center}.offline-queue-banner-retry{margin-left:0;margin-top:var(--space-xs);width:100%;justify-content:center;padding:var(--padding-responsive-sm) var(--padding-responsive-md)}}.draggable-tile{background-color:#ffffff4d;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:var(--border-xs) solid rgba(255,255,255,.2);border-radius:var(--radius-xl);border-top:none;box-shadow:var(--shadow-md);position:relative;overflow:hidden;padding:var(--space-3xl) var(--space-2xl) var(--space-lg) var(--space-2xl);min-height:280px;display:flex;flex-direction:column;cursor:pointer;z-index:var(--z-tile);box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all var(--transition-normal)}.draggable-tile>*{position:relative;z-index:1}.draggable-tile>.tile-controls{z-index:var(--z-tile-controls)!important}[data-theme=dark] .draggable-tile{background-color:#0006;border-color:#ffffff1a}.draggable-tile:hover{background-color:#fff6;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:var(--shadow-xl);z-index:var(--z-tile-hover)}[data-theme=dark] .draggable-tile:hover{background-color:#2d2d2d99}.draggable-tile.dragging{opacity:.5;cursor:grabbing;z-index:var(--z-tile-dragging)}.draggable-tile.dragging:hover{transform:none!important}.draggable-tile.inactive{opacity:.7;cursor:pointer;min-height:280px}.draggable-tile.inactive:hover{opacity:1;transform:translateY(-4px);box-shadow:var(--shadow-xl)}.tile-controls{position:absolute;top:var(--space-sm);left:var(--space-md);right:var(--space-md);display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tile-controls);pointer-events:none;height:var(--space-xl);isolation:isolate}.drag-handle svg{display:block}.draggable-tile:hover .tile-controls{opacity:1}.tile-controls>*{pointer-events:all!important;position:relative;z-index:1;cursor:pointer}.drag-handle{cursor:grab;color:var(--gray-400);padding:0;border-radius:var(--radius-sm);background:transparent;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:var(--space-lg);height:var(--space-lg);min-width:var(--space-lg);min-height:var(--space-lg);flex-shrink:0;margin-right:0;touch-action:none;-webkit-tap-highlight-color:transparent}[data-theme=dark] .drag-handle{color:var(--gray-500)}.drag-handle:hover{background:#9ca3af26;color:var(--gray-500)}[data-theme=dark] .drag-handle:hover{background:#6b728040;color:var(--gray-400)}.drag-handle:active{cursor:grabbing}.close-btn{background:transparent;border:none;cursor:pointer;padding:0;border-radius:var(--radius-sm);color:var(--gray-400);transition:all var(--transition-fast);width:var(--space-lg);height:var(--space-lg);min-width:var(--space-lg);min-height:var(--space-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(156,163,175,.1);pointer-events:all!important;position:relative;z-index:2}.close-btn:hover{background:#9ca3af26;color:var(--gray-500)}[data-theme=dark] .close-btn{color:var(--gray-500)}[data-theme=dark] .close-btn:hover{background:#6b728040;color:var(--gray-400)}.draggable-tile .widget-title,.draggable-tile h5,.draggable-tile .widget-header h5{color:var(--d2-ink);transition:all var(--transition-normal)}[data-theme=dark] .draggable-tile .widget-title,[data-theme=dark] .draggable-tile h5,[data-theme=dark] .draggable-tile .widget-header h5{color:var(--gray-300)}@media(max-width:768px){.draggable-tile{min-height:240px;padding:var(--space-2xl) var(--space-md) var(--space-md) var(--space-md);touch-action:manipulation}.draggable-tile.inactive{min-height:240px}.drag-handle,.close-btn{width:var(--space-xl);height:var(--space-xl);min-width:var(--space-xl);min-height:var(--space-xl);padding:0}}@media(max-width:480px){.draggable-tile{min-height:200px;padding:var(--space-xl) var(--space-sm) var(--space-sm) var(--space-sm);border-radius:var(--radius-md)}.draggable-tile.inactive{min-height:200px}.drag-handle,.close-btn{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}}.page-banner{background:var(--d2-bg-primary);border-bottom:1px solid var(--d2-border);padding:var(--space-lg) var(--space-3xl);display:flex;align-items:center;gap:var(--space-2xl);flex-shrink:0;width:100%;container-type:inline-size;container-name:page-banner;position:relative;margin-left:calc(-1 * var(--space-2xl, 24px) - 4px);margin-right:calc(-1 * var(--space-2xl, 24px));padding-left:var(--space-2xl, 24px);padding-right:var(--space-2xl, 24px);width:calc(100% + 2 * var(--space-2xl, 48px) + 4px)}.page-banner-left{flex:1}.page-banner-title{font-size:var(--font-size-xl);font-weight:600;color:var(--d2-heading-color);margin:0 0 var(--d2-spacing-2xs)}.page-banner-subtitle{font-size:var(--font-size-sm);color:var(--d2-ink-muted);display:flex;align-items:center;gap:var(--space-sm)}.page-banner-search-container{flex:1;max-width:var(--container-max-width);position:relative;display:flex;align-items:center;min-width:var(--search-min-width)}.page-banner-actions{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.page-banner-search-icon{position:absolute;left:var(--space-lg);color:var(--d2-ink-muted);pointer-events:none;z-index:1}.page-banner-search-input{width:100%;padding:var(--space-md) var(--space-xl) var(--space-md) calc(var(--space-lg) + var(--space-3xl));border:var(--border-xs) solid var(--d2-border);border-radius:var(--radius-lg);font-size:var(--font-size-body-responsive);font-weight:var(--font-weight-normal);color:var(--d2-ink);background:var(--d2-surface);transition:all var(--transition-fast);outline:none;box-sizing:border-box}.page-banner-search-input:focus{background:var(--d2-surface);border-color:var(--d2-steel);box-shadow:0 0 0 3px #5a8ec71a}.page-banner-search-input::placeholder{color:var(--d2-ink-muted)}.page-banner-manage-spaces-button,.page-banner-add-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s;min-width:160px}.page-banner-manage-spaces-button svg,.page-banner-add-button svg{width:var(--space-xl);height:var(--space-xl)}.page-banner-manage-spaces-button{background:#c4826a1a;border:1.5px solid rgba(196,130,106,.25);color:var(--d2-terracotta)}.page-banner-manage-spaces-button:hover:not(.active){background:#c4826a2e;border-color:#c4826a66}.page-banner-manage-spaces-button.active{cursor:default}.page-banner-add-button{background:#5a8ec71a;border:1.5px solid rgba(90,142,199,.25);color:var(--d2-steel)}.page-banner-add-button:hover{background:#5a8ec72e;border-color:#5a8ec766}@container page-banner (max-width: 600px){.page-banner{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.page-banner-left{min-width:100%;max-width:100%}.page-banner-actions{width:100%;flex-direction:column}.page-banner-search-container{width:100%;min-width:auto}.page-banner-manage-spaces-button,.page-banner-add-button{width:100%;justify-content:center}}@media(max-width:992px){.page-banner{margin-left:0;margin-right:0;width:100%;padding-left:var(--space-2xl, 24px);padding-right:var(--space-2xl, 24px)}}@media(max-width:768px){.page-banner{flex-direction:column;gap:var(--space-lg);align-items:stretch;padding:var(--space-lg);margin-left:0;margin-right:0;width:100%;padding-left:var(--space-lg);padding-right:var(--space-lg)}.page-banner-left{min-width:100%;max-width:100%}.page-banner-search-container{width:100%;min-width:auto;max-width:100%}.page-banner-actions{flex-direction:column;width:100%;flex-wrap:wrap}.page-banner-manage-spaces-button,.page-banner-add-button{width:100%;justify-content:center;min-height:var(--touch-target-min, 44px)}}@media(max-width:480px){.page-banner{padding:var(--space-md)}.page-banner-search-container{min-width:0}.page-banner-search-icon{left:var(--space-md)}.page-banner-manage-spaces-button,.page-banner-add-button{border-radius:var(--radius-md);min-width:auto}}.time-display-hero{font-size:clamp(var(--font-size-3xl),8vw,56px);font-weight:var(--font-weight-light);color:var(--primary);letter-spacing:-.03em;margin:var(--space-sm) 0;line-height:var(--line-height-tight)}.date-display-subtle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--text-secondary);letter-spacing:.01em;margin:0}@media(max-width:768px){.date-display-subtle{font-size:var(--font-size-base)}}@media(max-width:480px){.date-display-subtle{font-size:var(--font-size-sm)}}.two-column-layout{display:grid;grid-template-columns:var(--sidebar-width-primary) 1fr;gap:var(--gap-responsive-lg)}.two-column-content{display:flex;flex-direction:column;gap:var(--gap-responsive-lg)}@media(max-width:1024px){.two-column-layout{grid-template-columns:var(--sidebar-width-secondary) 1fr}}@media(max-width:992px){.two-column-layout{grid-template-columns:var(--sidebar-width-compact) 1fr!important}}@media(max-width:850px){.two-column-layout{grid-template-columns:var(--sidebar-width-minimal) 1fr!important}}@media(max-width:768px){.two-column-layout{grid-template-columns:1fr!important}}.spaces-sidebar{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);height:fit-content;position:sticky;top:var(--app-sticky-top)}.sidebar-section{margin-bottom:var(--space-2xl)}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-md)}.sidebar-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.sidebar-item:hover{background:var(--bg-secondary, #f5f5f7)}.sidebar-item-active{background:var(--bg-secondary, #f5f5f7);border:none;box-shadow:none}.sidebar-item-active .sidebar-label{color:var(--text-primary)}.sidebar-item-active .sidebar-count{color:var(--text-muted)}.sidebar-item-active .sidebar-icon{background:#0000000d;color:var(--text-primary)}.sidebar-icon{width:var(--space-3xl);height:var(--space-3xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.sidebar-label{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-normal)}.sidebar-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.add-space-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:var(--border-sm) dashed var(--gray-300);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);width:100%;background:transparent;margin-top:var(--space-sm)}.add-space-btn:hover{border-color:var(--primary);color:var(--primary);background:#007aff0d}@media(max-width:1024px){.spaces-sidebar{padding:var(--space-lg)}.sidebar-item{padding:var(--space-sm) var(--space-md);gap:var(--space-md)}.sidebar-icon{width:var(--space-2xl);height:var(--space-2xl)}.sidebar-label{font-size:var(--font-size-sm)}.sidebar-count{font-size:var(--font-size-xs)}}@media(max-width:992px){.spaces-sidebar{padding:var(--padding-responsive-md);width:var(--sidebar-width-compact);min-width:var(--sidebar-width-compact)}.sidebar-title{font-size:var(--font-size-xs);margin-bottom:var(--space-md)}.sidebar-item{padding:var(--space-sm) var(--space-md);gap:var(--space-md)}.sidebar-icon{width:var(--space-2xl);height:var(--space-2xl)}.sidebar-label,.sidebar-count{font-size:var(--font-size-xs)}.add-space-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}}@media(max-width:850px){.spaces-sidebar{width:var(--sidebar-width-minimal);min-width:var(--sidebar-width-minimal);padding:var(--padding-responsive-sm)}.sidebar-icon{width:var(--space-xl);height:var(--space-xl)}.sidebar-item{padding:var(--space-xs) var(--space-sm);gap:var(--space-sm)}.sidebar-label,.sidebar-count,.sidebar-title{font-size:var(--font-size-xs)}.sidebar-section{margin-bottom:var(--space-lg)}.add-space-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}@media(max-width:768px){.spaces-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width-secondary);min-width:var(--sidebar-width-secondary);border-radius:0;border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);z-index:var(--z-sidebar);transform:translate(-100%);transition:transform var(--transition-normal);padding:var(--space-xl);padding-top:max(var(--space-xl),env(safe-area-inset-top));padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom));padding-left:max(var(--space-xl),env(safe-area-inset-left));box-shadow:var(--shadow-lg);overflow-y:auto}.spaces-sidebar.sidebar-open{transform:translate(0)}.spaces-sidebar .sidebar-title{display:block;font-size:var(--font-size-xs);text-align:left;margin-bottom:var(--space-md)}.spaces-sidebar .sidebar-item{flex-direction:row;padding:var(--space-md) var(--space-md);gap:var(--space-md);justify-content:flex-start}.spaces-sidebar .sidebar-icon{width:var(--space-3xl);height:var(--space-3xl)}.spaces-sidebar .sidebar-label{display:block}.spaces-sidebar .sidebar-count{display:block;font-size:var(--font-size-xs)}.spaces-sidebar .sidebar-section{margin-bottom:var(--space-2xl);padding-top:0;border-top:none}.spaces-sidebar .add-space-btn{padding:var(--space-md) var(--space-md);font-size:var(--font-size-sm);justify-content:flex-start}}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-sidebar-backdrop);opacity:0;transition:opacity .3s ease}.sidebar-backdrop.backdrop-visible{display:block;opacity:1}}.sidebar-toggle{display:none}@media(max-width:768px){.sidebar-toggle{display:flex;align-items:center;justify-content:center;position:fixed;bottom:var(--padding-responsive-lg);left:var(--padding-responsive-lg);width:var(--icon-size-lg);height:var(--icon-size-lg);background:var(--primary);color:var(--canon-surface);border:none;border-radius:var(--radius-full);box-shadow:0 4px 16px #007aff66;cursor:pointer;z-index:var(--z-sidebar-toggle);transition:all var(--transition-fast)}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #007aff80}.sidebar-toggle:active{transform:scale(.95)}}:root{--bs-compat-font-size-sm: .875em;--bs-compat-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;--bs-compat-danger: #dc3545;--bs-compat-secondary-color: rgba(33, 37, 41, .75);--bs-compat-border-color: #dee2e6;--bs-compat-border-width: 1px;--bs-compat-white: #ffffff;--bs-compat-body-color: #212529;--bs-compat-body-bg: #ffffff;--bs-compat-primary: #0d6efd;--bs-compat-secondary: #6c757d;--bs-compat-link-color-rgb: 13, 110, 253;--bs-compat-link-hover-color-rgb: 10, 88, 202;--bs-compat-code-color: #d63384;--bs-compat-form-check-focus: #86b7fe;--bs-compat-form-check-radius: .25em}button,input,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}a{color:rgba(var(--bs-compat-link-color-rgb),1);text-decoration:underline}a:hover{color:rgba(var(--bs-compat-link-hover-color-rgb),1)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}small,.small{font-size:var(--bs-compat-font-size-sm)}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}blockquote{margin:0 0 1rem}code{font-family:var(--bs-compat-font-monospace);font-size:var(--bs-compat-font-size-sm);color:var(--bs-compat-code-color);word-wrap:break-word}a>code{color:inherit}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-family:var(--bs-compat-font-monospace);font-size:var(--bs-compat-font-size-sm)}pre code{font-size:inherit;color:inherit;word-break:normal}.flex-wrap{flex-wrap:wrap!important}.gap-2{gap:.5rem!important}.justify-content-end{justify-content:flex-end!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.ms-2{margin-left:.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.position-relative{position:relative!important}.text-danger{color:var(--bs-compat-danger)!important}.container-fluid{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}@media(min-width:992px){.col-lg-8{flex:0 0 auto;width:66.6667%}}.form-label{margin-bottom:.5rem}.form-text{margin-top:.25rem;font-size:var(--bs-compat-font-size-sm);color:var(--bs-compat-secondary-color)}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{--bs-form-check-bg: var(--bs-compat-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-compat-border-width) solid var(--bs-compat-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:var(--bs-compat-form-check-radius)}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:var(--bs-compat-form-check-focus);outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-check-input:checked{background-color:var(--bs-compat-primary);border-color:var(--bs-compat-primary)}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:var(--bs-compat-primary);border-color:var(--bs-compat-primary);--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.btn{--bs-btn-padding-x: .75rem;--bs-btn-padding-y: .375rem;--bs-btn-font-size: 1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-compat-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: 1px;--bs-btn-border-color: transparent;--bs-btn-border-radius: .375rem;--bs-btn-hover-color: var(--bs-compat-body-color);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: transparent;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: var(--bs-compat-body-color);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-disabled-opacity: .65;--bs-btn-disabled-color: var(--bs-compat-body-color);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: transparent;display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:inherit;font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb),.5)}.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn:disabled,.btn.disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-outline-primary{--bs-btn-color: var(--bs-compat-primary);--bs-btn-border-color: var(--bs-compat-primary);--bs-btn-hover-color: var(--bs-compat-white);--bs-btn-hover-bg: var(--bs-compat-primary);--bs-btn-hover-border-color: var(--bs-compat-primary);--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: var(--bs-compat-white);--bs-btn-active-bg: var(--bs-compat-primary);--bs-btn-active-border-color: var(--bs-compat-primary);--bs-btn-disabled-color: var(--bs-compat-primary);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--bs-compat-primary)}.btn-outline-secondary{--bs-btn-color: var(--bs-compat-secondary);--bs-btn-border-color: var(--bs-compat-secondary);--bs-btn-hover-color: var(--bs-compat-white);--bs-btn-hover-bg: var(--bs-compat-secondary);--bs-btn-hover-border-color: var(--bs-compat-secondary);--bs-btn-focus-shadow-rgb: 108, 117, 125;--bs-btn-active-color: var(--bs-compat-white);--bs-btn-active-bg: var(--bs-compat-secondary);--bs-btn-active-border-color: var(--bs-compat-secondary);--bs-btn-disabled-color: var(--bs-compat-secondary);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--bs-compat-secondary)}.btn-outline-danger{--bs-btn-color: var(--bs-compat-danger);--bs-btn-border-color: var(--bs-compat-danger);--bs-btn-hover-color: var(--bs-compat-white);--bs-btn-hover-bg: var(--bs-compat-danger);--bs-btn-hover-border-color: var(--bs-compat-danger);--bs-btn-focus-shadow-rgb: 220, 53, 69;--bs-btn-active-color: var(--bs-compat-white);--bs-btn-active-bg: var(--bs-compat-danger);--bs-btn-active-border-color: var(--bs-compat-danger);--bs-btn-disabled-color: var(--bs-compat-danger);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--bs-compat-danger)}.btn-sm{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .875rem;--bs-btn-border-radius: .25rem}.table{width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-compat-border-color)}.table>:not(caption)>*>*{padding:.5rem;border-bottom-width:1px}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}:root{--ownos-bg: #f4f4f5;--ownos-paper: #ffffff;--ownos-paper-2: #ffffff;--ownos-ink: #1b1f24;--ownos-ink-2: #3f4650;--ownos-ink-3: #5f6670;--ownos-ink-4: #8f959d;--ownos-ink-5: #c4c8ce;--ownos-rule: #e1e3e6;--ownos-rule-2: #ececee;--ownos-accent: #1c6ba4;--ownos-accent-soft: #dce9f4;--ownos-accent-ink: #155583;--ownos-accent-hover-bg: #c9def0;--ownos-prio-hi-bg: #f9e4e8;--ownos-prio-hi-ink: #b23a52;--ownos-prio-md-bg: #f8e3d3;--ownos-prio-md-ink: #a34a0c;--ownos-prio-lo-bg: #e2f0e4;--ownos-prio-lo-ink: #147a2a;--ownos-prio-chip-hover-bg: #f6dfe3;--ownos-due-chip-bg: #e7ecf3;--ownos-due-chip-ink: #3d5374;--ownos-due-chip-hover-bg: #dce4ef;--ownos-sp-bugs: #a85555;--ownos-stat-backlog: #8f959d;--ownos-stat-todo: #4a6389;--ownos-stat-progress: #1c6ba4;--ownos-stat-done: #147a2a;--ownos-overlay: rgba(23, 23, 26, .55);--ownos-shadow-modal: 0 30px 60px -20px rgba(0, 0, 0, .5);--ownos-shadow-modal-subtle: 0 2px 0 rgba(0, 0, 0, .04);--ownos-focus-ring: 0 0 0 3px rgba(28, 107, 164, .12);--ownos-error-bg: #f9e4e8;--ownos-error-ink: #b23a52;--ownos-error-border: #f0bbc4;--ownos-chip-count-active: #a4a9b0;--ownos-on-ink-surface: rgba(255, 255, 255, .2);--ownos-dot-ring-on-active: rgba(255, 255, 255, .25);--ownos-primary-kbd-border: rgba(250, 249, 246, .3);--ownos-sidebar-spaces-label: #56554e;--ownos-sidebar-spaces-divider: #28282a;--ownos-sidebar-space-text: #bbb9af;--ownos-sidebar-space-hover-bg: #1f1f22;--ownos-sidebar-space-hover-text: #e6e4da;--ownos-sidebar-space-active-bg: #232326;--ownos-sidebar-space-active-text: #f5f3e9;--ownos-sidebar-space-muted: #6d6c65;--ownos-sidebar-accent-gold: #58a6d6;--ownos-sidebar-hide-hover-bg: rgba(255, 255, 255, .08);--ownos-sidebar-nav-active-bg: rgba(255, 255, 255, .12);--ownos-font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ownos-font-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--ownos-font-weight-book: 450;--ownos-font-weight-display: 550;--ownos-line-height-body: 1.4;--ownos-line-height-tight: 1.25;--ownos-line-height-snug: 1.35;--ownos-line-height-115: 1.15;--ownos-line-height-12: 1.2;--ownos-line-height-15: 1.5;--ownos-line-height-1: 1;--ownos-line-height-13: 1.3;--ownos-line-height-105: 1.05;--ownos-font-size-8: 8px;--ownos-font-size-9: 9px;--ownos-font-size-9-5: 9.5px;--ownos-font-size-10: 10px;--ownos-font-size-10-5: 10.5px;--ownos-font-size-11: 11px;--ownos-font-size-11-5: 11.5px;--ownos-font-size-12: 12px;--ownos-font-size-12-5: 12.5px;--ownos-font-size-13-5: 13.5px;--ownos-font-size-14: 14px;--ownos-font-size-16: 16px;--ownos-font-size-18: 18px;--ownos-font-size-28: 28px;--ownos-font-size-13: 13px;--ownos-font-size-36: 36px;--ownos-gradient-stat-overdue-from: #fbeff1;--ownos-gradient-stat-due-from: #f9eee7;--ownos-gradient-stat-todo-from: #e7ecf3;--ownos-gradient-stat-done-from: #ecf4ee;--ownos-shadow-card: 0 6px 14px -10px rgba(0, 0, 0, .22);--ownos-radius-sm: 5px;--ownos-radius-md: 6px;--ownos-radius-lg: 10px;--ownos-radius-1: 1px;--ownos-radius-2: 2px}[data-theme=dark]{--ownos-bg: #161a1e;--ownos-paper: #1d2126;--ownos-paper-2: #262b31;--ownos-ink: #e7eaed;--ownos-ink-2: #bcc3cb;--ownos-ink-3: #9aa2ab;--ownos-ink-4: #6b7280;--ownos-ink-5: #4b5563;--ownos-rule: #3a4149;--ownos-rule-2: #30363d;--ownos-accent: #58a6d6;--ownos-accent-soft: rgba(88, 166, 214, .15);--ownos-accent-ink: #7cbde2;--ownos-accent-hover-bg: rgba(88, 166, 214, .2);--ownos-prio-hi-bg: #450a0a;--ownos-prio-hi-ink: #e0778a;--ownos-prio-md-bg: #451a03;--ownos-prio-md-ink: #f08c3e;--ownos-prio-lo-bg: #064e3b;--ownos-prio-lo-ink: #10b981;--ownos-prio-chip-hover-bg: rgba( 224, 119, 138, .3 );--ownos-due-chip-bg: #262b31;--ownos-due-chip-ink: #8cc0df;--ownos-due-chip-hover-bg: #30363d;--ownos-stat-todo: #64748b;--ownos-stat-progress: #58a6d6;--ownos-stat-done: #10b981;--ownos-focus-ring: 0 0 0 3px rgba(88, 166, 214, .2);--ownos-error-bg: #450a0a;--ownos-error-ink: #e0778a;--ownos-error-border: rgba( 224, 119, 138, .3 );--ownos-chip-count-active: #5f6670;--ownos-on-ink-surface: rgba(0, 0, 0, .2);--ownos-dot-ring-on-active: rgba(0, 0, 0, .25);--ownos-primary-kbd-border: rgba(0, 0, 0, .3);--ownos-sidebar-nav-active-bg: rgba(0, 0, 0, .12);--ownos-gradient-stat-overdue-from: #450a0a;--ownos-gradient-stat-due-from: #451a03;--ownos-gradient-stat-todo-from: #262b31;--ownos-gradient-stat-done-from: #064e3b}:root{--canon-primary: #1c6ba4;--canon-primary-dark: #155583;--canon-primary-subtle: rgba(28, 107, 164, .08);--canon-blue: #0078d4;--canon-blue-light: #60cdff;--canon-blue-dark: #106ebe;--canon-blue-subtle: rgba(0, 120, 212, .08);--canon-sage: #147a2a;--canon-sage-dark: #116825;--canon-sage-subtle: rgba(20, 122, 42, .12);--canon-ember: #b23a52;--canon-ember-dark: #9c3247;--canon-ember-fill: #e0778a;--canon-ember-subtle: rgba(224, 119, 138, .15);--canon-honey: #c2570e;--canon-honey-dark: #a34a0c;--canon-honey-subtle: rgba(194, 87, 14, .1);--canon-steel: #1c6ba4;--canon-steel-dark: #155583;--canon-steel-subtle: rgba(28, 107, 164, .08);--canon-today: #d8db56;--canon-today-dark: #c9cc47;--canon-today-ink: #1b1f24;--canon-ink: #1b1f24;--canon-ink-light: #3f4650;--canon-ink-muted: #5f6670;--canon-surface: #ffffff;--canon-surface-page: #f4f4f5;--canon-surface-sunken: #ececee;--warm-text-primary: #1b1f24;--warm-text-muted: #8a7d6b;--warm-text-label: #a09882;--warm-cream: #e8dcc8;--warm-border: #e2ddd0;--warm-hover-bg: #f0ebe0;--warm-gold: #1c6ba4;--color-success: var(--canon-sage);--color-success-hover: var(--canon-sage-dark);--color-success-subtle: var(--canon-sage-subtle);--color-danger: var(--canon-ember);--color-danger-hover: var(--canon-ember-dark);--color-danger-subtle: var(--canon-ember-subtle);--color-danger-fill: var(--canon-ember-fill);--color-warning: var(--canon-honey);--color-warning-hover: var(--canon-honey-dark);--color-warning-subtle: var(--canon-honey-subtle);--text-primary: var(--canon-ink);--text-secondary: var(--canon-ink-light);--text-muted: var(--canon-ink-muted);--primary: var(--canon-primary);--accent: var(--canon-primary);--d2-steel: var(--canon-steel);--d2-sage: var(--canon-sage);--d2-sage-dark: var(--canon-sage-dark);--d2-ember: var(--canon-ember);--d2-ember-dark: var(--canon-ember-dark);--d2-ink: var(--canon-ink);--d2-ink-light: var(--canon-ink-light);--d2-ink-muted: var(--canon-ink-muted);--success: var(--canon-sage);--warning: var(--canon-honey);--danger: var(--canon-ember);--error: var(--canon-ember);--blue-900: #0a2c42;--blue-800: #0d3752;--blue-700: #114669;--blue-600: #155583;--blue-500: #1c6ba4;--blue-400: #58a6d6;--blue-300: #8cc0df;--blue-200: #bcd9ec;--blue-100: #dcebf5;--blue-50: #eef5fa;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-600: #475569;--indigo-900: #312e81;--olive-700: #5c6d3f;--purple-600: #9333ea;--pink-600: #db2777;--sky-100: #e0f2fe;--success-600: #059669;--success-500: #10b981;--success-100: #d1fae5;--warning-600: #d97706;--warning-500: #f59e0b;--warning-100: #fef3c7;--danger-600: #dc2626;--danger-500: #ef4444;--danger-100: #fee2e2;--color-primary: var(--canon-primary);--color-primary-hover: var(--canon-primary-dark);--color-primary-subtle: var(--canon-primary-subtle);--color-success: #147a2a;--color-success-hover: #116825;--color-success-subtle: #eaf4ec;--color-danger: #b23a52;--color-danger-hover: #9c3247;--color-danger-subtle: #fbeef0;--color-warning: #c2570e;--color-warning-subtle: #faf0e8;--text-primary: #1b1f24;--text-secondary: #3f4650;--text-muted: #5f6670;--surface-page: #f4f4f5;--surface-raised: #ffffff;--surface-sunken: #ececee;--surface-inverse: #2c2416;--surface-inverse-text: #f8f6f1;--border-default: #e1e3e6;--task-neutral: #64748b;--task-active: var(--canon-primary);--task-success: #147a2a;--task-warning: #c2570e;--task-danger: #b23a52;--task-neutral-bg: rgba(100, 116, 139, .1);--task-active-bg: var(--canon-primary-subtle);--task-success-bg: rgba(20, 122, 42, .1);--task-warning-bg: rgba(194, 87, 14, .1);--task-danger-bg: rgba(224, 119, 138, .12);--task-neutral-bg-light: rgba(100, 116, 139, .05);--task-active-bg-light: rgba(28, 107, 164, .05);--task-success-bg-light: rgba(20, 122, 42, .05);--task-warning-bg-light: rgba(194, 87, 14, .05);--task-danger-bg-light: rgba(224, 119, 138, .08);--task-neutral-border: rgba(100, 116, 139, .3);--task-active-border: rgba(28, 107, 164, .3);--task-success-border: rgba(20, 122, 42, .3);--task-warning-border: rgba(194, 87, 14, .3);--task-danger-border: rgba(224, 119, 138, .3);--d2-steel: var(--canon-primary);--d2-steel-dark: var(--canon-primary-dark);--d2-steel-light: var(--canon-primary-subtle);--d2-terracotta: #c4826a;--d2-sage: #147a2a;--d2-sage-dark: #116825;--d2-lavender: #9080a8;--d2-honey: var(--canon-honey);--d2-ember: #b23a52;--d2-ember-dark: #9c3247;--d2-plum: #8b6b7a;--d2-slate: #486278;--d2-bg-primary: #f4f4f5;--d2-page-background: var( --d2-bg-primary );--d2-ink: #1b1f24;--d2-ink-light: #3f4650;--d2-ink-muted: #5f6670;--d2-surface: #ffffff;--d2-surface-secondary: #f4f4f5;--d2-border: #e5e5e7;--d2-border-light: #f0f0f2;--d2-item-bg: #f6f7f9;--d2-widget-icon-bg: #f0ecf4;--d2-heading-color: #1b1f24;--d2-today-color: #7a8b6b;--d2-tomorrow-color: #7a685d;--d2-calendar-color: var(--canon-primary-dark);--d2-sage-border: rgba(20, 122, 42, .4);--d2-sage-bg-light: rgba(20, 122, 42, .1);--d2-sage-bg-medium: rgba(20, 122, 42, .2);--d2-sage-border-light: rgba(20, 122, 42, .3);--d2-sage-border-hover: rgba(20, 122, 42, .5);--d2-calendar-today-bg: var(--canon-today);--d2-calendar-today-color: var(--canon-today-ink);--d2-highlight: rgba(216, 219, 86, .4);--planner-space-honey: #d4a855;--planner-space-slate: #7a8b99;--planner-space-mint: #7eb5a8;--planner-space-plum: #8b6b7a;--planner-space-copper: #b87850;--planner-space-ocean: #5b7e8a;--planner-space-berry: #a05b7a;--planner-space-denim: #6878a0;--planner-space-umber: #8b7355;--planner-space-moss: #7a8b5d;--planner-space-coral: #d88a6e;--planner-space-storm: #5d6b78;--planner-space-honey-bg: rgba(212, 168, 85, .15);--planner-space-slate-bg: rgba(122, 139, 153, .15);--planner-space-mint-bg: rgba(126, 181, 168, .15);--planner-space-plum-bg: rgba(139, 107, 122, .15);--planner-space-copper-bg: rgba(184, 120, 80, .15);--planner-space-ocean-bg: rgba(91, 126, 138, .15);--planner-space-berry-bg: rgba(160, 91, 122, .15);--planner-space-denim-bg: rgba(104, 120, 160, .15);--planner-space-umber-bg: rgba(139, 115, 85, .15);--planner-space-moss-bg: rgba(122, 139, 93, .15);--planner-space-coral-bg: rgba(216, 138, 110, .15);--planner-space-storm-bg: rgba(93, 107, 120, .15);--planner-primary: var(--canon-primary);--planner-primary-hover: var(--canon-primary-dark);--planner-terracotta: #c4826a;--planner-terracotta-hover: #b5735b;--planner-bg: #f4f4f5;--planner-border: #e5e5e7;--planner-border-light: #f0f0f2;--planner-text-primary: #1b1f24;--planner-text-secondary: #5f6670;--d2-gloss-gradient: linear-gradient( 135deg, rgba(255, 255, 255, .4) 0%, transparent 50%, rgba(255, 255, 255, .1) 100% );--d2-shadow-soft: 0 2px 8px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .03);--d2-shadow-soft-hover: 0 6px 20px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--d2-font-size-xs: .5625rem;--d2-font-size-sm: .625rem;--d2-font-size-md: .6875rem;--d2-font-size-body: .75rem;--d2-font-size-base: .8125rem;--d2-font-size-lg: .875rem;--d2-letter-spacing-sm: .5px;--d2-spacing-2xs: 2px;--d2-spacing-xs: 4px;--d2-spacing-sm: 8px;--d2-spacing-md: 12px;--d2-spacing-lg: 16px;--d2-spacing-xl: 20px;--d2-spacing-2xl: 24px;--d2-icon-sm: 14px;--d2-icon-md: 18px;--d2-icon-lg: 22px;--d2-widget-min-height: 180px;--d2-widget-padding: 20px;--d2-radius-icon: 5px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--border-xs: 1px;--border-sm: 2px;--border-md: 3px;--border-lg: 4px;--sidebar-width-primary: clamp(300px, 28vw, 420px);--sidebar-width-secondary: clamp(240px, 20vw, 260px);--sidebar-width-compact: clamp(160px, 18vw, 220px);--sidebar-width-minimal: clamp(140px, 15vw, 180px);--sidebar-nav-width: var(--sidebar-width-secondary);--padding-responsive-sm: clamp(8px, 2vw, 12px);--padding-responsive-md: clamp(12px, 3vw, 20px);--padding-responsive-lg: clamp(16px, 4vw, 32px);--padding-responsive-xl: clamp(24px, 5vw, 48px);--gap-responsive-sm: clamp(8px, 1.5vw, 12px);--gap-responsive-md: clamp(12px, 2vw, 20px);--gap-responsive-lg: clamp(16px, 3vw, 24px);--font-size-title-responsive: clamp(20px, 4vw, 32px);--font-size-heading-responsive: clamp(16px, 2.5vw, 24px);--font-size-subheading-responsive: clamp(14px, 2vw, 18px);--font-size-body-responsive: clamp(14px, 1.5vw, 16px);--container-max-width: clamp(280px, 90vw, 500px);--card-min-width: clamp(200px, 80vw, 280px);--search-min-width: clamp(200px, 30vw, 280px);--icon-size-sm: clamp(24px, 5vw, 32px);--icon-size-md: clamp(32px, 7vw, 40px);--icon-size-lg: clamp(40px, 9vw, 56px);--button-height-sm: clamp(32px, 7vw, 40px);--button-height-md: clamp(40px, 9vw, 48px);--button-height-lg: clamp(48px, 10vw, 56px);--touch-target-min: 44px;--app-header-height: clamp( 48px, 8vw, 64px );--app-header-offset: clamp( 56px, 6vh, 92px );--app-sticky-top: calc(var(--app-header-height) + var(--app-header-offset));--content-gutter: var( --space-2xl );--page-max-width: 1400px;--column-min-height: clamp(250px, 50vh, 500px);--column-max-height: clamp(800px, 90vh, 1400px);--modal-max-height: 90vh;--dropdown-results-max-height: 360px;--radius-xxs: 3px;--radius-xs: 4px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--font-family-base: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;--font-family-fluent: "Segoe UI Variable", "Segoe UI", -apple-system, sans-serif;--font-family-fluent-display: "Segoe UI Variable Display", "Segoe UI", -apple-system, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-1: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px rgba(61, 74, 92, .05);--shadow-md: 0 2px 8px rgba(61, 74, 92, .08);--shadow-lg: 0 4px 16px rgba(61, 74, 92, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-normal: .3s ease;--transition-slow: .5s ease;--glass-opacity: .8;--glass-border-opacity: .2;--glass-blur: 10px;--glass-blur-light: 4px;--glass-blur-heavy: 24px;--glass-bg-light: rgba(255, 255, 255, .3);--glass-bg-medium: rgba(255, 255, 255, .5);--glass-bg-heavy: rgba(255, 255, 255, .7);--glass-bg-solid: rgba(255, 255, 255, .9);--glass-border-light: rgba(255, 255, 255, .1);--glass-border-medium: rgba(255, 255, 255, .2);--glass-border-heavy: rgba(255, 255, 255, .3);--overlay-light: rgba(0, 0, 0, .3);--overlay-medium: rgba(0, 0, 0, .5);--overlay-heavy: rgba(0, 0, 0, .7);--border-subtle: #eceae6;--border-light: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .2);--focus-ring-color: var(--blue-500);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-shadow: 0 0 0 var(--focus-ring-offset) var(--surface-primary), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--z-base: 0;--z-tile: 1;--z-tile-hover: 10;--z-tile-dragging: 100;--z-tile-controls: 50;--z-sidebar-backdrop: 200;--z-sidebar: 300;--z-sidebar-toggle: 350;--z-bottom-nav: 400;--z-mobile-menu-btn: 650;--z-top-banner: 700;--z-overlay: 800;--z-dropdown: 850;--z-modal: 900;--sidebar-card-bg: rgba(255, 255, 255, .3);--sidebar-card-bg-dark: rgba(45, 45, 45, .3);--sidebar-card-border: rgba(0, 0, 0, .1);--sidebar-card-border-dark: rgba(255, 255, 255, .1);--sidebar-card-hover-bg: rgba(224, 242, 254, .4);--sidebar-card-hover-bg-dark: rgba(224, 242, 254, .3);--sidebar-card-icon-bg: #f3f4f6;--sidebar-card-icon-bg-dark: rgba(255, 255, 255, .1);--sidebar-card-icon-color: #6b7280;--sidebar-card-icon-color-dark: rgba(255, 255, 255, .7);--dashboard-today-color: #7a8b6b;--dashboard-tomorrow-color: #7a685d;--dashboard-calendar-color: var(--canon-primary-dark);--dashboard-heading-color: #1b1f24;--sage-border: rgba(20, 122, 42, .4);--sage-bg-light: rgba(20, 122, 42, .1);--sage-bg-medium: rgba(20, 122, 42, .2);--sage-border-light: rgba(20, 122, 42, .3);--sage-border-hover: rgba(20, 122, 42, .5);--calendar-today-bg: var(--canon-today);--calendar-today-color: var(--canon-today-ink);--item-bg-light: #f6f7f9;--widget-icon-bg: #f0ecf4;--gloss-gradient: linear-gradient( 135deg, rgba(255, 255, 255, .4) 0%, transparent 50%, rgba(255, 255, 255, .1) 100% );--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .03);--shadow-soft-hover: 0 6px 20px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(to right, #1c6ba4, #155583);--gradient-primary-hover: linear-gradient(to right, #155583, #114669);--gradient-accent: linear-gradient(to right, #9333ea, #db2777);--gradient-accent-hover: linear-gradient(to right, #7c3aed, #be185d);--gradient-violet: linear-gradient(to right, #8b5cf6, #a78bfa);--gradient-violet-hover: linear-gradient(to right, #7c3aed, #8b5cf6);--gradient-slate: linear-gradient(to right, #94a3b8, #64748b);--gradient-slate-hover: linear-gradient(to right, #64748b, #475569);--interactive-bg-subtle: rgba(0, 0, 0, .03);--interactive-bg-hover: rgba(0, 0, 0, .06);--interactive-bg-active: rgba(0, 0, 0, .1);--interactive-text-muted: rgba(0, 0, 0, .6);--primary-shadow-color: rgba(28, 107, 164, .3);--primary-shadow-color-strong: rgba(28, 107, 164, .4);--primary-focus-shadow: 0 0 0 3px rgba(28, 107, 164, .1);--accent-shadow-color: rgba(28, 107, 164, .3);--accent-shadow-color-strong: rgba(28, 107, 164, .4);--text-on-gradient: #ffffff;--january2026-ink: #172b4d;--january2026-text-secondary: #5e6c84;--january2026-text-muted: #6b778c;--january2026-blue: #0052cc;--january2026-blue-dark: #0747a6;--january2026-blue-bright: #0065ff;--january2026-green: #36b37e;--january2026-purple: var(--canon-sage);--january2026-bg: #f4f5f7;--january2026-border: #dfe1e6;--january2026-selected-bg: #deebff;--tw-slate-700: #2d3748;--tw-slate-500: #718096;--tw-warning-dark: #a34a0c;--tw-warning-dark-light: #c2570e;--d2-sage-hover: #116825;--font-size-3xs: .5625rem;--font-size-xxs: .6875rem;--font-size-2xs: .8125rem;--font-size-md: .9375rem;--font-size-xxl: 1.75rem;--line-height-snug: 1.3;--sidebar-bg-from: #0d1b2a;--sidebar-bg-to: #0f2438;--sidebar-bg-hover-from: #0f2438;--sidebar-bg-hover-to: #132d42}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-ghost-primary{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-ghost-primary:hover{background:var(--color-primary-subtle)}.btn-ghost-danger{background:transparent;border:1.5px solid var(--color-danger);color:var(--color-danger)}.btn-ghost-danger:hover{background:var(--color-danger-subtle)}.btn-ghost-success{background:transparent;border:1.5px solid var(--color-success);color:var(--color-success)}.btn-ghost-success:hover{background:var(--color-success-subtle)}.btn-solid-primary{background:var(--color-primary);border:1.5px solid var(--color-primary);color:#fff}.btn-solid-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-solid-success{background:var(--color-success);border:1.5px solid var(--color-success);color:#fff}.btn-solid-success:hover{background:var(--color-success-hover);border-color:var(--color-success-hover)}.btn-solid-danger{background:var(--color-danger);border:1.5px solid var(--color-danger);color:#fff}.btn-solid-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.glass-light{background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-medium{background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-heavy{background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass-light{background:#1e293b4d;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .glass-medium{background:#1e293b80;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .glass-heavy{background:#1e293bcc;border:1px solid rgba(255,255,255,.1)}*:focus:not(:focus-visible){outline:none}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible:not([tabindex="-1"]),.focus-ring:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.btn:focus-visible,.card:focus-visible,.glass-tile:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:none}[data-theme=dark]{--focus-ring-color: var(--blue-400)}@media(prefers-contrast:high){:root{--focus-ring-width: 3px;--focus-ring-color: #000000}[data-theme=dark]{--focus-ring-color: #ffffff}}@media(prefers-reduced-motion:reduce){*:focus-visible{transition:none}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg-primary: #f4f4f5;--bg-secondary: #e8f0f8;--bg-tertiary: #ffffff;--text-primary: #1b1f24;--text-secondary: #3f4650;--text-muted: #5f6670;--text-accent: var(--canon-primary-dark);--surface-primary: #ffffff;--surface-secondary: #f4f4f5;--surface-tertiary: #ececee;--surface-border: #cbd5e1;--surface-hover: #ececee;--primary: var(--canon-primary);--primary-hover: var(--canon-primary-dark);--primary-light: var(--canon-primary-subtle);--primary-dark: var(--canon-primary-dark);--success: #147a2a;--success-light: #d1fae5;--warning: #c2570e;--warning-light: #fef3c7;--danger: #b23a52;--danger-light: #fbeef0;--glass-bg: rgba(255, 255, 255, var(--glass-opacity));--glass-border: rgba(28, 107, 164, var(--glass-border-opacity))}[data-theme=light]{--bg-primary: #f4f4f5;--bg-secondary: #e8f0f8;--bg-tertiary: #ffffff;--text-primary: #1b1f24;--text-secondary: #3f4650;--text-muted: #5f6670;--text-accent: var(--canon-primary-dark);--surface-primary: #ffffff;--surface-secondary: #f4f4f5;--surface-tertiary: #ececee;--surface-border: #cbd5e1;--surface-hover: #ececee;--primary: var(--canon-primary);--primary-hover: var(--canon-primary-dark);--primary-light: var(--canon-primary-subtle);--primary-dark: var(--canon-primary-dark);--success: #147a2a;--success-light: #d1fae5;--warning: #c2570e;--warning-light: #fef3c7;--danger: #b23a52;--danger-light: #fbeef0;--glass-bg: rgba(255, 255, 255, var(--glass-opacity));--glass-border: rgba(28, 107, 164, var(--glass-border-opacity))}[data-theme=dark]{--bg-primary: #161a1e;--bg-secondary: #1a1e22;--bg-tertiary: #1d2126;--text-primary: #e7eaed;--text-secondary: #bcc3cb;--text-muted: #9aa2ab;--text-accent: var(--canon-primary);--surface-primary: #1d2126;--surface-secondary: #262b31;--surface-tertiary: #30363d;--surface-border: #3a4149;--surface-hover: #262b31;--canon-primary: #58a6d6;--canon-primary-dark: #7cbde2;--canon-primary-subtle: rgba(88, 166, 214, .15);--primary: var(--canon-primary);--primary-hover: var(--canon-primary-dark);--primary-light: rgba(88, 166, 214, .2);--primary-dark: var(--canon-primary-dark);--success: #10b981;--success-light: #064e3b;--warning: #f08c3e;--warning-light: #451a03;--danger: #e0778a;--danger-light: #450a0a;--glass-bg: rgba(30, 41, 59, var(--glass-opacity));--glass-border: rgba(88, 166, 214, var(--glass-border-opacity));--interactive-bg-subtle: rgba(255, 255, 255, .03);--interactive-bg-hover: rgba(255, 255, 255, .08);--interactive-bg-active: rgba(255, 255, 255, .12);--interactive-text-muted: rgba(255, 255, 255, .7);--primary-shadow-color: rgba(88, 166, 214, .35);--primary-shadow-color-strong: rgba(88, 166, 214, .5);--primary-focus-shadow: 0 0 0 3px rgba(88, 166, 214, .2);--accent-shadow-color: rgba(88, 166, 214, .35);--accent-shadow-color-strong: rgba(88, 166, 214, .5)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{background:#f4f4f5;color:var(--text-primary);margin:0;padding:0;font-family:var(--font-family-base);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base);line-height:var( --line-height-normal )}[data-theme=dark] body{background:linear-gradient(135deg,#1d2126f2,#161a1eeb,#22262cf2);background-attachment:fixed}h1,.h1{font-size:1.5rem;font-weight:500;line-height:1.5;color:#111827;margin:0}h2,.h2{font-size:1.25rem;font-weight:500;line-height:1.5;color:var(--gray-900);margin:0}h3,.h3{font-size:1.125rem;font-weight:500;line-height:1.5;color:var(--gray-900);margin:0}h4,.h4{font-size:1rem;font-weight:500;line-height:1.5;color:var(--gray-900);margin:0}h5,.h5,.sidebar-title{font-size:1.125rem;font-weight:500;line-height:1.5;color:var(--gray-900);margin:0}p,.p{font-size:1rem;font-weight:400;line-height:1.5;color:var(--gray-700);margin:0}label{font-size:1rem;font-weight:500;line-height:1.5;color:var(--gray-900)}input,textarea,select{font-size:1rem;font-weight:400;line-height:1.5;color:var(--gray-900)}input::placeholder,textarea::placeholder{color:var(--gray-400)}.page-container{padding:var(--content-gutter);min-height:100vh;max-width:var(--page-max-width);margin:0 auto;position:relative}.page-container{padding:var(--content-gutter);min-height:100vh;width:100%;max-width:var(--page-max-width);margin:0 auto;position:relative}.page-header{margin-bottom:var(--space-3xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg);background:#fff;position:sticky;top:0;z-index:100;padding-top:var(--space-2xl);padding-bottom:var(--space-md);margin-top:calc(-1 * var(--space-2xl))}[data-theme=dark] .page-header{background:var(--bg-primary)}.page-title{color:#111827;font-weight:500;letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.5}.page-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--text-secondary);letter-spacing:.01em;margin:var(--space-sm) 0 0 0}.page-actions{display:flex;gap:var(--space-md);align-items:center}.content-card{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}[data-theme=dark] .content-card{background:var(--surface-primary);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm)}.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.glass-tile{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.draggable-tile.glass-tile{border-radius:var(--radius-xl)}.glass-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.icon-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#f4f4f5;border:none;cursor:pointer;transition:all var(--transition-fast);color:#86868b}.icon-btn:hover{background:#e8e8ed;color:#1d1d1f;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}[data-theme=dark] .icon-btn{background:#ffffff1a;color:#ffffffb3}[data-theme=dark] .icon-btn:hover{background:#ffffff26;color:#fff}.btn-primary{background:var(--gradient-primary);border:none;color:#fff;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 10px 15px -3px #1c6ba44d}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 10px 15px -3px #1c6ba44d}.btn-secondary{background:transparent;border:1px solid transparent;color:#4b5563;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-secondary:hover{background:#f3f4f6;border-color:transparent;transform:none}[data-theme=dark] .btn-secondary{color:#ffffffb3}[data-theme=dark] .btn-secondary:hover{background:#ffffff1a}.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],textarea,select{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);transition:all var(--transition-fast);width:100%;box-sizing:border-box}.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{background:var(--surface-primary);border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626;outline:none}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.font-mono{font-family:var(--font-family-mono)}.text-body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-700)}.text-muted{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-600)}.text-emphasis{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.text-strong{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal)}.text-time{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);color:#06b6d4}.gradient-text{background:linear-gradient(to right,#9333ea,#db2777);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-text-timer{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-gradient-purple-pink{background:linear-gradient(to right,#9333ea,#db2777);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-blue{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.state-active,.active{background:var(--canon-primary-subtle)!important;background-image:none!important;border-color:transparent!important;color:#7ba3d1!important;box-shadow:none!important}[data-theme=dark] .state-active,[data-theme=dark] .active{background:#7ba3d11a!important;background-image:none!important;color:#7ba3d1!important}.gradient-text-orange{background:linear-gradient(to right,#f59e0b,#ea580c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-text-purple{background:linear-gradient(to right,#a855f7,#9333ea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme=dark] .gradient-text-timer{background:var(--gradient-primary-hover)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.w-100{width:100%}.mt-auto{margin-top:auto}.hover-lift-sm{transition:all var(--transition-fast)}.hover-lift-sm:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover-lift-md{transition:all var(--transition-fast)}.hover-lift-md:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-lift-lg{transition:all var(--transition-normal)}.hover-lift-lg:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-lift-btn-primary{transition:all var(--transition-fast);background:var(--gradient-primary);box-shadow:0 2px 4px #1c6ba433}.hover-lift-btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #1c6ba44d}.hover-lift-btn-primary:disabled,.hover-lift-btn-primary:disabled:hover{opacity:.6;cursor:not-allowed;transform:none;background:var(--gradient-primary);box-shadow:0 2px 4px #1c6ba433}.hover-lift-list-item{transition:all var(--transition-fast)}.hover-lift-list-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.hover-lift-list-item:hover .delete-btn{opacity:1!important}.hover-lift-list-item-bg{transition:all var(--transition-fast)}.hover-lift-list-item-bg:hover{background-color:#f0f9ff80!important;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.hover-lift-list-item-bg:hover .delete-btn{opacity:1!important}.hover-lift-list-item-completed:hover{background-color:#fff9!important;transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}.hover-lift-list-item-completed:hover .delete-btn{opacity:1!important}.sidebar-card-item,[data-page=lists] .list-card-item,[data-page=notes] .note-card-item,[data-page=links] .link-card-item,[data-page=timer] .timer-preset-item,[data-page=worldtime] .timer-preset-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:var(--sidebar-card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--border-xs) solid var(--sidebar-card-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}[data-theme=dark] .sidebar-card-item,[data-theme=dark] [data-page=lists] .list-card-item,[data-theme=dark] [data-page=notes] .note-card-item,[data-theme=dark] [data-page=links] .link-card-item,[data-theme=dark] [data-page=timer] .timer-preset-item,[data-theme=dark] [data-page=worldtime] .timer-preset-item{background:var(--sidebar-card-bg-dark);border:var(--border-xs) solid var(--sidebar-card-border-dark)}.sidebar-card-item:not(.active):hover,[data-page=lists] .list-card-item:not(.active):hover,[data-page=notes] .note-card-item:not(.active):hover,[data-page=links] .link-card-item:hover,[data-page=timer] .timer-preset-item:not(.active):hover,[data-page=worldtime] .timer-preset-item:not(.active):hover{background:var(--sidebar-card-hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px #e0f2fe33}[data-theme=dark] .sidebar-card-item:not(.active):hover,[data-theme=dark] [data-page=lists] .list-card-item:not(.active):hover,[data-theme=dark] [data-page=notes] .note-card-item:not(.active):hover,[data-theme=dark] [data-page=links] .link-card-item:hover,[data-theme=dark] [data-page=timer] .timer-preset-item:not(.active):hover,[data-theme=dark] [data-page=worldtime] .timer-preset-item:not(.active):hover{background:var(--sidebar-card-hover-bg-dark)}.sidebar-card-item.active,[data-page=lists] .list-card-item.active,[data-page=notes] .note-card-item.active,[data-page=timer] .timer-preset-item.active,[data-page=worldtime] .timer-preset-item.active{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important}[data-theme=dark] .sidebar-card-item.active,[data-theme=dark] [data-page=lists] .list-card-item.active,[data-theme=dark] [data-page=notes] .note-card-item.active,[data-theme=dark] [data-page=timer] .timer-preset-item.active,[data-theme=dark] [data-page=worldtime] .timer-preset-item.active{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #ec48994d!important}.sidebar-card-item.active:hover,[data-page=lists] .list-card-item.active:hover,[data-page=notes] .note-card-item.active:hover,[data-page=timer] .timer-preset-item.active:hover,[data-page=worldtime] .timer-preset-item.active:hover{transform:none!important}.sidebar-card-item.active *,[data-page=lists] .list-card-item.active *,[data-page=notes] .note-card-item.active *,[data-page=timer] .timer-preset-item.active *{color:#fff!important}.sidebar-card-icon,[data-page=lists] .list-card-icon,[data-page=notes] .note-card-icon,[data-page=links] .link-card-icon,[data-page=timer] .timer-preset-icon,[data-page=worldtime] .timer-preset-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--sidebar-card-icon-bg);border-radius:var(--radius-md);flex-shrink:0;color:var(--sidebar-card-icon-color)}[data-theme=dark] .sidebar-card-icon,[data-theme=dark] [data-page=lists] .list-card-icon,[data-theme=dark] [data-page=notes] .note-card-icon,[data-theme=dark] [data-page=links] .link-card-icon,[data-theme=dark] [data-page=timer] .timer-preset-icon,[data-theme=dark] [data-page=worldtime] .timer-preset-icon{background:var(--sidebar-card-icon-bg-dark);color:var(--sidebar-card-icon-color-dark)}.sidebar-card-item.active .sidebar-card-icon,[data-page=lists] .list-card-item.active .list-card-icon,[data-page=notes] .note-card-item.active .note-card-icon,[data-page=timer] .timer-preset-item.active .timer-preset-icon{background:#fff3;color:#fff}[data-page=worldtime] .timer-preset-item.active .timer-preset-icon{background:#fff3;color:#111827!important}[data-theme=dark] [data-page=worldtime] .timer-preset-item.active .timer-preset-icon{color:#ffffffe6!important}.sidebar-card-content,[data-page=lists] .list-card-content,[data-page=notes] .note-card-content,[data-page=links] .link-card-content,[data-page=timer] .timer-preset-content,[data-page=worldtime] .timer-preset-content{flex:1;min-width:0}.sidebar-card-title,[data-page=lists] .list-card-title,[data-page=notes] .note-card-title{font-size:.9375rem;font-weight:500;color:#111827;margin-bottom:2px;line-height:1.4}[data-theme=dark] .sidebar-card-title,[data-theme=dark] [data-page=lists] .list-card-title,[data-theme=dark] [data-page=notes] .note-card-title{color:#ffffffe6}.sidebar-card-subtitle,[data-page=lists] .list-card-stats,[data-page=notes] .note-card-preview{font-size:.8125rem;font-weight:400;color:#4b5563;line-height:1.4}[data-theme=dark] .sidebar-card-subtitle,[data-theme=dark] [data-page=lists] .list-card-stats,[data-theme=dark] [data-page=notes] .note-card-preview{color:#fff9}.sidebar-card-item-md,[data-page=links] .link-card-item,[data-page=timer] .timer-preset-item,[data-page=worldtime] .timer-preset-item{gap:var(--gap-responsive-sm);padding:var(--padding-responsive-sm) var(--space-lg);margin-bottom:var(--space-sm)}.sidebar-card-item-md .sidebar-card-icon,[data-page=links] .link-card-icon,[data-page=timer] .timer-preset-icon,[data-page=worldtime] .timer-preset-icon{border-radius:10px}[data-page=timer] .timer-preset-icon,[data-page=worldtime] .timer-preset-icon{width:40px;height:40px}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-lg)}.error-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.error-icon{margin-bottom:var(--space-lg)}.error-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-md)}.error-message{color:var(--gray-600);margin-bottom:var(--space-xl);line-height:1.6}.error-details{text-align:left;margin:var(--space-lg) 0;padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.error-details summary{cursor:pointer;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-sm)}.error-stack{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--gray-600);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.error-actions .btn{min-width:120px}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;border-top:1px solid var(--gray-200);margin-top:var(--space-lg)}.pagination-info{color:var(--gray-600);font-size:.875rem}.pagination-controls .btn{min-width:120px}.pagination-controls .spinner-border-sm{width:1rem;height:1rem;border-width:.125rem}.two-column-layout{display:grid;grid-template-columns:var(--sidebar-width-primary) 1fr;gap:var(--gap-responsive-lg);align-items:start}.sidebar-column{position:sticky;top:var(--app-sticky-top);height:fit-content}.main-column{min-width:0}@media(max-width:768px){.two-column-layout{grid-template-columns:1fr}}@media(min-width:1601px){.two-column-layout{max-width:var(--page-max-width);margin:0 auto}}.page-container[data-page=lists] .glass-tile.card,[data-page=lists] .glass-tile.card{padding:0!important;min-height:fit-content}.page-container[data-page=lists] .glass-tile.card .card-body,[data-page=lists] .glass-tile.card .card-body{padding:0 1.5rem 1.5rem!important}.page-container[data-page=lists] .glass-tile.card .card-header,[data-page=lists] .glass-tile.card .card-header{padding:1.5rem 1.5rem 1rem!important;background:transparent!important;border:none!important}[data-page=lists] .task-card{background:#ffffffe6;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.1)}[data-theme=dark] [data-page=lists] .task-card{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1)}[data-page=lists] .btn-icon{background:transparent!important;border:none!important;padding:4px!important;color:#6b7280;transition:color .2s ease}[data-theme=dark] [data-page=lists] .btn-icon{color:#fff9}[data-page=lists] .btn-icon:hover{background:transparent!important;border:none!important;color:#ef4444!important;transform:translateY(0)}[data-theme=dark] [data-page=lists] .btn-icon:hover{color:#f87171!important}[data-page=contacts] .two-column-layout{grid-template-columns:var(--sidebar-width-secondary) 1fr}@media(max-width:768px){[data-page=contacts] .two-column-layout{grid-template-columns:1fr}}[data-page=contacts] .btn-icon{background:transparent!important;border:none!important;padding:4px!important;color:#6b7280;transition:color .2s ease}[data-theme=dark] [data-page=contacts] .btn-icon{color:#fff9}[data-page=contacts] .btn-icon:hover{background:transparent!important;border:none!important;color:#ef4444!important;transform:translateY(0)}[data-theme=dark] [data-page=contacts] .btn-icon:hover{color:#f87171!important}.page-container[data-page=notes] .glass-tile.card,[data-page=notes] .glass-tile.card{padding:0!important;min-height:fit-content}.page-container[data-page=notes] .glass-tile.card .card-body,[data-page=notes] .glass-tile.card .card-body{padding:0 1.5rem 1.5rem!important}.page-container[data-page=notes] .glass-tile.card .card-header,[data-page=notes] .glass-tile.card .card-header{padding:1.5rem 1.5rem 1rem!important;background:transparent!important;border:none!important}[data-page=notes] .note-card-meta{font-size:.75rem;font-weight:400;color:#6b7280;line-height:1.4}[data-theme=dark] [data-page=notes] .note-card-meta{color:#ffffff80}[data-page=notes] .btn-icon{background:transparent!important;border:none!important;padding:4px!important;color:#6b7280;transition:color .2s ease}[data-theme=dark] [data-page=notes] .btn-icon{color:#fff9}[data-page=notes] .btn-icon:hover{background:transparent!important;border:none!important;color:#ef4444!important;transform:translateY(0)}[data-theme=dark] [data-page=notes] .btn-icon:hover{color:#f87171!important}.bookmarks-grid-layout{display:grid;grid-template-columns:var(--sidebar-width-primary) 1fr;gap:var(--gap-responsive-lg)}@media(max-width:768px){.bookmarks-grid-layout{grid-template-columns:1fr}}.bookmarks-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-responsive-md)}@media(min-width:768px){.bookmarks-grid{grid-template-columns:repeat(2,1fr)}}.page-container[data-page=links] .glass-tile.card,[data-page=links] .glass-tile.card{padding:0!important;min-height:fit-content}.page-container[data-page=links] .glass-tile.card .card-body,[data-page=links] .glass-tile.card .card-body{padding:0 1.5rem 1.5rem!important}.page-container[data-page=links] .glass-tile.card .card-header,[data-page=links] .glass-tile.card .card-header{padding:1.5rem 1.5rem 1rem!important;background:transparent!important;border:none!important}[data-page=links] .link-category-item{display:flex;align-items:center;gap:var(--gap-responsive-sm);padding:var(--padding-responsive-sm) var(--space-lg);margin-bottom:var(--space-sm);background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}[data-theme=dark] [data-page=links] .link-category-item{background:var(--sidebar-card-bg-dark);border:1px solid var(--glass-border-light)}[data-page=links] .link-category-item:not(.active):hover{background:#e0f2fe66;transform:translateY(-1px);box-shadow:0 2px 8px #e0f2fe33}[data-theme=dark] [data-page=links] .link-category-item:not(.active):hover{background:#e0f2fe4d}[data-page=links] .link-category-item.active{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important}[data-theme=dark] [data-page=links] .link-category-item.active{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #ec48994d!important}[data-page=links] .link-category-item.active:hover{transform:none!important}[data-page=links] .link-category-item.active *{color:#fff!important}[data-page=links] .link-category-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border-radius:10px;flex-shrink:0;color:#6b7280}[data-theme=dark] [data-page=links] .link-category-icon{background:#ffffff1a;color:#ffffffb3}[data-page=links] .link-category-item.active .link-category-icon{background:#fff3;color:#fff}[data-page=links] .link-category-content{flex:1;min-width:0}[data-page=links] .link-category-title{font-size:1rem;font-weight:500;color:#111827;margin-bottom:4px;line-height:1.5}[data-theme=dark] [data-page=links] .link-category-title{color:#ffffffe6}[data-page=links] .link-category-count{font-size:.875rem;font-weight:400;color:#4b5563;line-height:1.5}[data-theme=dark] [data-page=links] .link-category-count{color:#fff9}[data-page=links] .link-card-title{font-size:1rem;font-weight:500;color:#111827;margin-bottom:4px;line-height:1.5}[data-theme=dark] [data-page=links] .link-card-title{color:#ffffffe6}[data-page=links] .link-card-title:hover{color:var(--color-primary)}[data-page=links] .link-card-description{font-size:.875rem;font-weight:400;color:#4b5563;line-height:1.5;margin-bottom:4px}[data-theme=dark] [data-page=links] .link-card-description{color:#fff9}[data-page=links] .link-card-meta{font-size:.75rem;font-weight:400;color:#6b7280;line-height:1.5}[data-theme=dark] [data-page=links] .link-card-meta{color:#ffffff80}[data-page=links] .btn-icon{background:transparent!important;border:none!important;padding:4px!important;color:#6b7280;transition:color .2s ease}[data-theme=dark] [data-page=links] .btn-icon{color:#fff9}[data-page=links] .btn-icon:hover{background:transparent!important;border:none!important;color:#ef4444!important;transform:translateY(0)}[data-theme=dark] [data-page=links] .btn-icon:hover{color:#f87171!important}.page-container[data-page=timer] .glass-tile.card,[data-page=timer] .glass-tile.card{padding:0!important;min-height:fit-content}.page-container[data-page=timer] .glass-tile.card .card-body,[data-page=timer] .glass-tile.card .card-body{padding:0 1.5rem 1.5rem!important}.page-container[data-page=timer] .glass-tile.card .card-header,[data-page=timer] .glass-tile.card .card-header{padding:1.5rem 1.5rem 1rem!important;background:transparent!important;border:none!important}[data-page=timer] .timer-preset-title{font-size:1rem;font-weight:500;color:#111827;margin-bottom:4px;line-height:1.5}[data-theme=dark] [data-page=timer] .timer-preset-title{color:#ffffffe6}[data-page=timer] .timer-preset-description{font-size:.875rem;font-weight:400;color:#4b5563;line-height:1.5}[data-theme=dark] [data-page=timer] .timer-preset-description{color:#fff9}[data-page=worldtime] .timer-preset-item.active .timer-preset-title,[data-page=worldtime] .timer-preset-item.active .timer-preset-description{color:#111827!important}[data-theme=dark] [data-page=worldtime] .timer-preset-item.active .timer-preset-title,[data-theme=dark] [data-page=worldtime] .timer-preset-item.active .timer-preset-description{color:#ffffffe6!important}.page-container[data-page=worldtime]{padding-top:calc(var(--content-gutter) + 2px);padding-left:calc(var(--content-gutter) + 6px)}button,.btn-primary,.btn-secondary,a[role=button],input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:var(--space-md) var(--space-xl);touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.1)}@media(max-width:768px){.btn-sm{min-height:44px;min-width:44px;padding:var(--space-md) var(--space-lg)}}.dragging,.drag-handle:active,button:active{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (padding: max(0px)){.layout-container,.main-content{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.mobile-menu-btn{top:max(15px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left))}.page-container,.dashboard-container{padding-left:max(var(--space-2xl),calc(var(--space-2xl) + env(safe-area-inset-left)));padding-right:max(var(--space-2xl),calc(var(--space-2xl) + env(safe-area-inset-right)));padding-bottom:max(var(--space-2xl),calc(var(--space-2xl) + env(safe-area-inset-bottom)))}.page-container[data-page=worldtime]{padding-top:calc(var(--content-gutter) + 2px);padding-left:max(calc(var(--space-2xl) + 6px),calc(var(--space-2xl) + 6px + env(safe-area-inset-left)))}}@media(max-width:768px){.page-container{padding:var(--space-md) var(--space-lg)}.page-container[data-page=worldtime]{padding-top:calc(var(--space-md) + 2px);padding-left:calc(var(--space-lg) + 6px)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl)}.page-title{font-size:22px;line-height:1.3}.page-subtitle{font-size:var(--font-size-base);margin-top:var(--space-xs)}.content-card,.glass-tile{padding:var(--space-lg);border-radius:var(--radius-md)}.draggable-tile.glass-tile{border-radius:var(--radius-xl)}.page-actions{gap:var(--space-md);flex-wrap:wrap;width:100%}.page-actions .btn-primary,.page-actions .btn-secondary{flex:1;min-width:120px}.form-control,input,textarea,select{padding:var(--space-md);font-size:16px}}@media(max-width:480px){.page-container{padding:var(--space-md)}.page-container[data-page=worldtime]{padding-top:calc(var(--space-md) + 2px);padding-left:calc(var(--space-md) + 6px)}.page-title{font-size:20px;line-height:1.3}.page-header{margin-bottom:var(--space-lg)}button,.btn-primary,.btn-secondary{min-height:48px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px}.icon-btn svg{width:18px;height:18px}.btn-icon{width:44px;height:44px;min-width:44px;min-height:44px}.btn-icon svg{width:18px;height:18px}.content-card,.glass-tile{padding:var(--space-md);border-radius:var(--radius-sm)}.draggable-tile.glass-tile{border-radius:var(--radius-xl)}h1,.h1{font-size:20px}h2,.h2{font-size:18px}h3,.h3{font-size:16px}h4,.h4{font-size:15px}h5,.h5{font-size:14px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(var(--glass-blur-light));backdrop-filter:blur(var(--glass-blur-light));display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.modal-content{position:relative;outline:0;pointer-events:auto;background-clip:padding-box;background:#fffffff2;-webkit-backdrop-filter:blur(var(--glass-blur-heavy));backdrop-filter:blur(var(--glass-blur-heavy));border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .modal-content{background:#2d2d2df2;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding-bottom:0}.modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:auto;padding-bottom:env(safe-area-inset-bottom)}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:var(--space-4xl);min-height:400px}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .spinner{border-color:#ffffff1a;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}:root{--d2-steel: var(--color-primary);--d2-sage: var(--color-success);--d2-ember: var(--color-danger);--d2-ember-dark: var(--color-danger-hover);--d2-surface: var(--surface-raised);--d2-border: var(--border-default);--d2-border-light: var(--border-subtle);--d2-heading-color: var(--text-primary);--canon-blue: var(--color-primary);--canon-sage: var(--color-success);--canon-terracotta: var(--color-warning);--january2026-ink: var(--text-primary);--january2026-text-secondary: var(--text-secondary);--january2026-text-muted: var(--text-muted);--january2026-blue: var(--color-primary);--january2026-green: var(--color-success);--january2026-bg: var(--surface-page);--january2026-border: var(--border-default);--january2026-selected-bg: var(--color-primary-subtle);--planner-bg: var(--surface-page);--planner-text-primary: var(--text-primary);--planner-text-secondary: var(--text-secondary);--planner-border: var(--border-default);--planner-primary: var(--color-primary);--planner-terracotta: var(--color-warning);--accent: var(--color-primary);--accent-dark: var(--color-primary-hover);--accent-subtle: var(--color-primary-subtle);--error: var(--color-danger);--success-bg: var(--color-success-subtle);--warning-bg: var(--color-warning-subtle);--error-bg: var(--color-danger-subtle);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--bg-secondary: var(--surface-secondary);--warning-500: var(--color-warning);--mica-base: var(--surface-page);--mica-layer: var(--surface-raised)}