:root{--bg-canvas:#f5f7f6;--bg-canvas-gradient:radial-gradient(circle at 15% 15%, #10b9810d, transparent 40%), radial-gradient(circle at 85% 20%, #0ea5e90f, transparent 45%), radial-gradient(circle at 50% 85%, #f973160a, transparent 40%), #f5f8f7;--bg-glass-panel:#ffffffd1;--bg-glass-card:#ffffffe6;--bg-glass-input:#f0f5f3b3;--bg-glass-hover:#fffffff5;--bg-glass-active:#ebf5f0f2;--border-glass:1px solid #ffffffd9;--border-glass-subtle:1px solid #0f241d0f;--border-glass-hover:1px solid #10b98159;--color-mint:#10b981;--color-mint-dark:#059669;--color-mint-deep:#065f46;--color-mint-light:#ecfdf5;--color-mint-border:#a7f3d0;--color-mint-glow:#10b98147;--color-sky:#0ea5e9;--color-sky-dark:#0284c7;--color-sky-light:#f0f9ff;--color-sky-border:#bae6fd;--color-orange:#f97316;--color-orange-dark:#ea580c;--color-orange-light:#fff7ed;--color-orange-border:#fed7aa;--color-orange-glow:#f973164d;--color-iris:#8b5cf6;--color-iris-light:#f5f3ff;--color-iris-border:#ddd6fe;--route-active:var(--color-mint);--route-active-dark:var(--color-mint-deep);--route-active-bg:var(--color-mint-light);--route-default:#64748b;--route-dimmed:#cbd5e1;--action-primary:var(--color-orange);--action-primary-hover:var(--color-orange-dark);--action-subtle-bg:var(--color-orange-light);--action-subtle-border:var(--color-orange-border);--text-primary:#0f1f19;--text-secondary:#3d534a;--text-muted:#6e857c;--text-light:#9cb0a6;--text-on-dark:#fff;--status-error:#ef4444;--status-error-bg:#fef2f2;--status-error-border:#fecaca;--status-must:var(--color-orange);--status-candidate:var(--color-mint-dark);--status-optional:var(--color-sky-dark);--status-visited:var(--color-mint-dark);--status-skipped:#94a3b8;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--shadow-island-sm:0 4px 16px -2px #0f241d0d, 0 1px 3px #0f241d05;--shadow-island:0 16px 36px -4px #0f241d14, 0 4px 12px -2px #0f241d08;--shadow-island-lg:0 24px 54px -6px #0f241d1f, 0 8px 20px -3px #0f241d0a;--shadow-modal:0 32px 72px -10px #0f241d33, 0 12px 28px -4px #0f241d14;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "SF Pro Display", "Inter", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100%}body{overscroll-behavior:none;min-height:100dvh;font-family:var(--font-sans);background:var(--bg-canvas-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;touch-action:manipulation;transition:all .18s var(--ease-spring);background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#0f241d1f}::-webkit-scrollbar-thumb:hover{background:#0f241d40}.app-root{background:var(--bg-canvas-gradient);flex-direction:column;width:100vw;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.master-header{-webkit-backdrop-filter:blur(24px);border:var(--border-glass);border-radius:var(--radius-pill);height:44px;box-shadow:var(--shadow-island-sm);z-index:100;transition:all .2s var(--ease-spring);background:#ffffffd1;align-items:center;gap:14px;padding:0 16px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.master-header:hover{box-shadow:var(--shadow-island);background:#ffffffeb}.master-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:7px;font-size:13.5px;font-weight:800;display:flex}.master-badge{background:var(--color-mint-light);color:var(--color-mint-dark);border:1px solid var(--color-mint-border);border-radius:var(--radius-pill);text-transform:uppercase;padding:1px 7px;font-size:10px;font-weight:800}.master-nav{border-radius:var(--radius-pill);background:#0f241d0d;gap:2px;padding:2.5px;display:flex}.master-nav-btn{border-radius:var(--radius-pill);color:var(--text-secondary);transition:all .18s var(--ease-spring);align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.master-nav-btn:hover{color:var(--text-primary);background:#fffc}.master-nav-btn.active{color:#fff;background:linear-gradient(135deg, var(--color-mint), #059669);font-weight:700;box-shadow:0 2px 8px #10b98159}.page-container{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}@media (width<=640px){.master-header{justify-content:space-between;gap:6px;width:calc(100vw - 16px);height:38px;padding:0 8px;top:6px}.master-title{font-size:12px}.master-badge{display:none}.master-nav-btn{padding:3px 8px;font-size:11px}.master-nav-btn span{display:none}}.canvas-wrapper{background:var(--bg-canvas-gradient);background-image:radial-gradient(#10b98114 1.2px,#0000 1.2px);background-size:24px 24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.route-svg{width:100%;height:100%;transition:transform .25s var(--ease-spring);position:absolute;top:0;left:0}.route-line{fill:none;cursor:pointer;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,stroke-width .25s,opacity .25s,filter .25s}.route-line.default{stroke:#94a3b8;stroke-width:2.5px;opacity:.75}.route-line.highlighted{stroke:url(#active-emerald-grad);stroke-width:4.2px;opacity:1;filter:drop-shadow(0 3px 10px #10b98173)}.route-line.selected{stroke:#047857;stroke-width:4.8px;opacity:1;filter:drop-shadow(0 4px 14px #04785780)}.route-line.dimmed{stroke:#cbd5e1;stroke-width:1.6px;stroke-dasharray:5 5;opacity:.3}.distance-badge-bg{fill:#fffffff2;stroke:#0f241d14;stroke-width:1px;rx:12px;filter:drop-shadow(0 4px 12px #0f241d14);transition:all .2s var(--ease-spring)}.distance-badge-bg.active{fill:#fff;stroke:var(--color-mint);stroke-width:1.5px;filter:drop-shadow(0 4px 14px #10b98147)}.distance-badge-text{font-family:var(--font-mono);fill:var(--text-secondary);text-anchor:middle;dominant-baseline:central;letter-spacing:-.01em;font-size:11px;font-weight:750}.distance-badge-text.active{fill:var(--color-mint-dark)}.canvas-node{cursor:pointer;outline:none}.node-circle-base{fill:#fff;stroke:var(--text-primary);stroke-width:2.8px;filter:drop-shadow(0 4px 12px #0f241d1f);transition:stroke-width .2s var(--ease-spring), filter .2s var(--ease-spring), stroke .2s}.canvas-node:hover .node-circle-base{stroke-width:3.8px;filter:drop-shadow(0 8px 24px #0f241d38)}.node-circle-base.must{stroke:var(--color-orange);stroke-width:3px}.node-circle-base.isolated{stroke:var(--text-muted);stroke-width:2px;stroke-dasharray:3 3}.node-circle-base.selected{fill:var(--color-mint);stroke:#fff;stroke-width:3px;filter:drop-shadow(0 6px 20px #10b98180)}.node-halo{fill:none;stroke:#10b9814d;stroke-width:14px;animation:2.2s ease-in-out infinite alternate halo-pulse}@keyframes halo-pulse{0%{stroke-width:8px;opacity:.9}to{stroke-width:18px;opacity:.2}}.pulse-ring{fill:none;stroke:var(--color-mint);stroke-width:2.8px;opacity:.9;transform-origin:50%;animation:2.4s cubic-bezier(.1,.8,.2,1) infinite ripple-spread}@keyframes ripple-spread{0%{r:24px;opacity:.9}75%{r:50px;opacity:0}to{r:50px;opacity:0}}.node-label-bg{fill:#fffffff2;stroke:#0f241d14;rx:12px;filter:drop-shadow(0 4px 12px #0f241d14)}.node-label-bg.selected{fill:#065f46;stroke:#065f46}.node-label-text{font-family:var(--font-sans);fill:var(--text-primary);text-anchor:middle;dominant-baseline:central;letter-spacing:-.01em;font-size:12px;font-weight:750}.node-label-text.selected{fill:#fff}.floating-toolbar{background:var(--bg-glass-panel);-webkit-backdrop-filter:blur(24px);border:var(--border-glass);border-radius:var(--radius-pill);box-shadow:var(--shadow-island);z-index:20;align-items:center;gap:4px;padding:5px 8px;display:flex;position:absolute;bottom:24px;left:24px}.tool-action-btn{border-radius:var(--radius-pill);width:34px;height:34px;color:var(--text-secondary);transition:all .15s var(--ease-spring);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.tool-action-btn:hover{color:var(--color-mint-dark);box-shadow:var(--shadow-island-sm);background:#fff;transform:translateY(-1px)}.tool-divider{background:#0f241d1a;width:1px;height:16px;margin:0 4px}.dpad-container{background:var(--bg-glass-panel);-webkit-backdrop-filter:blur(24px);border:var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-island);z-index:20;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;display:flex;position:absolute;bottom:24px;right:24px}.dpad-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.dpad-matrix{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,30px);gap:4px;display:grid}.dpad-key{border-radius:var(--radius-sm);color:var(--text-primary);transition:all .15s var(--ease-spring);background:#0f241d0d;border:1px solid #0f241d0f;justify-content:center;align-items:center;font-size:12px;display:flex}.dpad-key:hover{border-color:var(--color-mint-border);color:var(--color-mint-dark);box-shadow:var(--shadow-island-sm);background:#fff;transform:translateY(-1px)}.dpad-key:active{transform:scale(.92)}.dpad-key.reset{color:var(--text-secondary);font-size:10px;font-weight:700}.connecting-banner{background:linear-gradient(135deg, var(--color-mint-dark), var(--color-mint));color:#fff;border-radius:var(--radius-pill);z-index:30;animation:slide-in-top .25s var(--ease-spring);align-items:center;gap:14px;padding:8px 22px;font-size:13px;font-weight:700;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #10b98166}@keyframes slide-in-top{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.btn-cancel-connect{color:#fff;border-radius:var(--radius-pill);background:#ffffff40;padding:3px 9px;font-size:11px;font-weight:700;transition:background .15s}.btn-cancel-connect:hover{background:#fff6}.planner-root{background:var(--bg-canvas-gradient);width:100%;height:100%;position:relative;overflow:hidden}.planner-top-capsule{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;height:48px;display:flex;position:absolute;top:14px;left:20px;right:20px}.capsule-group-left,.capsule-group-center,.capsule-group-right{pointer-events:auto;background:var(--bg-glass-panel);-webkit-backdrop-filter:blur(24px);border:var(--border-glass);border-radius:var(--radius-pill);box-shadow:var(--shadow-island-sm);transition:all .2s var(--ease-spring);align-items:center;gap:8px;padding:4px 8px;display:flex}.capsule-group-left:hover,.capsule-group-center:hover,.capsule-group-right:hover{box-shadow:var(--shadow-island);background:#fffffff0}.btn-header-back{color:var(--text-secondary);border-radius:var(--radius-pill);transition:all .15s var(--ease-spring);align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:700;display:flex}.btn-header-back:hover{color:var(--text-primary);background:#0f241d0f}.header-divider{background:#0f241d1f;width:1px;height:16px}.header-title-wrap{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:6px;padding:0 4px;font-size:15px;font-weight:800;display:flex}.btn-rename{color:var(--text-muted);border-radius:var(--radius-pill);align-items:center;padding:3px;display:flex}.btn-rename:hover{color:var(--text-primary);background:#0f241d14}.save-state-pill{color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all .15s var(--ease-spring);background:#0f241d0d;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.save-state-pill:hover{color:var(--text-primary);background:#0f241d1a}.save-dot{background:var(--color-mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b98180}.save-state-pill.unsaved .save-dot{background:var(--color-orange);box-shadow:0 0 6px #f9731680}.save-state-pill.saving .save-dot{background:#eab308;box-shadow:0 0 6px #eab30880}.save-state-pill.error .save-dot{background:var(--status-error);box-shadow:0 0 6px #ef444480}.view-mode-tabs{border-radius:var(--radius-pill);background:#0f241d0d;gap:2px;padding:2.5px;display:flex}.view-mode-btn{color:var(--text-secondary);border-radius:var(--radius-pill);transition:all .15s var(--ease-spring);padding:4px 12px;font-size:12px;font-weight:600}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 2px 6px #0f241d0f}.btn-pill-secondary{color:var(--text-secondary);border-radius:var(--radius-pill);transition:all .15s var(--ease-spring);background:#0f241d0a;padding:5px 12px;font-size:12px;font-weight:600}.btn-pill-secondary:hover{color:var(--text-primary);background:#fff;box-shadow:0 2px 6px #0f241d0f}.btn-pill-primary{background:linear-gradient(135deg, var(--color-orange), #ea580c);color:#fff;border-radius:var(--radius-pill);transition:all .15s var(--ease-spring);align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 3px 10px #f973164d}.btn-pill-primary:hover{transform:translateY(-1px);box-shadow:0 5px 14px #f9731666}.btn-pill-primary.active-mode{background:linear-gradient(135deg, var(--color-mint-dark), var(--color-mint));box-shadow:0 0 0 2px var(--color-mint-border), 0 3px 10px #10b9814d}.floating-island-left{background:var(--bg-glass-panel);-webkit-backdrop-filter:blur(28px);border:var(--border-glass);border-radius:var(--radius-xl);width:320px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-island);z-index:40;transition:all .25s var(--ease-spring);flex-direction:column;display:flex;position:absolute;top:72px;left:20px;overflow:hidden}.floating-island-left:hover{box-shadow:var(--shadow-island-lg)}.floating-island-right{background:var(--bg-glass-panel);-webkit-backdrop-filter:blur(28px);border:var(--border-glass);border-radius:var(--radius-xl);width:350px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-island);z-index:40;transition:all .25s var(--ease-spring);animation:slide-in-right .25s var(--ease-spring);flex-direction:column;display:flex;position:absolute;top:72px;right:20px;overflow-y:auto}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.floating-island-right:hover{box-shadow:var(--shadow-island-lg)}.library-header{border-bottom:var(--border-glass-subtle);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.search-box{width:100%;position:relative}.search-input{background:var(--bg-glass-input);border-radius:var(--radius-pill);width:100%;height:36px;color:var(--text-primary);transition:all .15s var(--ease-soft);border:1px solid #0000;outline:none;padding:0 32px 0 34px;font-size:13px}.search-input:focus{border-color:var(--color-mint);background:#fff;box-shadow:0 0 0 3px #10b98126}.search-icon-pos{color:var(--text-muted);pointer-events:none;position:absolute;top:11px;left:12px}.btn-clear-search{color:var(--text-muted);padding:2px;position:absolute;top:8px;right:10px}.library-controls-row{justify-content:space-between;align-items:center;display:flex}.filter-tabs{border-radius:var(--radius-pill);background:#0f241d0d;gap:2px;padding:2px;display:flex}.filter-tab-btn{color:var(--text-secondary);border-radius:var(--radius-pill);padding:3px 9px;font-size:11.5px;font-weight:600;transition:all .12s}.filter-tab-btn.active{color:var(--color-mint-dark);background:#fff;box-shadow:0 1px 3px #0f241d0f}.library-cards-scroll{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.node-card-item{background:var(--bg-glass-card);border-radius:var(--radius-lg);cursor:pointer;transition:all .18s var(--ease-spring);border:1px solid #fffc;flex-direction:column;gap:6px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0f241d0a}.node-card-item:hover{border-color:var(--color-mint-border);box-shadow:var(--shadow-island-sm);background:#fff;transform:translateY(-2px)}.node-card-item.selected{border-color:var(--color-mint);background:var(--color-mint-light);box-shadow:0 0 0 1.5px var(--color-mint), var(--shadow-island-sm)}.node-card-header{justify-content:space-between;align-items:center;display:flex}.node-card-title{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;font-size:14px;font-weight:750;display:flex}.node-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.nested-poi-container{border-left:2px solid var(--color-mint-border);flex-direction:column;gap:4px;margin-top:4px;padding-left:12px;display:flex}.nested-poi-row{color:var(--text-secondary);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;transition:background .1s;display:flex}.nested-poi-row:hover{background:#0f241d0d}.inspector-header{border-bottom:var(--border-glass-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.inspector-title-block{align-items:center;gap:10px;display:flex}.inspector-actions-block{align-items:center;gap:4px;display:flex}.btn-icon-action{border-radius:var(--radius-pill);color:var(--text-secondary);justify-content:center;align-items:center;padding:6px;transition:all .12s;display:flex}.btn-icon-action:hover{color:var(--text-primary);background:#0f241d0f}.btn-icon-action.danger:hover{background:var(--status-error-bg);color:var(--status-error)}.inspector-section{border-bottom:var(--border-glass-subtle);flex-direction:column;gap:10px;padding:14px 20px;display:flex}.section-label-row{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.form-field-group{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--text-secondary);font-size:12px;font-weight:600}.field-input{border-radius:var(--radius-sm);height:34px;color:var(--text-primary);background:#ffffffe6;border:1px solid #0f241d1a;outline:none;padding:0 10px;font-size:13px;transition:all .15s}.field-input:focus{border-color:var(--color-mint);box-shadow:0 0 0 3px #10b98126}.field-input.error{border-color:var(--status-error);background:var(--status-error-bg)}.field-error-text{color:var(--status-error);align-items:center;gap:4px;font-size:11px;display:flex}.priority-radio-row{gap:6px;display:flex}.priority-pill-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s var(--ease-spring);background:#ffffffd9;border:1px solid #0f241d1a;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:12px;font-weight:600;display:flex}.priority-pill-btn:hover{background:#fff;transform:translateY(-1px)}.connected-routes-list{flex-direction:column;gap:6px;display:flex}.connected-route-entry{border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease-spring);background:#fffc;border:1px solid #0f241d0f;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.connected-route-entry:hover{border-color:var(--color-mint-border);background:var(--color-mint-light);transform:translate(3px)}.route-entry-title{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.route-entry-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:500;background:#0f241d59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:var(--radius-2xl);width:min(480px,100%);box-shadow:var(--shadow-modal);border:var(--border-glass);animation:modal-enter .2s var(--ease-spring);background:#fffffff2;overflow:hidden}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header-row{align-items:center;gap:12px;padding:20px 24px 14px;display:flex}.modal-body-content{color:var(--text-secondary);padding:0 24px 20px;font-size:14px;line-height:1.6}.cascade-impact-list{background:var(--status-error-bg);border:1px solid var(--status-error-border);border-radius:var(--radius-md);color:#991b1b;flex-direction:column;gap:6px;margin:12px 0 0;padding:12px 14px;font-size:13px;list-style:none;display:flex}.modal-footer-row{border-top:var(--border-glass-subtle);background:#0f241d0a;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.btn-modal-danger{background:var(--status-error);color:#fff;border-radius:var(--radius-pill);padding:7px 18px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 3px 10px #ef44444d}.btn-modal-danger:hover{background:#dc2626;box-shadow:0 5px 14px #ef444466}@media (width<=768px){.planner-top-capsule{flex-direction:column;gap:6px;height:auto;top:50px;left:8px;right:8px}.capsule-group-left,.capsule-group-center,.capsule-group-right{justify-content:space-between;width:100%;padding:3px 8px}.floating-island-left{border-bottom:none;border-radius:24px 24px 0 0;width:100vw;max-height:50vh;position:fixed;inset:auto 0 0}.floating-island-right{border-bottom:none;border-radius:24px 24px 0 0;width:100vw;max-height:60vh;position:fixed;inset:auto 0 0}.dpad-container{display:none}.floating-toolbar{bottom:70px}}.travel-page-shell{box-sizing:border-box;background:#0b1914;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;overflow:hidden}.mobile-frame{background:var(--bg-canvas);box-sizing:border-box;border:4px solid #1c332a;border-radius:38px;flex-direction:column;width:390px;height:844px;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff1f}.travel-header{border-bottom:1px solid var(--border-subtle);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 18px;display:flex}.travel-header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:800}.offline-pill{color:var(--color-mint-dark);background:var(--color-mint-light);border-radius:var(--radius-pill);border:1px solid var(--color-mint-border);cursor:pointer;transition:all .15s var(--ease-spring);align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:flex;box-shadow:0 1px 3px #10b9811f}.offline-pill:hover{transform:scale(1.03)}.offline-pill.warning{background:var(--color-orange-light);color:var(--color-orange-dark);border-color:var(--color-orange-border)}.travel-map-container{background-color:var(--bg-canvas);background-image:radial-gradient(#10b98114 1.2px,#0000 1.2px);background-size:20px 20px;flex:1;min-height:180px;position:relative;overflow:hidden}.travel-map-floating-controls{z-index:15;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.btn-mobile-circle{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);width:38px;height:38px;box-shadow:var(--shadow-md);color:var(--text-primary);transition:all .15s var(--ease-spring);border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-mobile-circle:active{transform:scale(.92)}.travel-bottom-sheet{-webkit-backdrop-filter:blur(20px);z-index:20;transition:height .3s var(--ease-spring);background:#fffffff2;border-top:1px solid #ffffffe6;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 -8px 28px #0f241d14}.travel-bottom-sheet.snap-peek{height:135px}.travel-bottom-sheet.snap-half{height:440px}.travel-bottom-sheet.snap-full{height:670px}.travel-bottom-sheet.snap-custom{height:var(--travel-sheet-height,44%);flex:0 0 var(--travel-sheet-height,44%)}.travel-bottom-sheet.is-dragging{transition:none}.sheet-drag-handle{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;height:44px;min-height:44px;display:flex}.sheet-handle-bar-pill{border-radius:var(--radius-pill);background:#0f241d33;width:38px;height:4px}.sheet-scroll-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:0 16px 16px;display:flex;overflow-y:auto}.current-location-box{background:var(--color-mint-light);border:1.5px solid var(--color-mint-border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #10b9811a}.location-top-row{justify-content:space-between;align-items:center;display:flex}.location-title-group{align-items:center;gap:8px;display:flex}.location-title-text{color:var(--color-mint-deep);letter-spacing:-.01em;font-size:16px;font-weight:800}.tag-current-pin{background:var(--color-mint-dark);color:#fff;border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #05966940}.status-switch-row{flex-direction:column;gap:4px;display:flex}.status-switch-label{color:var(--text-secondary);font-size:11px;font-weight:700}.status-segment-group{border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;gap:2px;padding:2px;display:flex}.status-segment-btn{height:32px;color:var(--text-secondary);transition:all .15s var(--ease-spring);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.status-segment-btn.active-unvisited{background:var(--bg-subtle);color:var(--text-primary);box-shadow:var(--shadow-xs)}.status-segment-btn.active-visited{background:var(--color-mint-dark);color:#fff;box-shadow:0 2px 6px #05966947}.status-segment-btn.active-skipped{background:var(--status-skipped);color:#fff}.temp-memo-box{border:1px solid var(--color-mint-border);border-radius:var(--radius-md);color:var(--text-secondary);box-shadow:var(--shadow-xs);background:#fff;padding:10px 12px;font-size:12px;line-height:1.5}.travel-group-block{flex-direction:column;gap:8px;display:flex}.travel-group-title-row{justify-content:space-between;align-items:baseline;display:flex}.travel-group-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.travel-group-subheading{color:var(--text-muted);font-size:11px}.candidate-travel-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .15s var(--ease-spring);background:#fff;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.candidate-travel-card:hover{border-color:var(--color-mint-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.candidate-card-top{justify-content:space-between;align-items:center;display:flex}.candidate-name{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:6px;font-size:14px;font-weight:750;display:flex}.candidate-distance-duration{color:var(--color-mint-dark);font-size:13px;font-weight:800;font-family:var(--font-mono)}.candidate-meta-line{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.multi-route-variant{background:var(--bg-subtle);border-radius:var(--radius-xs);justify-content:space-between;margin-top:4px;padding:6px 10px;font-size:12px;display:flex}.nearby-poi-card-item{background:var(--bg-subtle);border:1px dashed var(--border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 14px;transition:all .12s;display:flex}.nearby-poi-card-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs);background:#fff}.nearby-poi-info{align-items:center;gap:8px;display:flex}.nearby-poi-name{color:var(--text-primary);font-size:13px;font-weight:700}.nearby-poi-category{color:var(--text-muted);font-size:11px}.nearby-poi-dist-badge{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;font-weight:700}.mobile-nav-bar{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:30;height:54px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;flex-shrink:0;grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.mobile-nav-tab{color:var(--text-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:600;transition:color .15s;display:flex;position:relative}.mobile-nav-tab.active{color:var(--color-mint-dark);font-weight:800}.nav-must-count-badge{background:var(--color-orange);color:#fff;border-radius:var(--radius-pill);padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:4px;right:22px;box-shadow:0 2px 6px #f9731659}@media (width<=640px){.travel-page-shell{background:var(--bg-canvas);width:100%;height:100%;padding:0}.mobile-frame{width:100%;height:100%;max-height:100%;box-shadow:none;border:none;border-radius:0}.travel-bottom-sheet.snap-full{height:calc(100% - 60px)}}.triphome-root{background:var(--bg-canvas);flex-direction:column;flex:1;align-items:center;padding:48px 24px 80px;display:flex;overflow-y:auto}.triphome-shell{flex-direction:column;gap:32px;width:min(960px,100%);display:flex}.triphome-hero-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#fff 0%,#f0fdf4 50%,#f0f9ff 100%);justify-content:space-between;align-items:flex-end;padding:36px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #10b98114}.triphome-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0ea5e926,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.triphome-title-group{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.triphome-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mint-dark);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.triphome-main-title{color:var(--text-primary);letter-spacing:-.02em;font-size:34px;font-weight:850;line-height:1.15}.triphome-subtitle{color:var(--text-secondary);max-width:580px;font-size:14px;line-height:1.65}.triphome-header-actions{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.trip-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.trip-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .22s var(--ease-spring);background:#fff;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.trip-card-accent-bar{background:linear-gradient(90deg, var(--color-mint), var(--color-sky));height:4px;position:absolute;top:0;left:0;right:0}.trip-card:hover{border-color:var(--color-mint-border);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.trip-card-header{justify-content:space-between;align-items:flex-start;display:flex}.trip-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:20px;font-weight:800}.trip-card-desc{color:var(--text-secondary);margin-top:2px;font-size:13px;line-height:1.5}.trip-card-stats{background:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:14px;padding:10px 14px;font-size:12px;display:flex}.trip-card-stat-item{align-items:center;gap:5px;display:flex}.trip-card-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;display:flex}.triphome-empty-box{border:1.5px dashed var(--border-default);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.triphome-empty-icon{background:var(--color-mint-light);width:60px;height:60px;color:var(--color-mint-dark);border-radius:50%;justify-content:center;align-items:center;display:flex}.triphome-empty-title{color:var(--text-primary);font-size:18px;font-weight:800}.triphome-empty-desc{color:var(--text-secondary);max-width:440px;font-size:14px;line-height:1.6}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-status-screen{background:var(--bg-canvas-gradient);min-height:100vh;color:var(--text-secondary);place-items:center;gap:12px;padding:24px;display:grid}.app-status-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(440px,100%);box-shadow:var(--shadow-island);text-align:center;background:#ffffffe6;padding:30px}.app-status-card h1{color:var(--text-primary);margin:12px 0 8px;font-size:20px}.app-status-card p{color:var(--text-secondary);line-height:1.6}.app-status-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.app-feedback,.planner-notice,.travel-notice{z-index:800;border:1px solid var(--color-mint-border);border-radius:var(--radius-pill);color:#fff;max-width:min(460px,100vw - 32px);box-shadow:var(--shadow-island-lg);background:#065f46f2;padding:10px 16px;font-size:13px;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.travel-notice{align-items:center;gap:8px;display:flex}.travel-notice button{color:#fff;place-items:center;display:grid}.home-storage-badge{border-radius:var(--radius-pill);background:var(--color-mint-light);border:1px solid var(--color-mint-border);color:var(--color-mint-deep);white-space:nowrap;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.home-storage-badge.is-offline{background:var(--color-orange-light);border-color:var(--color-orange-border);color:var(--color-orange-dark)}.triphome-section-heading{justify-content:space-between;align-items:end;padding:0 4px;display:flex}.triphome-section-heading h2{letter-spacing:-.02em;margin-top:3px;font-size:20px}.triphome-section-heading>span{color:var(--text-muted);font-size:12px}.triphome-section-kicker,.modal-kicker,.travel-tab-heading p,.secondary-view-heading p,.selection-kicker{color:var(--color-mint-dark);letter-spacing:.12em;margin:0;font-size:10px;font-weight:800}.triphome-empty-actions{gap:10px;display:flex}.trip-card-open{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;width:100%;display:flex}.trip-card-open-secondary{gap:14px}.trip-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.trip-card-actions .btn-icon-action{min-width:34px;min-height:34px}.trip-card-planner{min-height:34px;color:var(--color-mint-deep);background:var(--color-mint-light);border:1px solid var(--color-mint-border);white-space:nowrap;align-items:center;gap:5px;padding-inline:10px;display:inline-flex}.trip-card-planner:hover{color:var(--color-mint-deep);border-color:var(--color-mint);background:#fff}.trip-card-open-label{color:var(--color-mint-dark);font-weight:800}.poi-row-actions{gap:4px;margin-left:auto;display:inline-flex}.poi-inline-action{border-radius:var(--radius-xs);color:var(--color-mint-dark);padding:3px 5px;font-size:10px;font-weight:800}.poi-inline-action:hover{background:var(--color-mint-light)}.poi-inline-action.danger{color:var(--status-error)}.poi-geo-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.stat-dot-orange{background:var(--color-orange)}.stat-dot-mint{background:var(--color-mint)}.modal-form h2,.modal-box h2{color:var(--text-primary);margin:4px 0 0;font-size:18px}.modal-form-body{gap:14px}.field-textarea{resize:vertical;height:auto;min-height:84px;padding:10px}.form-error{color:var(--status-error);font-size:12px;font-weight:700}.modal-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.danger-icon{width:36px;height:36px;color:var(--status-error);background:var(--status-error-bg);border-radius:50%;flex:none;place-items:center;display:grid}.planner-view-stage{background:var(--bg-canvas-gradient);place-items:center;padding:120px 390px 70px;display:grid;position:absolute;inset:0;overflow:auto}.planner-secondary-view{border-radius:var(--radius-xl);width:min(720px,100%);max-height:min(620px,100%);box-shadow:var(--shadow-island);background:#ffffffdb;border:1px solid #ffffffe6;padding:28px;overflow:auto}.secondary-view-heading,.travel-tab-heading{color:var(--color-mint-dark);align-items:center;gap:10px;display:flex}.secondary-view-heading h2,.travel-tab-heading h2{color:var(--text-primary);margin-top:3px;font-size:20px}.secondary-view-heading h2 span,.travel-tab-heading h2 span{color:var(--color-mint-dark)}.secondary-view-copy{color:var(--text-secondary);margin:14px 0 20px;line-height:1.6}.coordinate-table,.all-place-table,.checklist-table{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.coordinate-row,.all-place-row,.checklist-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:12px;min-height:44px;padding:0 14px;font-size:13px;display:grid}.coordinate-row:last-child,.all-place-row:last-child,.checklist-row:last-child{border-bottom:0}.coordinate-header{background:var(--bg-subtle);color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.all-place-row{width:100%;color:var(--text-secondary);text-align:left;background:#fff9;grid-template-columns:60px 1.5fr 1fr}button.all-place-row:hover{background:var(--color-mint-light)}.all-place-row strong{color:var(--text-primary)}.place-row-type{color:var(--color-mint-dark);font-size:11px;font-weight:800}.checklist-row{grid-template-columns:58px 1.5fr 1fr}.checklist-status{border-radius:var(--radius-pill);background:var(--bg-subtle);width:fit-content;color:var(--text-secondary);padding:3px 7px;font-size:11px;font-weight:800}.checklist-status.skipped{background:var(--color-orange-light);color:var(--color-orange-dark)}.checklist-complete{color:var(--color-mint-dark);text-align:center;padding:22px;font-weight:700}.planner-network-state{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:700}.cloud-sync-indicator{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.cloud-sync-indicator.is-synced,.cloud-sync-indicator.is-syncing{color:var(--route-active)}.cloud-sync-indicator.is-read-only,.cloud-sync-indicator.is-offline,.cloud-sync-indicator.is-unavailable{color:var(--text-muted)}.cloud-sync-indicator.is-auth-required{color:var(--action-primary)}.cloud-sync-indicator.is-conflict,.cloud-sync-indicator.is-error{color:var(--status-error)}.cloud-sync-spinner{animation:1s linear infinite spin}.planner-notice{bottom:28px}.inspector-map-action{align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.coordinate-helper-copy{color:var(--text-muted);margin:-2px 0 10px;font-size:11px;line-height:1.5}.canvas-route,.canvas-node{outline:none}.canvas-node{cursor:pointer}.route-svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.route-svg:active{cursor:grabbing}.canvas-route:focus-visible path,.canvas-node:focus-visible .node-circle-base{filter:drop-shadow(0 0 .5px var(--color-mint)) drop-shadow(0 0 5px var(--color-mint))}.planner-real-map-stage{background:var(--bg-canvas);position:absolute;inset:0;overflow:hidden}.real-map-loading{color:var(--text-secondary);background:var(--bg-canvas-gradient);place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.real-map-layer-loading{z-index:31;color:var(--text-secondary);background:var(--bg-canvas);justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:750;display:flex;position:absolute;inset:0}.real-map-layer-spinner{border:2px solid var(--border-default);border-top-color:var(--route-active);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite map-layer-spin}@keyframes map-layer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.real-map-layer-spinner{border-top-color:var(--route-active);animation:none}}.real-location-map{position:absolute;inset:0}.real-location-map .real-location-map-canvas{width:100%;height:100%;position:absolute;inset:0}.real-location-map{overflow:hidden}.real-location-map-canvas{background:#e8eeeb}.real-location-map.network-only .real-location-map-canvas{background-color:var(--bg-canvas);background-image:radial-gradient(circle at 1px 1px,#174e3f1a 1px,#0000 0);background-size:22px 22px}.real-location-map .maplibregl-map{font-family:var(--font-sans)}.real-location-map.is-placing .maplibregl-canvas{cursor:crosshair}.real-location-map .maplibregl-ctrl-bottom-left{bottom:5px;left:352px}.real-location-map .maplibregl-ctrl-bottom-right{bottom:12px;right:370px}.real-location-map .maplibregl-ctrl-group{border-radius:var(--radius-md);box-shadow:var(--shadow-island-sm);border:1px solid #ffffffe6;overflow:hidden}.real-location-map .maplibregl-ctrl-attrib{color:var(--text-muted);background:#ffffffe6;font-size:10px}.real-map-search-panel,.real-map-target-card{z-index:32;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-island);background:#fffffff0;border:1px solid #ffffffeb;position:absolute}.map-layer-control{z-index:35;border-radius:var(--radius-lg);width:172px;box-shadow:var(--shadow-island-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffffeb;padding:8px;position:absolute;top:80px;right:380px}.map-layer-control-title{color:var(--text-primary);align-items:center;gap:6px;padding:3px 5px 7px;font-size:12px;font-weight:800;display:flex}.map-layer-control button{border-radius:var(--radius-md);width:100%;min-height:38px;color:var(--text-muted);text-align:left;grid-template-columns:18px 1fr 16px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:grid}.map-layer-control button:hover{background:var(--bg-subtle);color:var(--text-primary)}.map-layer-control button[aria-pressed=true]{color:var(--route-active);background:#10b98117;font-weight:750}.map-layer-control button:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px}.real-map-marker.current .real-map-marker-glyph{box-shadow:0 0 0 5px #10b98133,0 0 0 10px #10b98114}.real-map-route-label{max-width:min(260px,42vw);min-height:24px;color:var(--route-active);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex}.real-map-route-metric{border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);font:750 11px/1 var(--font-mono);background:#ffffffeb;border:1px solid #174e3f29;flex:none;padding:4px 8px}.real-map-route-remark{color:#4c57507a;min-width:0;font:650 10px/1.25 var(--font-sans);letter-spacing:.01em;text-overflow:ellipsis;text-shadow:0 1px 2px #fffffff5,0 0 5px #ffffffe6;overflow:hidden}button.real-map-route-label{cursor:pointer;text-align:left}.real-map-route-label.active .real-map-route-metric{border-color:var(--color-mint);background:var(--color-mint-light);color:var(--color-mint-dark)}.real-map-route-label.active .real-map-route-remark{color:#2469568f}.real-map-route-label:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px}.variant-travel .real-map-search-panel,.variant-travel .real-map-target-card,.variant-travel .real-map-route-note{display:none}.variant-travel .map-layer-control{grid-template-columns:repeat(2,44px);gap:8px;width:auto;padding:6px;display:grid;top:12px;right:12px}.variant-travel .map-layer-control-title{display:none}.variant-travel .map-layer-control button{grid-template-columns:1fr;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;display:grid}.variant-travel .map-layer-control button span,.variant-travel .map-layer-control button svg:last-child,.variant-travel .maplibregl-ctrl-bottom-right{display:none}.real-map-search-panel{width:min(440px,100vw - 760px);min-width:300px;padding:8px;top:80px;left:360px}.real-map-search-form{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:42px;color:var(--text-muted);background:#f5f8f7f0;align-items:center;gap:8px;padding:0 5px 0 9px;display:flex}.real-map-search-form:focus-within{border-color:var(--color-mint);box-shadow:0 0 0 3px #10b98121}.real-map-search-form input{min-width:0;color:var(--text-primary);outline:0;flex:1;font-size:13px}.real-map-search-clear{width:30px;height:30px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.real-map-search-clear:hover{background:var(--bg-subtle);color:var(--text-primary)}.real-map-search-submit{border-radius:var(--radius-pill);background:var(--color-mint-dark);color:#fff;min-width:56px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800}.real-map-search-submit:disabled{opacity:.55;cursor:wait}.real-map-search-message{color:var(--text-muted);padding:7px 8px 0;font-size:11px}.real-map-search-message.error{color:var(--status-error)}.real-map-search-results{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;max-height:280px;margin-top:8px;overflow-y:auto}.real-map-search-result{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px;display:grid}.real-map-search-result:last-child{border-bottom:0}.real-map-search-result-main{min-width:0;min-height:44px;color:var(--text-secondary);text-align:left;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:5px 7px;display:flex}.real-map-search-result-main:hover{background:var(--bg-subtle)}.real-map-search-result-main>span{flex-direction:column;gap:2px;min-width:0;display:flex}.real-map-search-result-main strong,.real-map-search-result-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.real-map-search-result-main strong{color:var(--text-primary);font-size:12px}.real-map-search-result-main small{color:var(--text-muted);font-size:10px}.real-map-use-result{border-radius:var(--radius-pill);min-height:34px;color:var(--color-mint-dark);background:var(--color-mint-light);white-space:nowrap;padding:0 9px;font-size:11px;font-weight:800}.real-map-use-result:hover{background:var(--color-mint-border)}.real-map-search-attribution{color:var(--text-muted);padding:7px 4px 0;font-size:9px}.real-map-target-card{width:min(520px,100vw - 760px);min-width:330px;padding:13px 14px;bottom:24px;left:360px}.real-map-target-heading{align-items:center;gap:9px;display:flex}.real-map-target-heading>div{flex-direction:column;min-width:0;display:flex}.real-map-target-heading small{color:var(--text-muted);font-size:10px;font-weight:700}.real-map-target-heading strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:14px;overflow:hidden}.real-map-target-icon{width:32px;height:32px;color:var(--color-mint-dark);background:var(--color-mint-light);border-radius:10px;flex:none;place-items:center;display:grid}.real-map-target-icon.poi{color:var(--color-sky-dark);background:var(--color-sky-light)}.real-map-target-coordinates{color:var(--text-secondary);font-family:var(--font-mono);margin:8px 0 9px;font-size:11px}.real-map-target-actions{flex-wrap:wrap;gap:6px;display:flex}.real-map-target-actions .btn-pill-primary,.real-map-target-actions .btn-pill-secondary{min-height:36px}.real-map-target-card>p{color:var(--text-muted);margin:8px 0 0;font-size:10px;line-height:1.45}.real-map-no-target{min-height:58px;color:var(--text-muted);align-items:center;gap:10px;display:flex}.real-map-no-target>span{flex-direction:column;gap:3px;display:flex}.real-map-no-target strong{color:var(--text-primary);font-size:13px}.real-map-no-target small{font-size:10px}.real-map-route-note{z-index:22;border-radius:var(--radius-pill);max-width:230px;color:var(--text-muted);box-shadow:var(--shadow-xs);background:#ffffffe6;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;bottom:24px;right:384px}.real-map-offline,.real-map-error{z-index:36;border-radius:var(--radius-pill);color:#fff;max-width:min(520px,100vw - 48px);box-shadow:var(--shadow-island);background:#0f241de6;padding:8px 12px;font-size:11px;font-weight:700;position:absolute;top:136px;left:50%;transform:translate(-50%)}.real-map-offline{align-items:center;gap:6px;display:flex}.real-map-error{background:#991b1bf0}.real-map-marker{border-radius:var(--radius-pill);max-width:170px;min-height:34px;color:var(--text-primary);white-space:nowrap;cursor:pointer;background:#fffffff5;border:2px solid #0f241d38;align-items:center;gap:5px;padding:3px 9px 3px 4px;font-size:11px;font-weight:800;display:flex;box-shadow:0 4px 12px #0f241d2e}.real-map-marker:after{content:"";background:#fffffff5;border-bottom:2px solid #0f241d38;border-right:2px solid #0f241d38;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.real-map-marker-glyph{background:var(--color-mint-light);width:24px;height:24px;color:var(--color-mint-dark);border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.real-map-marker.poi .real-map-marker-glyph{background:var(--color-sky-light);color:var(--color-sky-dark)}.real-map-marker.must{border-color:var(--color-orange)}.real-map-marker.selected{z-index:2;border-color:var(--color-mint);color:var(--color-mint-deep);cursor:grab;box-shadow:0 0 0 4px #10b9812e,0 6px 18px #0f241d38}.real-map-marker.selected:active{cursor:grabbing}.real-map-marker.selected:after{border-color:var(--color-mint)}.real-map-marker-label{text-overflow:ellipsis;overflow:hidden}.real-map-marker:focus-visible{outline-offset:3px;outline:3px solid #10b9815c}.variant-travel .real-map-marker.dimmed{opacity:.38;filter:saturate(.55)}.variant-travel .real-map-marker.dimmed:hover,.variant-travel .real-map-marker.dimmed:focus-visible,.variant-travel .real-map-marker.dimmed.selected{opacity:1;filter:none}.variant-travel.has-route-focus .real-map-route-label:not(.active){opacity:.3}.travel-back-button{color:var(--text-secondary);align-items:center;gap:4px;min-height:36px;font-weight:700;display:inline-flex}.travel-header-title-wrap{flex-direction:column;align-items:center;min-width:0;display:flex}.travel-mode-label{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.travel-header-status{align-items:center;gap:6px;display:flex}.travel-header-status .cloud-sync-indicator,.travel-header-status .save-state-pill{padding:3px 6px;font-size:10px}.travel-header-status .save-state-pill span:last-child{display:none}.travel-header-status .offline-pill{padding:3px 7px}.travel-map-caption{border-radius:var(--radius-pill);color:var(--text-secondary);box-shadow:var(--shadow-xs);background:#ffffffdb;border:1px solid #fffc;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:12px}.travel-empty-copy,.travel-empty-state{border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);padding:11px 12px;font-size:12px;line-height:1.5}.travel-note-input,.travel-note-large{resize:vertical;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:58px;color:var(--text-primary);background:var(--bg-subtle);padding:8px 10px;font-size:12px;line-height:1.5}.travel-note-large{min-height:120px;margin:16px 0 10px}.temp-memo-heading{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.temp-memo-heading span{color:var(--text-muted);font-size:10px}.btn-note-save{border-radius:var(--radius-pill);background:var(--color-mint-light);color:var(--color-mint-dark);align-self:flex-end;padding:5px 10px;font-size:11px;font-weight:800}.candidate-travel-card,.nearby-poi-card-item{text-align:left;width:100%}.candidate-travel-card.selected,.nearby-poi-card-item.selected{border-color:var(--color-mint);background:var(--color-mint-light)}.candidate-node-glyph,.nearby-poi-glyph{background:var(--color-mint-light);width:24px;height:24px;color:var(--color-mint-dark);border-radius:7px;place-items:center;font-size:11px;font-weight:900;display:inline-grid}.nearby-poi-glyph{background:var(--color-sky-light);color:var(--color-sky-dark)}.candidate-action-hint{color:var(--color-mint-dark);font-size:11px;font-weight:700}.candidate-arrival-card{z-index:3;box-shadow:var(--shadow-sm);position:sticky;top:0}.candidate-route-remark{border-radius:var(--radius-sm);background:var(--color-orange-light);color:var(--text-secondary);align-items:flex-start;gap:6px;margin-top:4px;padding:7px 8px;font-size:11px;line-height:1.45;display:flex}.candidate-route-remark svg{color:var(--color-orange);flex:none;margin-top:1px}.route-direction-warning{color:var(--color-orange);font-weight:800}.route-remark-visibility{color:var(--color-mint-dark);font-size:10px;font-weight:800}.route-remark-input{resize:vertical;min-height:74px;padding:9px 10px;font-size:13px;line-height:1.5}.nearby-poi-side{color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;font-weight:700;display:flex}.travel-selection-card{border:1px solid var(--color-mint-border);border-radius:var(--radius-lg);background:var(--color-mint-light);justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.travel-selection-card strong{color:var(--text-primary);margin-top:3px;font-size:15px;display:block}.travel-selection-card p{color:var(--text-secondary);margin-top:4px;font-size:11px;line-height:1.4}.travel-selection-card .status-segment-group{flex:1;min-width:180px}.travel-tab-panel{padding-bottom:12px}.travel-place-list,.must-list,.saved-note-list{flex-direction:column;gap:6px;margin-top:16px;display:flex}.travel-place-row,.must-list-row,.saved-note-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);text-align:left;background:#fffc;grid-template-columns:46px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}button.travel-place-row:hover{background:var(--color-mint-light);border-color:var(--color-mint-border)}.travel-place-row strong,.must-list-row strong{color:var(--text-primary)}.travel-place-type{color:var(--color-mint-dark);font-size:10px;font-weight:800}.saved-note-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.saved-note-row small{color:var(--text-muted);white-space:nowrap}@media (width<=1100px) and (width>=769px){.planner-top-capsule{grid-template-columns:minmax(280px,1fr) auto;gap:6px;height:auto;display:grid;top:10px;left:12px;right:12px}.capsule-group-left{grid-area:1/1;min-width:0}.capsule-group-right{grid-area:1/2;min-width:0}.capsule-group-center{grid-area:2/1/auto/-1;justify-self:center;max-width:100%;overflow-x:auto}.btn-header-back{white-space:nowrap}.capsule-group-right{gap:4px}.capsule-group-right .btn-pill-secondary{padding-inline:8px}.floating-island-left{width:250px;max-height:calc(100vh - 128px);top:112px;left:12px}.floating-island-right{width:280px;max-height:calc(100vh - 128px);top:112px;right:12px}.planner-view-stage{padding:112px 300px 24px}.planner-network-state{display:none}.real-map-search-panel{width:min(390px,100vw - 590px);min-width:300px;top:112px;left:280px}.map-layer-control{top:112px;right:304px}.real-map-target-card{width:min(430px,100vw - 590px);min-width:300px;bottom:18px;left:280px}.real-map-route-note{display:none}.real-location-map .maplibregl-ctrl-bottom-left{left:268px}.real-location-map .maplibregl-ctrl-bottom-right{right:292px}}@media (width<=900px) and (width>=769px){.planner-root.view-real .floating-island-left,.planner-root.view-real .floating-island-right{display:none}.real-map-search-panel{width:auto;min-width:0;top:112px;left:16px;right:16px}.map-layer-control{top:166px;right:16px}.real-map-target-card{width:auto;min-width:0;bottom:16px;left:16px;right:16px}.real-location-map .maplibregl-ctrl-bottom-left{left:4px}.real-location-map .maplibregl-ctrl-bottom-right{bottom:168px;right:8px}}@media (width<=768px){.app-root{height:100dvh;min-height:100dvh}.page-container{height:auto;min-height:0}.triphome-root{padding:24px 16px 50px}.triphome-hero-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px}.triphome-main-title{font-size:30px}.triphome-header-actions{flex-wrap:wrap;width:100%}.home-storage-badge{order:-1;justify-content:center;width:100%}.triphome-section-heading{margin-top:2px}.trip-cards-grid{grid-template-columns:1fr;gap:14px}.trip-card{padding:18px}.planner-root{min-height:100dvh}.planner-top-capsule{grid-template-columns:1fr auto;gap:6px;height:auto;display:grid;position:absolute;top:8px;left:8px;right:8px}.capsule-group-left{min-width:0;padding:3px 6px}.capsule-group-left .btn-header-back span,.capsule-group-left .header-divider,.capsule-group-left .btn-rename{display:none}.capsule-group-left .header-title-wrap{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:150px;overflow:hidden}.capsule-group-center{grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.capsule-group-right{grid-area:3/1/auto/-1;justify-content:flex-start;overflow-x:auto}.capsule-group-right .planner-network-state{display:none}.capsule-group-right .travel-launch-button{order:-1;display:inline-flex}.view-mode-tabs{max-width:100%;overflow-x:auto}.view-mode-btn{white-space:nowrap;min-height:34px}.floating-island-left,.floating-island-right{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);background:#fffffffa;width:auto;max-height:min(54dvh,500px);position:absolute;inset:auto 8px 8px}.floating-island-left{z-index:44}.floating-island-right{z-index:45}.planner-root.view-real .floating-island-left,.planner-root.view-real .floating-island-right{display:none}.floating-toolbar{bottom:10px;left:10px}.dpad-container{display:none}.planner-view-stage{padding:154px 12px 24px}.planner-secondary-view{max-height:calc(100dvh - 180px);padding:20px 16px}.canvas-wrapper{padding-top:132px}.planner-root>.canvas-wrapper .route-svg{height:calc(100% - 132px);top:132px}.real-map-search-panel{width:auto;min-width:0;top:150px;left:10px;right:10px}.map-layer-control{width:164px;top:204px;right:10px}.real-map-target-card{width:auto;min-width:0;bottom:12px;left:10px;right:10px}.real-map-search-results{max-height:190px}.real-map-route-note{max-width:210px;bottom:154px;right:10px}.real-map-offline,.real-map-error{top:208px}.real-location-map .maplibregl-ctrl-bottom-left{bottom:4px;left:4px}.real-location-map .maplibregl-ctrl-bottom-right{bottom:164px;right:6px}}@media (width>=641px) and (width<=768px){.floating-island-left{width:238px;max-height:none;inset:154px auto 8px 8px}.floating-island-right{width:294px;max-height:none;inset:154px 8px 8px auto}.planner-root>.canvas-wrapper .route-svg{height:calc(100% - 132px);top:132px}.planner-view-stage{padding:154px 310px 24px 258px}}@media (width<=640px){.real-map-search-panel{top:142px}.real-map-target-card{padding:11px 12px}.real-map-target-actions{gap:5px}.real-map-target-actions .btn-pill-primary,.real-map-target-actions .btn-pill-secondary{min-height:38px}.real-map-route-note{display:none}.real-map-offline,.real-map-error{border-radius:var(--radius-md);width:calc(100vw - 24px);top:198px}.real-map-marker-label{max-width:86px}.map-layer-control{top:196px}.real-location-map .maplibregl-ctrl-bottom-right{bottom:170px}}@media (width<=640px),(hover:none) and (pointer:coarse) and (width<=1024px){.travel-page-shell{background:var(--bg-canvas);width:auto;height:auto;min-height:0;padding:0;position:absolute;inset:0}.mobile-frame{width:auto;height:auto;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.travel-header{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));background:linear-gradient(to bottom, #0b1914 0 env(safe-area-inset-top), #fff env(safe-area-inset-top) 100%)}.travel-header-title{font-size:14px}.travel-mode-label,.travel-header-status .offline-pill span{display:none}.travel-header-status .offline-pill,.travel-header-status .save-state-pill{justify-content:center;width:26px;height:26px;padding:0}.travel-header-status .save-state-pill .save-dot{width:8px;height:8px}.travel-header-status .cloud-sync-indicator{justify-content:center;width:26px;height:26px;padding:0}.travel-header-status .cloud-sync-indicator span{display:none}.travel-map-container{flex:1 1 0;min-height:180px;max-height:none}.travel-map-caption{max-width:calc(100% - 64px);bottom:10px;left:10px}.btn-mobile-circle{width:44px;height:44px}.status-segment-btn{min-height:40px}.travel-bottom-sheet{right:0;bottom:calc(54px + env(safe-area-inset-bottom));max-height:calc(100% - 58px - env(safe-area-inset-top) - 54px - env(safe-area-inset-bottom));flex:none;min-height:0;position:absolute;left:0}.travel-bottom-sheet.snap-peek{flex:none;height:112px}.travel-bottom-sheet.snap-half{height:min(44dvh, calc(100dvh - 292px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));flex:none}.travel-bottom-sheet.snap-full{top:calc(58px + env(safe-area-inset-top));right:0;bottom:calc(54px + env(safe-area-inset-bottom));flex:none;height:auto;position:absolute;left:0}.travel-bottom-sheet.snap-custom{height:clamp(112px, var(--travel-sheet-height,44%), calc(100% - 58px - env(safe-area-inset-top) - 54px - env(safe-area-inset-bottom)));flex:none}.sheet-scroll-body{padding:0 calc(12px + env(safe-area-inset-right)) 12px calc(12px + env(safe-area-inset-left));gap:10px}.current-location-box{padding:12px}.location-top-row{align-items:flex-start;gap:6px}.location-title-group{flex-wrap:wrap}.location-title-text{font-size:15px}.candidate-travel-card,.nearby-poi-card-item{padding:11px 12px}.travel-selection-card{flex-direction:column;align-items:flex-start}.travel-selection-card .status-segment-group{width:100%;min-width:0}.mobile-nav-bar{height:calc(54px + env(safe-area-inset-bottom));padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.mobile-nav-tab{min-height:50px}.app-feedback,.planner-notice,.travel-notice{bottom:calc(74px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.triphome-hero-card{align-items:center;gap:16px}.triphome-title-group{flex:1 1 0;min-width:0}.triphome-subtitle{overflow-wrap:anywhere;max-width:100%}.triphome-header-actions{flex-wrap:wrap;flex:0 390px;place-content:center flex-end;gap:8px;min-width:0;max-width:390px}.triphome-header-actions>*{white-space:nowrap;flex:none}.triphome-header-actions>.btn-pill-primary,.triphome-header-actions>.btn-pill-secondary{white-space:nowrap;align-items:center;min-height:34px;display:inline-flex}.trip-card-header{gap:10px;min-width:0}.trip-card-open{min-width:0}.trip-card-stats{flex-wrap:wrap;row-gap:6px}.btn-header-back,.view-mode-btn,.capsule-group-right>.btn-pill-primary,.capsule-group-right>.btn-pill-secondary{white-space:nowrap}.capsule-group-left,.capsule-group-center,.capsule-group-right,.view-mode-tabs{min-width:0}.capsule-group-left{flex-shrink:1}.btn-header-back{flex:none}.header-title-wrap{min-width:0;max-width:240px}.header-title-wrap>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.view-mode-tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.view-mode-tabs::-webkit-scrollbar{display:none}.view-mode-btn{flex:none}.capsule-group-right{scrollbar-width:none;overflow-x:auto}.capsule-group-right::-webkit-scrollbar{display:none}.capsule-group-right>.btn-pill-primary,.capsule-group-right>.btn-pill-secondary{flex:none;align-items:center;display:inline-flex}.field-input{min-width:0}.coordinate-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}@media (width<=1360px) and (width>=1101px){.planner-top-capsule{grid-template-columns:minmax(0,1fr) auto;gap:6px;height:auto;display:grid;top:10px;left:12px;right:12px}.capsule-group-left{grid-area:1/1;justify-self:start}.capsule-group-right{grid-area:1/2;justify-self:end;max-width:100%}.capsule-group-center{grid-area:2/1/auto/-1;justify-self:center;max-width:100%;overflow:hidden}.floating-island-left,.floating-island-right{max-height:calc(100vh - 128px);top:112px}.planner-view-stage{padding-top:112px}.real-map-search-panel{width:min(350px,100vw - 760px);min-width:280px;top:112px}.map-layer-control{top:112px}.real-location-map .maplibregl-ctrl-bottom-left{left:352px}.real-location-map .maplibregl-ctrl-bottom-right{right:370px}}@media (width<=480px){.trip-card-header{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.trip-card-open{width:100%}.trip-card-actions{justify-self:end}}.travel-header{grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;padding-inline:12px;display:grid}.travel-back-button{white-space:nowrap;flex:none;min-width:0;padding-inline:2px}.travel-header-title-wrap{min-width:0;max-width:none;overflow:hidden}.travel-header-title,.travel-mode-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.travel-header-title{display:block}.travel-header-status{flex:none;gap:5px;min-width:0}.travel-header-status>.cloud-sync-indicator,.travel-header-status>.offline-pill,.travel-header-status>.save-state-pill{flex:0 0 28px;justify-content:center;width:28px;min-width:28px;height:28px;padding:0;position:relative}.travel-header-status>.cloud-sync-indicator>span,.travel-header-status>.offline-pill>span,.travel-header-status>.save-state-pill>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.travel-map-container,.travel-bottom-sheet,.sheet-scroll-body,.current-location-box,.candidate-travel-card,.nearby-poi-card-item,.travel-selection-card{min-width:0}.sheet-scroll-body{min-height:0;overflow-x:hidden}.location-title-group,.candidate-name,.candidate-route-remark,.nearby-poi-info,.travel-selection-card>div{min-width:0}.location-title-group{flex-wrap:wrap;flex:auto}.location-title-text,.candidate-name,.candidate-route-remark span,.nearby-poi-name,.travel-selection-card strong,.travel-selection-card p{overflow-wrap:anywhere}.location-title-text{min-width:0}.candidate-card-top{align-items:flex-start;gap:10px}.candidate-name{flex-wrap:wrap;flex:auto}.candidate-distance-duration{white-space:nowrap;flex:none}.candidate-meta-line{flex-wrap:wrap;row-gap:2px}.travel-group-title-row{gap:8px}.travel-group-subheading{white-space:nowrap;flex:none}@media (width<=640px),(hover:none) and (pointer:coarse) and (width<=1024px){.triphome-header-actions{flex:auto;justify-content:flex-start;width:100%;max-width:none}.travel-bottom-sheet.snap-half{height:min(54dvh, calc(100dvh - 264px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.current-location-box{gap:8px;padding:10px}.temp-memo-box{padding:8px 10px}.travel-note-input{min-height:42px}.travel-header-status>.cloud-sync-indicator,.travel-header-status>.offline-pill,.travel-header-status>.save-state-pill{flex-basis:28px;width:28px;min-width:28px}}@media (width<=768px){.planner-root.view-all .floating-island-left,.planner-root.view-all .floating-island-right,.planner-root.view-check .floating-island-left,.planner-root.view-check .floating-island-right{display:none}.planner-top-capsule .capsule-group-right>.btn-pill-primary,.planner-top-capsule .capsule-group-right>.btn-pill-secondary{padding-inline:8px}.planner-top-capsule .capsule-group-right>.cloud-sync-indicator{flex:0 0 28px;justify-content:center;width:28px;min-width:28px;height:28px;padding:0;position:relative}.planner-top-capsule .capsule-group-right>.cloud-sync-indicator>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.variant-travel .real-map-route-remark,.variant-travel.has-route-focus .real-map-route-label:not(.active),.variant-travel.has-route-focus .real-map-marker.dimmed,.real-location-map .real-map-route-remark{display:none}@media (width<=1100px) and (width>=769px){.planner-top-capsule{grid-template-columns:auto minmax(0,1fr)}.capsule-group-left{justify-self:start}.capsule-group-right{justify-self:end}}@media (width<=1100px) and (width>=901px){.map-layer-control{top:202px}}