:root{--ink:#17232a;--muted:#5f7480;--line:#d7e4ea;--line-strong:#cddde5;--paper:#f5f9fb;--panel:#fff;--sea:#1b6f8c;--sea-dark:#124e64;--sea-soft:#e8f2f6;--tangerine:#f28c28;--warn:#d0453b;--accent-alt:#1b6f8c;--basalt:#3d4d55;--fill:#eef2f4;--tag-bg:#fdf0e2;--tag-ink:#a2560f;--on-sea:#fff;--radius:14px;--shadow:0 10px 30px #17232a14;--season:var(--tangerine)}:root[data-season=spring]{--season:#e8a33d}:root[data-season=summer]{--season:#1b8fa8}:root[data-season=autumn]{--season:#c08a4a}:root[data-season=winter]{--season:#4a7a94}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e7eef2;--muted:#94a8b3;--line:#26343c;--line-strong:#33454e;--paper:#0f171c;--panel:#17232a;--sea:#5cb4d1;--sea-dark:#9ad7e9;--sea-soft:#15303c;--tangerine:#f7a659;--warn:#ff8f7a;--accent-alt:#5cb4d1;--basalt:#b7c6ce;--fill:#22313a;--tag-bg:#3a2a17;--tag-ink:#f0bd80;--on-sea:#0d1a20;--shadow:0 10px 30px #00000073}:root:not([data-theme=light])[data-season=summer]{--season:#4ec3de}:root:not([data-theme=light])[data-season=winter]{--season:#86b2c9}:root:not([data-theme=light])[data-season=autumn]{--season:#d5a262}}:root[data-theme=dark][data-season=summer]{--season:#4ec3de}:root[data-theme=dark][data-season=winter]{--season:#86b2c9}:root[data-theme=dark][data-season=autumn]{--season:#d5a262}:root[data-theme=dark]{--ink:#e7eef2;--muted:#94a8b3;--line:#26343c;--line-strong:#33454e;--paper:#0f171c;--panel:#17232a;--sea:#5cb4d1;--sea-dark:#9ad7e9;--sea-soft:#15303c;--tangerine:#f7a659;--warn:#ff8f7a;--accent-alt:#5cb4d1;--basalt:#b7c6ce;--fill:#22313a;--tag-bg:#3a2a17;--tag-ink:#f0bd80;--on-sea:#0d1a20;--shadow:0 10px 30px #00000073}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif;line-height:1.55}button{font:inherit;cursor:pointer}h1,h2{letter-spacing:-.02em;margin:0;line-height:1.28}.app-shell{width:min(1080px,100%);min-height:100vh;margin:0 auto;padding:16px 16px 48px}main{gap:22px;display:grid}main>*{min-width:0}.brand{justify-content:space-between;align-items:center;gap:12px;padding:6px 0 18px;display:flex}.brand-mark{color:var(--sea-dark);align-items:center;gap:10px;display:flex}.brand-mark>svg{background:var(--sea);width:34px;height:34px;color:var(--on-sea);border-radius:10px;flex:none;padding:8px}.brand-mark strong{letter-spacing:-.02em;font-size:15px;font-weight:800;display:block}.brand-mark span{color:var(--muted);font-size:12px;font-weight:600;display:block}.location-button{border:1px solid var(--line);background:var(--panel);height:36px;color:var(--sea-dark);border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:700;display:inline-flex}.location-button:disabled{opacity:.55;cursor:default}.content-section{gap:10px;display:grid}.eyebrow{color:var(--season);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:800;display:inline-flex}.spot-title{font-size:clamp(24px,6.2vw,38px);font-weight:800}.section-copy{max-width:62ch;color:var(--muted);margin:0;font-size:14px}.section-copy strong{color:var(--sea-dark)}.api-status{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;align-items:center;gap:7px;margin-top:4px;padding:9px 12px;font-size:12.5px;font-weight:600;display:flex}.api-status>svg{color:var(--sea);flex:none}.curator{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:10px;padding:16px;display:grid}.curator-form{flex-wrap:wrap;gap:8px;display:flex}.curator-input{border:1px solid var(--line);background:var(--paper);min-width:0;height:42px;color:var(--muted);border-radius:10px;flex:220px;align-items:center;gap:8px;padding:0 12px;display:flex}.curator-input input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.primary-button{background:var(--sea);height:42px;color:var(--on-sea);border:0;border-radius:10px;flex:none;padding:0 18px;font-size:13.5px;font-weight:800}.primary-button:disabled{opacity:.5;cursor:default}.curator-hint{color:var(--muted);margin:0;font-size:12.5px}.curator-hint strong{color:var(--sea-dark)}.curator-result{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.curator-summary{margin:0;font-size:14.5px;font-weight:700}.curator-source{color:var(--muted);margin:0;font-size:12px}.curator-picks{counter-reset:pick;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.curator-picks li{background:var(--sea-soft);border-radius:10px;padding:11px 13px}.curator-pick-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.curator-pick-head strong{font-size:14.5px;font-weight:800}.curator-picks li p{color:var(--basalt);margin:0;font-size:13px;line-height:1.5}.curator-picks .badge{background:var(--panel)}.filter-group{gap:8px;min-width:0;display:grid}.filter-label{color:var(--muted);letter-spacing:.04em;font-size:11.5px;font-weight:800}.chip-row{scrollbar-width:none;gap:7px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--panel);height:33px;color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;padding:0 13px;font-size:12.5px;font-weight:700}.chip.is-active{border-color:var(--sea);background:var(--sea);color:var(--on-sea)}.score-card{border-radius:var(--radius);background:linear-gradient(135deg, var(--sea) 0%, var(--sea-dark) 100%);color:#fff;box-shadow:var(--shadow);align-items:center;gap:16px;padding:16px 18px;display:flex}.score-card .eyebrow{color:#ffffffd9}.score-card strong{font-size:19px;font-weight:800;display:block}.score-card span{color:#ffffffd1;font-size:13px;display:block}.score-value{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;font-size:25px;font-weight:800;display:grid}.spot-list{gap:12px;display:grid}.spot-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:96px 1fr;gap:13px;padding:11px;display:grid}.spot-card.is-loading{background:linear-gradient(90deg, var(--panel) 0%, var(--sea-soft) 50%, var(--panel) 100%);background-size:200% 100%;border-style:dashed;height:118px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spot-card.is-loading{animation:none}}.spot-thumb{aspect-ratio:1;background-color:var(--sea-soft);color:var(--sea);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.spot-thumb img{border-radius:inherit}.rank-badge{color:#fff;background:#17232ad1;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11.5px;font-weight:800;display:grid;position:absolute;top:5px;left:5px}.spot-body{align-content:start;gap:6px;min-width:0;display:grid}.spot-body h2{font-size:15.5px;font-weight:800}.spot-address{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:12px;display:flex;overflow:hidden}.spot-address>svg{flex:none}.spot-meta{flex-wrap:wrap;gap:5px;display:flex}.badge{background:var(--sea-soft);height:23px;color:var(--sea-dark);border-radius:999px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.is-quiet{background:var(--fill);color:var(--muted)}.badge.is-tag{background:var(--tag-bg);color:var(--tag-ink)}.score-bar{background:var(--fill);border-radius:999px;height:5px;margin-top:2px;overflow:hidden}.score-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--sea) 0%, var(--season) 100%);height:100%;display:block}.api-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;padding:18px;display:grid}.api-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.api-grid strong{color:var(--sea-dark);font-size:23px;font-weight:800;display:block}.api-grid span{color:var(--muted);font-size:12px;font-weight:600}.map-note{color:var(--muted);text-align:center;margin:0;padding:14px 0 0;font-size:12px}.link-button{color:var(--sea);background:0 0;border:0;font-weight:800;text-decoration:underline}@media (min-width:640px){.app-shell{padding:24px 24px 64px}.chip-row{flex-wrap:wrap;overflow-x:visible}.spot-list{grid-template-columns:repeat(2,1fr)}.score-value{width:76px;height:76px;font-size:29px}}@media (min-width:1024px){.app-shell{padding:32px 32px 80px}main{gap:28px}.spot-list{grid-template-columns:repeat(3,1fr)}.spot-card{grid-template-columns:1fr}.spot-thumb{aspect-ratio:4/3}}.brand-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lang-switch{border:1px solid var(--line);background:var(--panel);height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:2px;padding:0 8px;display:flex}.lang-button{height:26px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700}.lang-button.is-active{background:var(--sea);color:var(--on-sea)}@media (max-width:480px){.brand{flex-wrap:wrap}.brand-actions{justify-content:space-between;width:100%}}.crowd-caveat{color:var(--muted);margin:2px 0 0;font-size:11.5px;line-height:1.45}.onboarding{border:1px solid var(--sea);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);counter-reset:onboarding-step;gap:12px;padding:18px;display:grid}.onboarding-title{font-size:clamp(17px,4vw,21px);font-weight:800}.onboarding-sub{color:var(--muted);margin:-6px 0 0;font-size:13px}.onboarding-q{border:1px solid var(--line);background:var(--paper);border-radius:11px;gap:9px;min-width:0;padding:13px 14px;display:grid}.onboarding-q:focus-within{border-color:var(--sea)}.onboarding-q .filter-label{color:var(--ink);letter-spacing:0;align-items:center;gap:8px;font-size:13px;display:flex}.onboarding-q .filter-label:before{counter-increment:onboarding-step;content:counter(onboarding-step);background:var(--sea);width:19px;height:19px;color:var(--on-sea);border-radius:999px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.onboarding-q .chip{border-color:var(--line-strong)}.onboarding-actions{align-items:center;gap:12px;padding-top:2px;display:flex}.onboarding-summary{border:1px solid var(--line);background:var(--panel);color:var(--sea-dark);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px 13px;font-size:12.5px;font-weight:700;display:flex}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);text-align:center;grid-column:1/-1;justify-items:center;gap:8px;padding:28px 18px;display:grid}.empty-title{margin:0;font-size:15px;font-weight:800}.empty-reason{max-width:46ch;color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.empty-state .primary-button{margin-top:4px}.metrics{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:10px;padding:16px 18px;display:grid}.metrics-list{gap:9px;margin:0;display:grid}.metrics-list>div{grid-template-columns:minmax(84px,auto) 1fr;align-items:baseline;gap:10px;display:grid}.metrics-list dt{color:var(--sea-dark);white-space:nowrap;font-size:12.5px;font-weight:800}.metrics-list dd{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.score-chart{gap:6px;margin:4px 0 0;display:grid}.score-chart figcaption{color:var(--muted);margin-bottom:3px;font-size:11.5px;font-weight:700}.score-row{grid-template-columns:minmax(0,7.5em) 1fr 2.2em;align-items:center;gap:9px;display:grid}.score-row-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.score-row-track{background:var(--sea-soft);border-radius:0 4px 4px 0;height:12px;overflow:hidden}.score-row-fill{background:var(--sea);border-radius:0 4px 4px 0;height:100%;display:block}.score-row-value{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:800}.metrics-formula{background:var(--sea-soft);color:var(--sea-dark);text-align:center;border-radius:8px;margin:2px 0 0;padding:8px 11px;font-size:12px;font-weight:700}@media (max-width:560px){.metrics-list>div{grid-template-columns:1fr;gap:2px}}.spot-card{position:relative}.spot-open{z-index:1;border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.spot-open:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.modal-backdrop{z-index:50;background:#17232a8c;place-items:end center;padding:0;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--radius) var(--radius) 0 0;background:var(--paper);align-content:start;gap:16px;width:min(680px,100%);max-height:92vh;padding:20px;display:grid;overflow-y:auto}@media (min-width:640px){.modal-backdrop{place-items:center;padding:24px}.modal{border-radius:var(--radius)}}.modal-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 12px;display:flex}.modal-head h2{font-size:19px;font-weight:800}.modal-close{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.modal-metrics{background:var(--sea-soft);text-align:center;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.modal-metrics strong{color:var(--sea-dark);font-size:19px;font-weight:800;display:block}.modal-metrics span{color:var(--muted);font-size:11px;font-weight:600}.modal-section{gap:8px;display:grid}.modal-section h3{color:var(--sea-dark);margin:0;font-size:13px;font-weight:800}.modal-photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.modal-photo{aspect-ratio:4/3;background:var(--sea-soft);border-radius:8px;display:block;position:relative;overflow:hidden}.modal-text{color:var(--ink);margin:0;font-size:13px;line-height:1.65}.modal-info{gap:6px;margin:0;display:grid}.modal-info>div{grid-template-columns:96px 1fr;gap:10px;display:grid}.modal-info dt{color:var(--muted);font-size:12.5px;font-weight:700}.modal-info dd{word-break:break-all;margin:0;font-size:12.5px;line-height:1.5}.modal-sub{color:var(--muted);word-break:keep-all;margin-top:3px;font-size:11.5px;line-height:1.45;display:block}.list-more{border:1px solid var(--line);background:var(--panel);color:var(--sea);cursor:pointer;border-radius:10px;grid-column:1/-1;padding:12px;font-size:13px;font-weight:700}.list-more:hover{background:var(--sea-soft)}.modal-nearby{gap:5px;margin:0;padding:0;list-style:none;display:grid}.modal-nearby li{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;gap:12px;padding:8px 11px;font-size:12.5px;display:flex}.modal-nearby em{color:var(--muted);font-style:normal;font-weight:700}.map-section{gap:9px;display:grid}.photo-map{border:1px solid var(--line);border-radius:var(--radius);width:100%;height:320px;overflow:hidden}.map-fallback{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);text-align:center;margin:0;padding:18px;font-size:13px}.map-marker{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.map-dot{background:#1b6f8cbf;border:2px solid #fff;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 1px 4px #17232a59}.map-dot.is-top{background:#f28c28e6}.map-label{color:#17232a;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#fffffff0;border-radius:4px;max-width:86px;padding:1px 5px;font-size:10.5px;font-weight:700;line-height:1.45;position:absolute;top:calc(100% + 3px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 3px #17232a40}.map-label.is-minor{display:none}@media (min-width:640px){.map-label.is-minor{display:block}.photo-map{height:420px}}.modal-actions{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:6px;display:flex}.modal-map{border:1px solid var(--sea);background:var(--sea-soft);height:30px;color:var(--sea-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.map-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.map-me{background:#2563eb;border:3px solid #fff;border-radius:50%;width:16px;height:16px;display:block;box-shadow:0 0 0 4px #2563eb40,0 1px 4px #17232a66}.map-head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.location-button.is-active{border-color:var(--sea);background:var(--sea);color:var(--on-sea)}.photo-map.is-picking{cursor:crosshair}.course{border:1px solid var(--sea);border-radius:var(--radius);background:var(--panel);gap:10px;padding:15px 16px;display:grid}.course-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.course-head-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;font-weight:700;display:flex}.course-head-meta>*{white-space:nowrap}.course-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.course-list li{background:var(--paper);border-radius:9px;grid-template-columns:22px 22px minmax(0,1fr) auto 24px;align-items:center;gap:8px;padding:7px 9px;display:grid}.course-no{background:var(--sea);width:22px;height:22px;color:var(--on-sea);border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:grid}.course-name{color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;overflow:hidden}.course-gap{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700}.course-drop{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.course-toggle{z-index:2;border:1px solid var(--line);background:var(--panel);height:27px;color:var(--muted);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex;position:relative}.course-toggle.is-on,.modal-map.is-on{border-color:var(--sea);background:var(--sea);color:var(--on-sea)}.course-grip{width:22px;height:26px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.course-grip:active{cursor:grabbing}.course-list li.is-dragging{opacity:.45}.course-list li.is-target{box-shadow:inset 0 2px 0 var(--sea)}.course-start{border:1px dashed var(--line);color:var(--sea-dark);border-radius:9px;align-items:center;gap:6px;margin:0;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.plan{color:var(--ink);--panel:#ffffff14;--paper:#ffffff17;--ink:#fdf3e8;--muted:#fdf3e8b8;--line:#fdf3e838;--line-strong:#fdf3e84d;--fill:#ffffff24;--sea:#f7c489;--sea-dark:#f7c489;--sea-soft:#f7c48929;--on-sea:#2f1c0e;--season:#f7c489;--accent-alt:#7fd2ea;--warn:#ffab97;background:linear-gradient(158deg,#2f1c0e 0%,#6b3a12 62%,#8c4d14 100%);border:0;border-radius:18px;gap:13px;padding:17px 16px 18px;display:grid;box-shadow:0 12px 28px #2f1c0e47}.plan-head{gap:4px;display:grid}.plan-badge{background:var(--sea);color:var(--on-sea);letter-spacing:.02em;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.plan-hint{color:var(--muted);margin:0;font-size:12px}.plan-chips{flex-wrap:wrap;gap:6px;display:flex}.plan-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.plan-chip:hover:not(:disabled){border-color:var(--sea);color:var(--sea)}.plan-chip:disabled{opacity:.45;cursor:not-allowed}.plan-steps,.plan-result{gap:6px;margin:0;padding:0;list-style:none;display:grid}.plan-steps>li{background:var(--paper);border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto 24px;align-items:center;gap:8px;padding:6px 9px;display:grid}.plan-no{background:var(--sea);width:22px;height:22px;color:var(--on-sea);border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:grid}.plan-step-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.plan-sub{border:1px solid var(--line);background:var(--panel);max-width:130px;color:var(--ink);border-radius:7px;padding:3px 6px;font-size:11.5px;font-weight:700}.plan-remove{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.plan-remove:hover{background:var(--sea-soft);color:var(--sea)}.plan-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plan-build{background:var(--sea);color:var(--on-sea);border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.plan-build:disabled{opacity:.5;cursor:not-allowed}.start-point-note,.plan-note{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:inline-flex}.plan-total{color:var(--sea-dark);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;font-weight:800;display:flex}.plan-total strong{color:var(--warn);font-size:11.5px;font-weight:700}.plan-result>li{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;display:grid}.plan-card{border:1px solid var(--line);background:var(--paper);border-radius:11px;gap:6px;padding:9px 11px;display:grid}.plan-card-type{color:var(--sea);letter-spacing:.02em;margin:0;font-size:11px;font-weight:800}.plan-card-body{gap:10px;display:flex}.plan-thumb{object-fit:cover;border-radius:9px;flex:none;width:72px;height:72px}.plan-card-name{margin:0;font-size:13.5px;font-weight:800}.plan-card-basis{color:var(--muted);margin:2px 0 0;font-size:12px;font-weight:700}.plan-card-addr{color:var(--muted);margin:2px 0 0;font-size:11.5px}.plan-card-expanded{color:var(--warn);margin:3px 0 0;font-size:11.5px;font-weight:700}.plan-card-actions{flex-wrap:wrap;gap:12px;display:flex}@media (min-width:640px){.plan-result{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan-build .spin{animation:1s linear infinite plan-spin}@keyframes plan-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.plan-build .spin{animation:none}}.plan-options{gap:4px;margin:2px 0 0;padding:0;list-style:none;display:grid}.plan-option{background:var(--panel);width:100%;color:var(--ink);text-align:left;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:5px 7px;display:flex}.plan-option:hover{border-color:var(--sea)}.plan-option.is-on{border-color:var(--sea);background:var(--sea-soft);color:var(--sea-dark)}.plan-option-thumb{object-fit:cover;border-radius:7px;flex:none;width:44px;height:44px}.plan-option-thumb.is-empty{background:var(--paper);border:1px dashed var(--line)}.plan-option-text{flex:1 1 0;gap:1px;min-width:0;display:grid}.plan-option-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.plan-option-basis{color:var(--muted);font-size:11px;font-weight:700}.plan-option.is-on .plan-option-basis{color:var(--sea)}.plan-rebuild{color:var(--warn);margin:0;font-size:11.5px;font-weight:700}.start-point{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.start-point-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.start-point-button:hover:not(:disabled){border-color:var(--sea);color:var(--sea)}.start-point-button:disabled{opacity:.5;cursor:not-allowed}.start-point-button.is-active{border-color:var(--sea);background:var(--sea-soft);color:var(--sea-dark)}.start-point-on{color:var(--sea-dark);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.start-point-error{color:var(--warn);font-size:11.5px;font-weight:700}.how-to{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin:14px 0 4px;padding:12px 13px}.how-to-title{color:var(--muted);letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:800}.how-to ol{counter-reset:none;gap:8px;margin:0;padding:0;list-style:none;display:grid}.how-to a{background:var(--panel);color:var(--ink);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:8px 9px;text-decoration:none;display:grid}.how-to a:hover{outline:1px solid var(--sea)}.how-to strong{font-size:13.5px;font-weight:800}.how-to-desc{color:var(--muted);grid-column:2;font-size:11.5px;line-height:1.45}.step-tag{background:var(--sea);color:var(--on-sea);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:800;display:inline-block}.step-banner{border-left:3px solid var(--sea);background:var(--sea-soft);border-radius:0 10px 10px 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:22px 0 2px;padding:11px 13px;display:grid}.step-banner strong{color:var(--sea-dark);font-size:14px;font-weight:800;display:block}.step-banner span:not(.step-tag){color:var(--basalt);font-size:11.5px}.spot-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.course-toggle.is-start.is-on{background:var(--tangerine);border-color:var(--tangerine);color:var(--on-sea)}.plan-no.is-anchor{background:var(--accent-alt)}.plan-anchor .plan-card{border-color:var(--accent-alt)}.course:focus-visible{outline:2px solid var(--sea);outline-offset:3px}.theme-button{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--muted);border-radius:999px;place-items:center;display:inline-grid}.theme-button:hover{border-color:var(--sea);color:var(--sea)}.spot-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:9px;padding:13px 14px;display:grid}.spot-search-field{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 11px;display:flex}.spot-search-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1 1 0;font-size:13.5px}.spot-search-state{color:var(--muted);flex:none;font-size:11.5px;font-weight:700}.spot-search-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.spot-search-list>li{background:var(--paper);border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;padding:7px 8px;display:grid}.spot-search-thumb{object-fit:cover;border-radius:8px;width:48px;height:48px}.spot-search-thumb.is-empty{border:1px dashed var(--line);display:block}.spot-search-text{min-width:0}.spot-search-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:800;overflow:hidden}.spot-search-basis{color:var(--muted);margin:1px 0 0;font-size:11.5px;font-weight:700}.spot-search-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.spot-search-course{justify-self:start}.is-course{--sea:#c2691a;--sea-dark:#8f4a0f;--sea-soft:#fdf0e2;--season:#c2691a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .is-course{--sea:#e9a15c;--sea-dark:#f3c393;--sea-soft:#3a2a17;--season:#e9a15c;--on-sea:#22160a}}:root[data-theme=dark] .is-course{--sea:#e9a15c;--sea-dark:#f3c393;--sea-soft:#3a2a17;--season:#e9a15c;--on-sea:#22160a}.step-banner.is-course{border-left-color:var(--sea)}.step-group.is-course{border-left-color:var(--sea-soft)}.step-group{border-left:2px solid var(--sea-soft);gap:10px;margin:8px 0 0;padding-left:10px;display:grid}.step-group>*{margin:0}.map-stop{color:#fff;background:#c2691a;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:11px;font-weight:800;line-height:1;display:grid;box-shadow:0 1px 4px #17232a66}.course-shared{border:1px dashed var(--sea);color:var(--sea-dark);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 11px;font-size:12px;font-weight:700;display:flex}