@theme{--color-bg: var(--bg); --color-surface: var(--surface); --color-surface-elevated: var(--surface-elevated); --color-accent: var(--accent); --color-on-accent: var(--on-accent); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-divider: var(--divider); --color-destructive: var(--destructive); --color-success: var(--success); --color-warning: var(--warning);}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1, "liga" 1;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-size:13px;line-height:1.5}body[data-app-shell=true]{height:100%;overflow:hidden}html:has(body[data-app-shell=true]){height:100%;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes apkgProgressSlide{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(250%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes alocasia-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-row{width:100%;color:var(--text-1,var(--text-primary));text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 8px;font-family:inherit;font-size:14px;display:flex}.sheet-row:active{background:color-mix(in srgb, var(--text-secondary) 12%, transparent)}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes drawerSlideInLeft{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes drawerSlideInRight{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dialogIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes springIn{0%{opacity:0;transform:scale(.88)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 0%, transparent)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-secondary) 25%, transparent);background-clip:padding-box;border:1px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text-secondary) 45%, transparent);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-secondary) 25%, transparent) transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--text-primary)}.frosted{background:color-mix(in srgb, var(--surface-elevated) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%)}.frosted-thin{background:color-mix(in srgb, var(--surface-elevated) 50%, transparent);-webkit-backdrop-filter:blur(10px)saturate(160%);backdrop-filter:blur(10px)saturate(160%)}.frosted-ultra{background:color-mix(in srgb, var(--surface-elevated) 85%, transparent);-webkit-backdrop-filter:blur(30px)saturate(200%);backdrop-filter:blur(30px)saturate(200%)}:root{--shadow-subtle:0 .5px 1px #0000000a, 0 1px 2px #0000000a;--shadow-section:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 6%, transparent), 0 1px 3px #0000000f, 0 4px 8px #0000000d;--shadow-subsection:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 5%, transparent), 0 1px 2px #0000000f;--shadow-card:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 4%, transparent), 0 1px 3px #0000000f, 0 2px 6px #0000000a;--shadow-floating:0 1px 2px #0000000f, 0 4px 12px #00000014;--shadow-popover:0 0 0 .5px color-mix(in srgb, var(--divider) 50%, transparent), 0 4px 16px #0000001f, 0 8px 32px #00000014;--shadow-modal:0 0 0 .5px color-mix(in srgb, var(--divider) 50%, transparent), 0 8px 32px #0003, 0 2px 8px #0000001a}.focus-ring:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.transition-all{transition:all .25s}.page-enter{animation:.12s cubic-bezier(.25,.46,.45,.94) both pageEnter}.section-panel{background:var(--surface-elevated);border:.5px solid color-mix(in srgb, var(--text-secondary) 8%, transparent);box-shadow:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 8%, transparent), 0 1px 4px #0000000f, 0 4px 12px #0000000f;border-radius:12px;padding:16px;transition:box-shadow .2s cubic-bezier(.25,.46,.45,.94)}.section-panel:hover{box-shadow:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 10%, transparent), 0 2px 8px #00000017, 0 6px 20px #00000014}.subsection-panel{background:color-mix(in srgb, var(--surface) 80%, var(--surface-elevated));border:.5px solid color-mix(in srgb, var(--text-secondary) 6%, transparent);box-shadow:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 6%, transparent), 0 1px 3px #0000000d;border-radius:10px;padding:12px}.trip-row-card{background:var(--surface-elevated);border:.5px solid color-mix(in srgb, var(--text-secondary) 10%, transparent);box-shadow:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 6%, transparent), 0 1px 3px #0000000f, 0 3px 8px #0000000d;border-radius:10px;padding:8px 12px;transition:background .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94)}.trip-row-card:hover{box-shadow:0 .5px 0 0 color-mix(in srgb, var(--text-secondary) 8%, transparent), 0 2px 6px #0000001a, 0 6px 16px #00000014;transform:translateY(-.5px)}.trip-row-card.selected{background:color-mix(in srgb, var(--accent) 8%, var(--surface-elevated));border-color:color-mix(in srgb, var(--accent) 25%, transparent)}.travel-row-card{border-radius:10px;padding:8px 12px;box-shadow:0 1px 2px #0000000f}.floating-bar{background:color-mix(in srgb, var(--surface-elevated) 88%, transparent);-webkit-backdrop-filter:blur(40px)saturate(190%);border:.5px solid color-mix(in srgb, var(--divider) 80%, transparent);border-radius:9999px;padding:5px 10px;box-shadow:0 1px 2px #00000014,0 4px 12px #0000001a}.floating-panel{background:color-mix(in srgb, var(--surface-elevated) 88%, transparent);-webkit-backdrop-filter:blur(40px)saturate(190%);border:.5px solid color-mix(in srgb, var(--divider) 80%, transparent);border-radius:12px;padding:8px 14px;box-shadow:0 1px 2px #00000014,0 4px 12px #0000001a}.icon-btn{width:28px;height:28px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s cubic-bezier(.25,.46,.45,.94),transform .1s cubic-bezier(.25,.46,.45,.94);display:flex}.icon-btn:hover{background:color-mix(in srgb, var(--text-primary) 8%, transparent)}.icon-btn:active{background:color-mix(in srgb, var(--text-primary) 14%, transparent);transform:scale(.92)}.icon-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.icon-btn.destructive{color:var(--destructive)}.icon-btn.destructive:hover{background:color-mix(in srgb, var(--destructive) 10%, transparent)}.icon-btn.destructive:active{background:color-mix(in srgb, var(--destructive) 18%, transparent)}.tmpl-menu-item{transition:background .12s}.tmpl-menu-item:hover{background:color-mix(in srgb, var(--text-primary) 7%, transparent)}.tmpl-menu-item:active{background:color-mix(in srgb, var(--accent) 16%, transparent)}.badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.badge.accent{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.badge.success{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.badge.warning{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}.badge.destructive{background:color-mix(in srgb, var(--destructive) 12%, transparent);color:var(--destructive)}.badge.muted{background:color-mix(in srgb, var(--text-secondary) 10%, transparent);color:var(--text-secondary)}.detail-chip{background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--text-secondary);white-space:nowrap;border-radius:9999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}body.poi-detail-open .trip-map-panel{z-index:50;border:.5px solid color-mix(in srgb, var(--divider) 60%, transparent);border-radius:14px;inset:0 380px 16px 12px;box-shadow:0 1px 2px #0000001a,0 8px 24px #00000024,0 24px 48px #0000002e;width:auto!important;height:auto!important;position:absolute!important}body.poi-detail-open .trip-split>[class*=divider],body.poi-detail-open .trip-split>.split-divider{visibility:hidden}.sidebar-nav-item{color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;margin:1px 8px;padding:6px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94);display:flex}.sidebar-nav-item:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.sidebar-nav-item.active{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 12%, var(--parchment-raised,var(--surface-elevated)));border:.5px solid color-mix(in srgb, var(--accent) 28%, var(--parchment-deep,var(--divider)));box-shadow:var(--shadow-chip,0 2px 4px #3c321429), var(--highlight-top,inset 0 .5px 0 #ffffffa6);padding:5.5px 11.5px;font-weight:600}.sidebar-nav-item.active:hover{background:color-mix(in srgb, var(--accent) 12%, var(--parchment-raised,var(--surface-elevated)))}.sidebar-nav-item.locked{color:var(--text-secondary);opacity:.6}.sidebar-group-card{background:var(--parchment-raised,var(--surface-elevated));border:.5px solid var(--parchment-deep,var(--divider));box-shadow:var(--shadow-chip,0 2px 4px #3c321429), var(--highlight-top,inset 0 .5px 0 #ffffffa6);border-radius:10px;padding:3px 0 5px}.sidebar-group-card .sidebar-nav-item.active,.sidebar-group-card .sidebar-nav-item.active:hover{background:color-mix(in srgb, var(--accent) 12%, var(--parchment-raised,var(--surface-elevated)));border-color:color-mix(in srgb, var(--accent) 28%, var(--parchment-deep,var(--divider)));box-shadow:var(--shadow-raised,0 3px 10px #3c321438), var(--highlight-top,inset 0 .5px 0 #ffffffa6)}.subscribe-package-btn{background:var(--surface);border:1px solid var(--divider);cursor:pointer;text-align:center;min-width:200px;color:var(--text-primary);border-radius:12px;flex:1;padding:16px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.subscribe-package-btn:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--divider));box-shadow:0 2px 8px #00000014}.subscribe-package-btn.highlighted{border:2px solid var(--accent)}.subscribe-package-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 7px;font-family:inherit;font-size:12px;transition:background .12s,color .12s;display:inline-flex}.attachment-btn:hover{background:color-mix(in srgb, var(--text-secondary) 8%, transparent);color:var(--text-primary)}.attachment-url-input{border:1px solid var(--divider);background:var(--surface);color:var(--text-primary);border-radius:7px;outline:none;flex:1;padding:6px 9px;font-family:inherit;font-size:12px;transition:border-color .12s}.attachment-url-input:focus{border-color:var(--accent)}.attachment-row{border-radius:6px;align-items:center;gap:4px;padding:4px 6px;transition:background .12s;display:flex}.attachment-row:hover{background:color-mix(in srgb, var(--text-secondary) 6%, transparent)}.attachment-row-link{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;min-width:0;padding:0;font-family:inherit;font-size:12px;display:flex}.attachment-row-remove{opacity:0;width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .12s,background .12s;display:inline-flex}.attachment-row:hover .attachment-row-remove{opacity:1}.attachment-row-remove:hover{background:color-mix(in srgb, var(--destructive,#ef4444) 12%, transparent);color:var(--destructive,#ef4444)}.attachment-action-bar{background:color-mix(in srgb, var(--accent) 8%, var(--surface-elevated));border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:10px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 10px;display:flex}.attachment-action-btn{border:1px solid var(--divider);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .12s,border-color .12s;display:inline-flex}.attachment-action-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-color:color-mix(in srgb, var(--accent) 50%, var(--divider))}.attachment-action-btn.destructive{color:var(--destructive,#ef4444)}.attachment-action-btn.destructive:hover:not(:disabled){background:color-mix(in srgb, var(--destructive,#ef4444) 8%, var(--surface));border-color:color-mix(in srgb, var(--destructive,#ef4444) 50%, var(--divider))}.attachment-action-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-group{border-radius:8px;margin-bottom:4px}.attachment-group-row{border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .12s;display:flex}.attachment-group-row:hover{background:color-mix(in srgb, var(--text-secondary) 6%, transparent)}.attachment-group-toggle{min-width:0;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;display:flex}.attachment-group-children{flex-direction:column;padding:0 8px 4px 28px;display:flex}.attachment-leaf{cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:4px 8px;transition:background .12s;display:flex}.attachment-leaf:hover{background:color-mix(in srgb, var(--text-secondary) 6%, transparent)}.attachment-leaf[data-selected=true]{background:color-mix(in srgb, var(--accent) 10%, transparent)}.move-picker-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.move-picker-sheet{background:var(--surface-elevated);border:.5px solid var(--divider);border-radius:14px;flex-direction:column;width:100%;max-width:420px;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.move-picker-header{border-bottom:.5px solid var(--divider);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.move-picker-filter{border:1px solid var(--divider);background:var(--surface);color:var(--text-primary);border-radius:7px;outline:none;margin:10px 14px 0;padding:7px 10px;font-family:inherit;font-size:12px}.move-picker-filter:focus{border-color:var(--accent)}.move-picker-list{flex:1;padding:8px 6px 12px;overflow-y:auto}.move-picker-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:8px 8px 4px;font-size:11px;font-weight:600}.move-picker-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:13px;display:flex}.move-picker-item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.sidebar-ad-card{background:var(--parchment-raised,var(--surface-elevated));border:.5px solid var(--parchment-deep,color-mix(in srgb, var(--divider) 60%, transparent));box-shadow:var(--shadow-chip), var(--highlight-top);cursor:pointer;color:inherit;border-radius:14px;padding:12px 14px;font-family:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.sidebar-ad-card:hover{box-shadow:0 4px 12px #00000014, var(--highlight-top);transform:translateY(-1px)}.sidebar{background:var(--sidebar-bg);border:.5px solid color-mix(in srgb, var(--divider) 60%, transparent);border-radius:14px;flex-direction:column;flex-shrink:0;width:240px;min-width:200px;max-width:320px;display:flex;overflow:hidden auto;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000f}.collapsible{transition:max-height .3s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.drop-indicator{background:var(--accent);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:0;right:0}.drop-indicator:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-3px}.visited-toggle{border:1.5px solid var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.visited-toggle:hover{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, transparent)}.visited-toggle.visited{border-color:var(--success);background:var(--success);color:#fff;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;animation:.4s fadeIn;display:flex}dialog{background:var(--surface-elevated);color:var(--text-primary);box-shadow:0 0 0 .5px color-mix(in srgb, var(--divider) 50%, transparent), 0 8px 32px #0003, 0 2px 8px #0000001a;border:none;border-radius:14px;width:90vw;max-width:480px;margin:0;padding:0;animation:.25s cubic-bezier(.25,.46,.45,.94) dialogIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}dialog::backdrop{-webkit-backdrop-filter:blur(8px)saturate(120%);background:#00000059;animation:.2s fadeIn}.split-divider{background:var(--divider);cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:5;flex-shrink:0;width:1px;transition:background .15s;position:relative}.split-divider:before{content:"";position:absolute;inset:0 -4px}.split-divider:hover,.split-divider.dragging{background:var(--accent)}.split-divider:hover:after,.split-divider.dragging:after{content:"";background:var(--accent);opacity:.6;border-radius:2px;width:4px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tab-bar-container{position:relative}.tab-bar-container::-webkit-scrollbar{display:none}.tab-link{z-index:1;position:relative}.tab-link:not(.tab-active):hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent);color:var(--text-primary)!important}.tab-pill-indicator{background:var(--accent);z-index:0;border-radius:8px;height:calc(100% - 8px);transition:left .35s cubic-bezier(.175,.885,.32,1.275),width .25s cubic-bezier(.25,.46,.45,.94);position:absolute;top:4px;box-shadow:0 1px 3px #0000001f}.btn-primary{background:var(--accent);color:var(--on-accent);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:filter .15s,transform .1s;display:inline-flex}.btn-primary:hover{filter:brightness(.92)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:.5px solid var(--divider);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.btn-secondary:hover{background:color-mix(in srgb, var(--surface-elevated) 50%, transparent)}.btn-secondary:active{transform:scale(.97)}.input-field{border:1px solid var(--divider);background:var(--bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.input-field:focus,.input-field:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.input-field::placeholder{color:var(--text-secondary);opacity:.6}.subtask-add-input::placeholder{color:var(--text-secondary);opacity:.5}.segmented-control{background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:10px;gap:1px;padding:2px;display:inline-flex;position:relative}.segmented-control-item{z-index:1;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:color .15s;position:relative}.segmented-control-item.active{color:var(--text-primary);background:var(--surface-elevated);font-weight:600;box-shadow:0 1px 3px #00000014}.segmented-control-item:not(.active):hover{color:var(--text-primary)}.trip-map-panel{isolation:isolate}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{font-size:max(16px,1em)}button:not([class]):not([style*=height]){min-height:36px}.sidebar{display:none}.app-sidebar-expanded{top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));z-index:62;border-radius:14px;animation:.22s cubic-bezier(.22,1,.36,1) drawerSlideInRight;overflow:hidden;box-shadow:-8px 0 32px #00000026;position:fixed!important}.app-sidebar-backdrop{display:block!important}.page-padded{padding:16px!important}.page-header{flex-wrap:wrap;gap:8px!important}.filter-pill-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important}.filter-pill-row::-webkit-scrollbar{display:none}.scroll-x-mobile{-webkit-overflow-scrolling:touch;overflow-x:auto}.goals-grid{padding-bottom:calc(80px + var(--safe-bottom))!important;grid-template-columns:1fr!important}.settings-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.settings-row-label{flex:none!important;width:100%!important}.settings-row-value{min-width:unset!important;text-align:left!important;width:60px!important}.stats-strip{grid-template-columns:1fr 1fr!important;display:grid!important}.icon-btn{min-width:44px;min-height:44px}.time-sink-bars{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-panel-overlay{border-radius:0!important;width:100%!important;max-width:100%!important;inset:0!important}.timeline-grid-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.trips-header-controls{flex-wrap:wrap}.trips-header-auth{display:none!important}.calendar-page>div>div{-webkit-overflow-scrolling:touch}.calendar-page [data-calendar-range-region=grid][data-calendar-range-columns="7"],.calendar-page [data-calendar-range-region=header][data-calendar-range-columns="7"],.calendar-page [data-calendar-range-region=all-day][data-calendar-range-columns="7"],.calendar-page [data-calendar-month-grid]{min-width:560px}.week-day-grid{-webkit-overflow-scrolling:touch;grid-template-columns:1fr!important;grid-auto-rows:min-content!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;padding-bottom:4px!important;overflow:visible auto!important}.week-day-grid>*{overflow:visible!important}.week-day-chip-list{flex:none!important;min-height:0!important;overflow:visible!important}.detail-panel-overlay{top:var(--safe-top)!important;opacity:1!important;pointer-events:auto!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;animation:.28s cubic-bezier(.25,.46,.45,.94) slideInUp!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}@media (max-width:480px){.tab-label{display:none}.tab-link{padding:4px 8px!important}.page-padded{padding:12px!important}.pomodoro-ring{transform-origin:top;transform:scale(.85)}.timeline-anchor-label{min-width:100px!important;font-size:12px!important}}.page-transition-enter{animation:.3s cubic-bezier(.25,.46,.45,.94) slideInUp}.gantt-bar{cursor:pointer;border-radius:6px;transition:filter .15s,box-shadow .15s}.gantt-bar:hover{filter:brightness(1.1);box-shadow:0 2px 8px #00000026}.calendar-hour-cell{border-bottom:.5px solid var(--divider);transition:background .1s}.calendar-hour-cell:hover{background:color-mix(in srgb, var(--accent) 4%, transparent)}.tooltip{background:color-mix(in srgb, var(--surface-elevated) 92%, transparent);-webkit-backdrop-filter:blur(20px);border:.5px solid color-mix(in srgb, var(--divider) 50%, transparent);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:1000;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;animation:.15s fadeIn;position:absolute;box-shadow:0 2px 8px #0000001f}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--text-secondary) 6%, transparent) 25%, color-mix(in srgb, var(--text-secondary) 12%, transparent) 50%, color-mix(in srgb, var(--text-secondary) 6%, transparent) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:60%;height:12px}.skeleton-text-short{width:35%;height:12px}.skeleton-title{width:40%;height:18px}.skeleton-row{align-items:center;gap:12px;padding:8px 16px;display:flex}.skeleton-circle{border-radius:50%;flex-shrink:0;width:20px;height:20px}.board-toolbar-label{display:none}@media (min-width:640px){.board-toolbar-label{display:inline}}@supports (view-transition-name:none){::view-transition-old(page-content){animation:.2s both pageExit}::view-transition-new(page-content){animation:.3s cubic-bezier(.25,.46,.45,.94) both pageEnter}@keyframes pageExit{to{opacity:0;transform:translateY(-4px)scale(.995)}}}[data-design=parchment] h1,[data-design=parchment] h2,[data-design=parchment] h3{font-family:var(--font-serif,"Lora", Georgia, serif);letter-spacing:-.01em}[data-design=parchment] h1{color:var(--text-1);font-size:26px;font-weight:700;line-height:1.2}[data-design=parchment] h2{color:var(--text-1);font-size:20px;font-weight:600;line-height:1.3}[data-design=parchment] h3{color:var(--text-1);font-size:16px;font-weight:600;line-height:1.35}[data-design=parchment] .section-panel{background:var(--parchment-raised);border-color:var(--parchment-deep);box-shadow:var(--shadow-chip), var(--highlight-top)}[data-design=parchment] .subsection-panel{background:var(--parchment-recessed);border-color:var(--parchment-deep);box-shadow:var(--shadow-recessed-inner)}[data-design=parchment] .trip-row-card{background:var(--parchment-raised);border-color:var(--parchment-deep);box-shadow:var(--shadow-chip), var(--highlight-top)}[data-design=parchment] .trip-row-card:hover{box-shadow:var(--shadow-raised), var(--highlight-top)}[data-design=parchment] .sidebar{background:var(--parchment-recessed);border-color:var(--parchment-deep)}[data-design=parchment] .floating-bar,[data-design=parchment] .floating-panel{background:var(--parchment-raised);border-color:var(--parchment-deep);box-shadow:var(--shadow-chip), var(--highlight-top)}[data-design=parchment] .segmented-control{background:var(--parchment-recessed)}[data-design=parchment] .segmented-control-item.active{background:var(--parchment-raised);box-shadow:var(--shadow-chip), var(--highlight-top)}[data-design=parchment] .tooltip{background:var(--parchment-raised);border-color:var(--parchment-deep);box-shadow:var(--shadow-chip)}[data-design=parchment] dialog{background:var(--parchment-raised);border:.5px solid var(--parchment-deep);box-shadow:var(--shadow-modal)}[data-design=parchment] .empty-state{color:var(--text-3)}[data-design=parchment] .sidebar-nav-item.active{color:var(--accent)}[data-design=parchment] .btn-primary{box-shadow:var(--shadow-chip), var(--highlight-top)}[data-design=parchment] .btn-secondary{border-color:var(--divider);box-shadow:var(--shadow-subtle), var(--highlight-top)}[data-design=parchment] .input-field{border-color:var(--divider);background:var(--parchment-recessed,var(--surface))}[data-design=parchment] .input-field:focus,[data-design=parchment] .input-field:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}@media screen{.print-only{display:none!important}}@media print{html,body{color:#000!important;background:#fff!important}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{padding:24px;position:absolute;inset:0;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.print-area,.print-area *{color:#000!important;box-shadow:none!important}.print-area svg path,.print-area svg circle,.print-area svg rect,.print-area svg polyline,.print-area svg line{color:revert!important}@page{size:auto;margin:12mm}}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M3 4.5l3 3 3-3'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:12px 12px;line-height:1.5;padding-right:32px!important}select:disabled{opacity:.6;cursor:not-allowed}select[multiple],select[size]:not([size="1"]){background-image:none;padding-right:inherit!important}
