*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.table-row{display:table-row}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color:#17202a;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:#256d85}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px max(18px,env(safe-area-inset-left)) 12px max(18px,env(safe-area-inset-right));background:#f8fafcf5;border-bottom:1px solid rgba(23,32,42,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand svg{color:#2f6f4e;flex:0 0 auto}.brand h1{margin:0;font-size:1.08rem}.brand p{margin:2px 0 0;color:#667085;font-size:.82rem}.app-tabs{display:flex;gap:6px;overflow-x:auto}.app-tabs button,.segmented button{border:1px solid rgba(23,32,42,.14);background:#fff;color:#344054;border-radius:8px;padding:8px 11px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.app-tabs button.active,.segmented button.active{background:#17202a;color:#fff}.banner-carousel{margin:12px 16px 0;border:1px solid rgba(23,32,42,.12);border-radius:8px;background:#17202a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;box-shadow:0 10px 24px #17202a1f}.banner-copy{min-width:0}.banner-copy span{display:inline-block;color:#f2b84b;font-size:.76rem;font-weight:800}.banner-copy strong{display:block;margin-top:2px;font-size:1rem;overflow-wrap:anywhere}.banner-copy p{margin:3px 0 0;color:#ffffffc7;font-size:.86rem;overflow-wrap:anywhere}.banner-controls{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.banner-controls .icon-button{background:#ffffff1a;color:#fff;border-color:#ffffff38}.banner-controls span{min-width:34px;text-align:center;color:#ffffffc7;font-size:.78rem}.main-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,440px);gap:16px;padding:16px}.map-shell,.side-panel{min-height:0}.map-shell{position:sticky;top:76px;height:calc(100vh - 96px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(23,32,42,.14);border-radius:8px;background:#d8e8df;box-shadow:0 12px 38px #17202a1f}.map-toolbar{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;background:#fff;border-bottom:1px solid rgba(23,32,42,.1);font-size:.9rem}.map-toolbar div{display:inline-flex;align-items:center;gap:6px}.map-canvas{flex:1;position:relative;overflow:hidden}.google-map-host{position:absolute;inset:0}.fallback-map{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.36) 1px,transparent 1px),#dbeadf;background-size:42px 42px}.fallback-map svg{position:absolute;inset:0;width:100%;height:100%}.fallback-map path{fill:none;stroke:#256d856b;stroke-width:3;stroke-linecap:round}.fallback-map polyline{fill:none;stroke:#17202a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.fallback-map p{position:absolute;left:12px;bottom:10px;margin:0;padding:7px 9px;border-radius:8px;background:#ffffffeb;font-size:.82rem;color:#344054}.map-marker,.station-marker{position:absolute;transform:translate(-50%,-50%);z-index:5}.map-marker{width:32px;height:32px;display:grid;place-items:center;border-radius:50% 50% 50% 0;background:#256d85;color:#fff;border:2px solid #fff;box-shadow:0 8px 18px #17202a47;rotate:-45deg;font-weight:800}.map-marker.start{background:#2f6f4e;outline:3px solid #f2b84b}.map-marker:first-letter{rotate:45deg}.map-marker{line-height:32px}.station-marker{width:13px;height:13px;border-radius:50%;background:#f2b84b;border:2px solid #17202a}.station-marker.visited{background:#2f6f4e}.station-marker.selected{width:22px;height:22px;border-width:3px}.side-panel{display:flex;flex-direction:column;gap:12px;overflow:auto;padding-bottom:80px}.panel-section,.ad-banner{background:#fff;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:14px;box-shadow:0 10px 24px #17202a14}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title h2{margin:0;font-size:1rem}.count-pill,.type-badge,.visit-pill{margin-left:auto;border-radius:999px;padding:3px 8px;font-size:.74rem;background:#eef5f1;color:#2f6f4e;font-weight:700}.input-with-icon{position:relative;display:block}.input-with-icon svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#667085}.input-with-icon input{padding-left:34px}.suggestion-list{display:grid;gap:6px;max-height:190px;overflow:auto;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:6px;background:#fbfcfd}.suggestion-button{border:0;border-radius:8px;background:#fff;padding:9px 10px;text-align:left;color:#17202a}.suggestion-button:hover,.suggestion-button:focus-visible{background:#eef5f1}.form-note{margin:0;display:inline-flex;align-items:center;gap:6px;color:#256d85;font-size:.8rem}.form-note.muted{color:#667085}.quick-add,.field-grid,.compact-controls{display:grid;gap:10px}.field-grid{grid-template-columns:1fr 1fr}label{display:grid;gap:5px;color:#475467;font-size:.82rem}input,select{width:100%;border:1px solid rgba(23,32,42,.16);border-radius:8px;padding:9px 10px;background:#fff;color:#17202a}textarea{width:100%;min-height:112px;resize:vertical;border:1px solid rgba(23,32,42,.16);border-radius:8px;padding:10px;background:#fff;color:#17202a;font:inherit;line-height:1.6}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(37,109,133,.28);outline-offset:2px}.primary-button,.secondary-button,.danger-button,.station-actions button{min-height:42px;border:0;border-radius:8px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.primary-button{background:#2f6f4e;color:#fff}.secondary-button{background:#eef5f1;color:#17202a}.danger-button{background:#fff1f0;color:#b42318}.wide{width:100%}.auth-form,.account-panel,.post-form,.social-panel{display:grid;gap:12px}.account-summary{display:grid;gap:3px;border:1px solid rgba(23,32,42,.1);border-radius:8px;background:#fbfcfd;padding:12px}.account-summary strong{color:#17202a}.account-summary span{color:#667085;font-size:.84rem;overflow-wrap:anywhere}.sync-actions,.timeline-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.post-form-actions,.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-form-actions span{color:#667085;font-size:.8rem}.timeline-heading{border-top:1px solid rgba(23,32,42,.1);padding-top:12px}.timeline-heading>span{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#344054;font-weight:800}.timeline-list{display:grid;gap:10px}.timeline-card{border:1px solid rgba(23,32,42,.12);border-radius:8px;background:#fff;padding:12px}.timeline-card header,.timeline-card footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.timeline-card header{justify-content:space-between}.timeline-card time,.timeline-card footer span,.empty-note{color:#667085;font-size:.8rem}.timeline-card p{margin:9px 0;line-height:1.7;overflow-wrap:anywhere}.timeline-card footer span{border-radius:999px;background:#eef5f1;color:#2f6f4e;padding:3px 8px;font-weight:700}.empty-note{margin:0;border:1px dashed rgba(23,32,42,.18);border-radius:8px;padding:14px;text-align:center}.destination-list,.station-list,.legs,.progress-list,.doc-links{display:grid;gap:10px}.destination-list{margin-top:12px}.destination-card{display:grid;grid-template-columns:34px 34px 64px minmax(0,1fr) 34px;gap:8px;align-items:start;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:10px;background:#fff}.destination-card.selected{border-color:#2f6f4e;background:#fbfefc}.destination-card.dragging{opacity:.7;box-shadow:0 12px 38px #17202a29}.icon-button{width:34px;height:34px;border:1px solid rgba(23,32,42,.12);border-radius:8px;display:grid;place-items:center;background:#fff;color:#344054}.icon-button.danger{color:#b42318}.pin-label{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#17202a;color:#fff;font-weight:900}.start-radio{display:inline-flex;align-items:center;gap:5px}.start-radio input{width:auto}.destination-body{min-width:0}.destination-title-row{display:flex;align-items:center;gap:8px}.destination-title-row h3{margin:0;min-width:0;overflow-wrap:anywhere;font-size:.96rem}.type-badge{margin-left:0;white-space:nowrap}.type-badge.general{color:#256d85;background:#edf7fa}.destination-body p,.empty{color:#667085;margin:5px 0 0;font-size:.84rem;overflow-wrap:anywhere}.stay-row{display:flex;gap:8px;margin-top:8px}.stay-row label{display:flex;align-items:center;gap:5px}.stay-row input{width:64px}.card-actions{display:grid;gap:5px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.compact-controls .segmented{grid-template-columns:repeat(2,1fr)}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.control-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.warning{margin:0 0 10px;padding:8px;border-radius:8px;background:#fff7e6;color:#8a5a00;font-size:.86rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.summary-grid div,.leg-card,.progress-row,.national-progress{border:1px solid rgba(23,32,42,.1);border-radius:8px;padding:10px;background:#fbfcfd}.summary-grid span,.leg-card span,.national-progress span,.national-progress small{display:block;color:#667085;font-size:.78rem}.summary-grid strong,.national-progress strong{display:block;margin-top:3px;font-size:1rem}.leg-card{display:grid;gap:7px}.leg-label{font-weight:900;color:#256d85}.leg-card p{margin:0;color:#475467;font-size:.85rem}.station-card{border:1px solid rgba(23,32,42,.1);border-radius:8px;padding:10px}.station-card.selected{border-color:#256d85;background:#f5fbfd}.station-main{width:100%;border:0;background:transparent;padding:0;display:flex;gap:8px;text-align:left;color:#17202a}.station-main span{min-width:0}.station-main strong,.station-main small{display:block;overflow-wrap:anywhere}.station-main small{margin-top:2px;color:#667085;font-size:.78rem}.station-meta{display:flex;align-items:center;gap:8px;margin:8px 0;color:#667085;font-size:.8rem}.visit-pill{margin-left:0;display:inline-flex;align-items:center;gap:4px}.visit-pill.visited{background:#eef5f1}.station-actions{display:grid;grid-template-columns:1fr .8fr 1fr;gap:6px}.station-actions button{min-height:36px;background:#eef5f1}.national-progress{display:grid;gap:4px;margin-bottom:10px}.national-progress strong{font-size:2rem;color:#2f6f4e}progress{width:100%;height:9px;accent-color:#2f6f4e}.progress-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.progress-row progress{grid-column:1 / -1}.prefecture-details{margin-top:10px}.prefecture-details summary{cursor:pointer;font-weight:800;margin-bottom:8px}.ad-banner{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;color:#667085;background:repeating-linear-gradient(135deg,#fff,#fff 10px,#f8fafc 10px 20px)}.settings-panel dl{display:grid;gap:10px;margin:0 0 12px}.settings-panel dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(23,32,42,.08);padding-bottom:8px}.settings-panel dt{color:#667085}.settings-panel dd{margin:0;font-weight:800}.doc-links a{border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:10px;text-decoration:none}.status-toast{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;box-shadow:0 14px 34px #17202a38;background:#17202a;color:#fff}.status-error{background:#b42318}.status-success{background:#2f6f4e}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboarding{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#17202a80}.onboarding-panel{width:min(520px,100%);border-radius:8px;background:#fff;padding:22px;box-shadow:0 28px 80px #17202a57}.onboarding-panel h2{margin:10px 0}.onboarding-panel p{color:#475467;line-height:1.7}@media(max-width:900px){.app-header{align-items:flex-start;flex-direction:column;gap:10px}.app-tabs{width:100%}.banner-carousel{margin:12px 16px 0;border:1px solid rgba(23,32,42,.12);border-radius:8px;background:#17202a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;box-shadow:0 10px 24px #17202a1f}.banner-copy{min-width:0}.banner-copy span{display:inline-block;color:#f2b84b;font-size:.76rem;font-weight:800}.banner-copy strong{display:block;margin-top:2px;font-size:1rem;overflow-wrap:anywhere}.banner-copy p{margin:3px 0 0;color:#ffffffc7;font-size:.86rem;overflow-wrap:anywhere}.banner-controls{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.banner-controls .icon-button{background:#ffffff1a;color:#fff;border-color:#ffffff38}.banner-controls span{min-width:34px;text-align:center;color:#ffffffc7;font-size:.78rem}.main-grid{grid-template-columns:1fr;padding:10px}.map-shell{position:relative;top:auto;height:44vh;min-height:320px}.side-panel{overflow:visible;padding-bottom:90px}}@media(max-width:560px){.brand h1{font-size:1rem}.banner-carousel{margin:12px 16px 0;border:1px solid rgba(23,32,42,.12);border-radius:8px;background:#17202a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;box-shadow:0 10px 24px #17202a1f}.banner-copy{min-width:0}.banner-copy span{display:inline-block;color:#f2b84b;font-size:.76rem;font-weight:800}.banner-copy strong{display:block;margin-top:2px;font-size:1rem;overflow-wrap:anywhere}.banner-copy p{margin:3px 0 0;color:#ffffffc7;font-size:.86rem;overflow-wrap:anywhere}.banner-controls{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.banner-controls .icon-button{background:#ffffff1a;color:#fff;border-color:#ffffff38}.banner-controls span{min-width:34px;text-align:center;color:#ffffffc7;font-size:.78rem}.main-grid{gap:10px}.panel-section{padding:12px}.destination-card{grid-template-columns:30px 30px minmax(0,1fr) 34px}.start-radio{grid-column:1 / 3}.destination-body{grid-column:3 / 4;grid-row:1 / 3}.field-grid,.summary-grid,.control-actions,.sync-actions,.timeline-filters,.station-actions{grid-template-columns:1fr}}.fatal-screen{min-height:100vh;display:grid;place-items:center;padding:18px;background:#f4f7f5}.fatal-screen section{width:min(520px,100%);border:1px solid rgba(23,32,42,.12);border-radius:8px;background:#fff;padding:22px;box-shadow:0 16px 48px #17202a29}.fatal-screen h1{margin:0 0 10px;font-size:1.2rem}.fatal-screen p{color:#475467;line-height:1.7}.fatal-screen button{min-height:42px;border:0;border-radius:8px;padding:10px 13px;background:#2f6f4e;color:#fff;font-weight:800}.fatal-details{margin:12px 0;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:10px;background:#fbfcfd}.fatal-details summary{cursor:pointer;font-weight:800}.fatal-details pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;color:#b42318;font-size:.8rem}:root{color:#2b2118;background:#f7f1df;--michi-green: #1f7a3f;--michi-green-2: #2f8f58;--michi-ink: #2b2118;--michi-muted: #716250;--michi-paper: #fffdf7;--michi-cream: #f7f1df;--michi-sky: #d8eef8;--michi-blue: #2f80c8;--michi-gold: #f0b84a;--michi-red: #e45e64;--michi-line: rgba(101, 74, 42, .16)}body{background:linear-gradient(180deg,#7dc6ee57 0,#f7f1df00 360px),radial-gradient(circle at 12% 18%,rgba(255,255,255,.78) 0 42px,transparent 43px),radial-gradient(circle at 80% 10%,rgba(255,255,255,.72) 0 54px,transparent 55px),var(--michi-cream)}button,input,select,textarea{font:inherit}.app-shell{background:linear-gradient(180deg,#ffffff61,#f7f1df00 300px),transparent}.app-header{top:0;padding-top:max(12px,env(safe-area-inset-top));background:#fffdf7eb;border-bottom-color:var(--michi-line);box-shadow:0 8px 28px #553e2414}.brand svg{color:var(--michi-green)}.brand h1{color:var(--michi-green);font-weight:900;letter-spacing:0}.brand p{color:var(--michi-muted);font-weight:700}.app-tabs button,.segmented button{border-color:var(--michi-line);background:#fffdf7f0;color:var(--michi-muted);box-shadow:0 3px #6348240f}.app-tabs button.active,.segmented button.active{background:var(--michi-green);color:#fff;border-color:var(--michi-green)}.banner-carousel{border:1px solid rgba(31,122,63,.18);background:linear-gradient(135deg,#1f7a3ff2,#2f8f58eb),var(--michi-green);box-shadow:0 14px 30px #1f7a3f33}.banner-copy span{color:#ffe6a6}.main-grid{gap:18px}.map-shell,.panel-section,.ad-banner,.timeline-card,.destination-card,.station-card,.summary-grid div,.leg-card,.progress-row,.national-progress,.account-summary,.doc-links a,.suggestion-list{border-color:var(--michi-line);background:#fffdf7f0;box-shadow:0 12px 32px #6048291a}.map-shell{background:var(--michi-sky);border-width:2px}.map-toolbar{background:#fffdf7f5;border-bottom-color:var(--michi-line);color:var(--michi-green);font-weight:900}.fallback-map{background:linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(135deg,#d9eff4,#dceccc 58%,#f7efd8)}.fallback-map path{stroke:#2f80c870}.map-marker{background:var(--michi-blue)}.map-marker.start,.station-marker.visited,.status-success,.primary-button{background:var(--michi-green)}.map-marker.start{outline-color:var(--michi-gold)}.station-marker{background:var(--michi-gold);border-color:var(--michi-ink)}.section-title svg,.timeline-heading svg,.leg-label{color:var(--michi-green)}.section-title h2,.destination-title-row h3,.station-main strong,.timeline-card strong,.national-progress strong{color:var(--michi-ink)}.count-pill,.type-badge,.visit-pill,.timeline-card footer span{background:#eaf6e9;color:var(--michi-green)}.type-badge.general{background:#e7f4fb;color:var(--michi-blue)}input,select,textarea{border-color:var(--michi-line);background:#fffaf0;color:var(--michi-ink)}input:focus,select:focus,textarea:focus,button:focus-visible{outline-color:#1f7a3f47}.secondary-button,.station-actions button{background:#eaf6e9;color:var(--michi-ink)}.danger-button{background:#fff0ee;color:#b42318}.icon-button{background:#fffaf0;border-color:var(--michi-line)}.pin-label{background:var(--michi-green)}.ad-banner{color:var(--michi-muted);background:repeating-linear-gradient(135deg,#ffffffb8,#ffffffb8 10px,#f7f1dfcc 10px 20px),#fffdf7}.status-toast{bottom:max(18px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.18);background:var(--michi-ink)}.onboarding-panel{background:var(--michi-paper);border:2px solid rgba(31,122,63,.12)}@media(max-width:900px){body,.app-shell{min-height:100svh}.app-header{position:sticky;align-items:stretch;gap:8px;padding:max(10px,env(safe-area-inset-top)) 14px 10px}.brand{justify-content:center}.brand p{display:none}.app-tabs{position:fixed;left:0;right:0;bottom:0;z-index:35;width:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:visible;background:#fffdf7f5;border-top:1px solid var(--michi-line);box-shadow:0 -12px 34px #553e2424;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-tabs button{min-width:0;min-height:54px;justify-content:center;flex-direction:column;gap:3px;padding:6px 4px;border:0;box-shadow:none;font-size:.72rem}.app-tabs button svg{width:20px;height:20px}.banner-carousel{margin:10px 10px 0}.main-grid{padding:10px 10px calc(92px + env(safe-area-inset-bottom))}.map-shell{height:42svh;min-height:300px}.side-panel{padding-bottom:0}.status-toast{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:none}}@media(max-width:560px){.brand h1{font-size:.98rem}.banner-carousel{align-items:flex-start;flex-direction:column}.banner-controls{width:100%;justify-content:flex-end}.field-grid,.summary-grid,.control-actions,.sync-actions,.timeline-filters{grid-template-columns:1fr}.destination-card{grid-template-columns:30px minmax(0,1fr) 34px}.destination-card .icon-button:first-child,.start-radio{grid-column:auto}.destination-body{grid-column:2 / 3;grid-row:auto}.card-actions{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.station-actions{grid-template-columns:1fr}.map-toolbar{align-items:flex-start;flex-direction:column}}