:root{color:#263e35;font-synthesis:none;--green:#214f43;--muted:#64705e;--border:#e4e8e0;--orange:#bd632e;background:#f7f8f5;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,.disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d58a4c}button,a{color:inherit}button,select,input{transition:background .15s,border-color .15s,box-shadow .15s}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,system-ui,sans-serif}svg{flex-shrink:0}button svg{pointer-events:none}fieldset{border:0;min-width:0;margin:0;padding:0}.site-header{border-bottom:1px solid var(--border);background:#fafbf8;justify-content:space-between;align-items:center;height:88px;padding:0 5%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#f5f7ec;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand-jp{letter-spacing:2px;color:#8c968b;border-left:1px solid #d8dfd4;margin-left:14px;padding-left:15px;font-size:14px;font-weight:500}.header-label{letter-spacing:2.4px;color:#91988f;font-size:10px;font-weight:650}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:12px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #193a3510}.button.primary:hover:not(:disabled){background:#173f34}.button.secondary{background:#fff;border-color:#dce2d8}.button.secondary:hover:not(:disabled){background:#f0f4eb}.button.subtle{background:0 0;border-color:#dee4d9}.button.subtle:hover{background:#eef2e9}.button.danger{color:#fff;background:#a73e35}.button.danger:hover:not(:disabled){background:#8b3028}.full{width:100%}.text-button{color:var(--green);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:12px 0;font-size:13px;text-decoration:underline;display:inline-flex}.icon-button{color:#809084;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover{color:var(--green);background:#e9eee5}.icon-button.delete:hover{color:#a73e35;background:#fbeeea}main{max-width:1600px;margin:0 auto;padding:39px 5% 0}.intro{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:1.9px;color:#65755d;margin-bottom:13px;font-size:9px;font-weight:650}h1{letter-spacing:-1.8px;font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.2}h1>span{color:var(--orange)}.intro-copy{color:#62715c;margin-top:12px;font-size:14px}.add-flight{margin-top:16px;padding:14px 21px}.stats{border:1px solid var(--border);background:#fcfdfb;border-radius:12px;grid-template-columns:1fr 1fr 1fr 1.15fr;margin:29px 0 28px;padding:20px 25px;display:grid}.stat{border-right:1px solid var(--border);align-items:center;gap:16px;padding:0 23px;display:flex}.stat:first-child{padding-left:0}.stat-icon{color:#58785c;background:#edf1e9;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.stat>div{align-items:baseline;gap:12px;display:flex}.stat strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:30px;font-weight:650}.stat>div>span{color:#65755e;max-width:65px;font-size:11px;line-height:1.5}.stat-note{color:#69785f;justify-content:center;align-items:center;gap:19px;font-size:11px;font-style:italic;line-height:1.6;display:flex}.tiny-line{border-top:1px solid #aab7a1;border-radius:50%;width:48px;height:20px;transform:rotate(-15deg)}.journal-layout{grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:21px;display:grid}.history-panel{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;height:590px;display:flex;overflow:hidden}.history-heading{align-items:center;gap:10px;padding:22px 21px 17px;display:flex}h2{letter-spacing:-.5px;font-size:18px;font-weight:650}.count-badge{color:#697b5f;background:#eff3e9;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.filters{border-bottom:1px solid var(--border);gap:8px;padding:0 17px 17px;display:flex}input,select{color:#2e483e;background:#fff;border:1px solid #dfe4dc;border-radius:7px;width:100%;min-height:43px;padding:10px 12px;font-size:13px}input::placeholder{color:#9ba497}.input-with-icon{position:relative}.input-with-icon>svg{color:#8f9a8c;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-with-icon input{padding-left:36px}.filters .search{flex:1;min-width:0}.filters input{min-height:37px;padding-right:5px;font-size:11px}.filters select{width:91px;min-height:37px;padding:8px;font-size:11px}.history-list{scrollbar-width:thin;scrollbar-color:#dce4d7 transparent;flex:1;padding:0 17px;overflow:auto}.flight-card{border-bottom:1px solid #e9ede5;padding:0 7px;transition:background .15s;position:relative}.flight-card.selected{background:#f2f6ef;border-radius:8px;box-shadow:inset 3px 0 #678365}.flight-select{text-align:left;background:0 0;border:0;width:100%;padding:19px 0 10px}.flight-top{color:#68785f;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.flight-number{color:#71806b;letter-spacing:.4px;background:#f2f4ee;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:600}.flight-route{align-items:center;gap:12px;margin-top:14px;display:flex}.flight-route>div:not(.route-line){flex-direction:column;gap:4px;width:82px;min-width:0;display:flex}.flight-route>div:last-child{text-align:right}.flight-route strong{letter-spacing:-.7px;font-family:Manrope,sans-serif;font-size:25px;font-weight:600;line-height:1.15}.flight-route>div>span{color:#65765b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.route-line{color:#96a58a;flex:1;align-items:center;gap:4px;margin-top:-10px;display:flex}.route-line span{border-top:1px dashed #c4cebb;flex:1}.route-line svg{transform:rotate(35deg)}.flight-card-bottom{letter-spacing:.5px;color:#667a59;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:9px;display:flex}.light-dot{color:#bbc4b6;padding:0 5px}.flight-card-bottom>div{display:flex}.flight-card-bottom .icon-button{width:27px;height:27px}.history-footer{border-top:1px solid var(--border);color:#627556;letter-spacing:.3px;background:#fcfdfb;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:9px;display:flex}.live-dot{background:#74946c;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.empty-history{text-align:center;flex-direction:column;align-items:center;padding:72px 15px 30px;display:flex}.empty-icon{color:#64805e;background:#f3f6ee;border:1px solid #e0e8da;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:22px;display:grid}.empty-history h3{letter-spacing:-.3px;font-size:16px;font-weight:600}.empty-history p{color:#68795b;max-width:200px;margin:10px 0 23px;font-size:12px;line-height:1.7}.empty-history .button{font-size:11px}.list-status{text-align:center;color:var(--muted);padding:30px;font-size:13px}.map-panel{isolation:isolate;background:#e8eeea;border:1px solid #dce4d9;border-radius:12px;height:590px;position:relative;overflow:hidden}.map-panel .map-canvas{width:100%;height:100%;position:absolute;inset:0}.map-toolbar{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:19px;left:20px;right:20px}.map-caption{letter-spacing:1.3px;color:#667e69;background:#ffffffdc;border:1px solid #e0e6db;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:8px;font-weight:600;display:flex;box-shadow:0 1px 3px #263d2b08}.map-switch{pointer-events:auto;background:#ffffffec;border:1px solid #dce4d6;border-radius:7px;padding:3px;display:flex;box-shadow:0 1px 4px #233d2710}.map-switch button{color:#7f8e78;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;display:flex}.map-switch button.selected{color:#345e40;background:#edf2e7}.map-bottom{pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;bottom:39px;left:20px;right:53px}.map-legend,.fit-button{color:#6b7e61;background:#ffffffed;border:1px solid #e0e5db;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex;box-shadow:0 1px 3px #223c2510}.map-legend>span{border-top:2px solid #628366;width:16px}.fit-button{pointer-events:auto}.map-loading,.map-empty{pointer-events:none;text-align:center;color:#66816c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-loading{background:radial-gradient(#f1f5ee,#e5ece7);gap:15px;font-size:13px}.map-empty{background:#eaf0e74d}.compass-mark{color:#68836c;margin-bottom:8px;font-size:50px}.map-empty h3{letter-spacing:-.5px;font-size:20px;font-weight:500}.map-empty p{color:#7f927d;margin-top:9px;font-size:12px}.map-error{color:#7a6543;background:#fffaf0f5;border:1px solid #e2d2b7;border-radius:7px;align-items:center;gap:12px;padding:13px;font-size:12px;line-height:1.6;display:flex;position:absolute;top:76px;left:20px;right:20px}.map-error button{white-space:nowrap;color:inherit;background:0 0;border:0;text-decoration:underline}.map-placeholder{color:#7a8973;place-items:center;font-size:13px;display:grid}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-ctrl-group{border-radius:6px!important;box-shadow:0 0 0 1px #d8e2d4!important}.page-footer{color:#66785c;justify-content:space-between;align-items:center;gap:20px;padding:20px 2px 26px;font-size:9px;display:flex}.page-footer>span{align-items:center;gap:6px;display:flex}.page-footer>span:last-child{font-size:10px}.page-footer [lang=ja]{color:#62774f;padding-left:7px;font-size:19px}.modal{color:#29463a;background:#fcfdfa;border:1px solid #dee4d7;border-radius:16px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);padding:27px;overflow:auto;box-shadow:0 20px 80px #172d3340}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#142a2366}.modal-heading{justify-content:space-between;align-items:start;gap:15px;margin-bottom:25px;display:flex}.modal-heading h2{letter-spacing:-.7px;font-size:23px}.modal-heading p{color:#66785a;margin-top:7px;font-size:12px;line-height:1.6}.modal-heading .icon-button{flex-shrink:0;margin:-8px -8px 0 0}.mode-tabs{background:#edf1e8;border-radius:8px;gap:4px;margin-bottom:23px;padding:4px;display:flex}.mode-tabs button{color:#7c8a74;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 5px;font-size:11px;display:flex}.mode-tabs button.selected{color:var(--green);background:#fff;box-shadow:0 1px 4px #30452912}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}label{font-size:12px;font-weight:500;display:block}label>input{margin-top:8px;display:block}.optional{color:#6a795d;margin-left:4px;font-size:10px;font-weight:400}.field-hint{color:#647557;margin:9px 0 16px;font-size:11px;line-height:1.6;display:block}.airport-fields{margin-top:22px}.airport-field{position:relative}.airport-field>label{margin-bottom:8px}.airport-field .field-hint{margin:7px 0 0}.route-divider{color:#98a48d;width:18px;margin:9px 0 9px 13px;transform:rotate(90deg)}.airport-options{z-index:5;background:#fff;border:1px solid #dbe3d4;border-radius:7px;max-height:220px;position:absolute;top:76px;left:0;right:0;overflow:auto;box-shadow:0 7px 25px #31492920}.airport-options>p{color:#7d8c73;padding:16px;font-size:12px}.airport-options>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eef1e9;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.airport-options>button.active,.airport-options>button:hover{background:#f0f5ea}.airport-options strong{color:#4b6d41;min-width:36px;font-size:13px}.airport-options>button>span{font-size:12px;line-height:1.4}.airport-options small{color:#657658;margin-top:3px;font-size:10px;display:block}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;display:flex}.notice{color:#6f7e60;background:#f1f5ea;border:1px solid #dfe5d6;border-radius:7px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.65}.error{color:#9c4e3f;background:#fff1ed;border:1px solid #efd1c6;border-radius:7px;margin-top:15px;padding:12px 14px;font-size:12px;line-height:1.6}.load-error{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.load-error .text-button{color:inherit;padding:0}.candidate{text-align:left;background:#fff;border:1px solid #dce3d4;border-radius:7px;justify-content:space-between;align-items:center;width:100%;margin:8px 0;padding:14px;display:flex}.candidate.selected{background:#eef5e9;border-color:#64855c}.candidate strong{font-size:15px;font-weight:600;display:block}.candidate small{color:#839477;margin-top:6px;font-size:10px;display:block}.backup-section{border-bottom:1px solid var(--border);gap:16px;margin-bottom:24px;padding:0 0 24px;display:flex}.backup-section:nth-of-type(2){border:0;margin-bottom:0;padding-bottom:0}.section-icon{color:#5b7b4e;background:#edf2e7;border-radius:9px;align-self:start;padding:11px}.backup-section h3{font-size:14px;font-weight:650}.backup-section p{color:#62754f;margin:7px 0 14px;font-size:12px;line-height:1.6}.backup-section .button{min-height:36px;padding:9px 12px;font-size:11px}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.file-button:focus-within{outline-offset:3px;outline:3px solid #d58a4c}.restore-preview{background:#fff7ed;border:1px solid #ecd9bc;border-radius:8px;margin-top:20px;padding:16px}.restore-preview h3{font-size:15px}.restore-preview p{color:#87765b;margin:8px 0 14px;font-size:12px;line-height:1.7}.checkbox{align-items:center;gap:10px;font-size:12px;line-height:1.6;display:flex}.checkbox input{width:16px;height:16px;min-height:0;accent-color:var(--green);flex-shrink:0;margin:0}.modal-copy{color:#809173;font-size:13px;line-height:1.7}.fatal-error{gap:20px;max-width:600px;padding-top:15vh;display:grid}.fatal-error h1{font-size:32px}@media (width>=1500px){.history-panel,.map-panel{height:650px}.journal-layout{grid-template-columns:370px minmax(0,1fr)}}@media (width<=1100px){.header-label{display:none}.stat{padding:0 15px}.stat>div{display:block}.stat>div>span{max-width:none;margin-top:3px;display:block}.stat-note{gap:10px}.stat-note .tiny-line{width:30px}.journal-layout{grid-template-columns:310px minmax(0,1fr)}.map-caption{display:none}.map-toolbar{justify-content:flex-end}.stats{padding:17px 22px}.map-bottom{left:13px;right:50px}.map-legend,.fit-button{padding:8px;font-size:9px}}@media (width<=760px){.site-header{height:74px;padding:0 6%}.brand{font-size:22px}.brand-jp{display:none}.site-header .button{padding:9px 11px;font-size:11px}.brand-mark{border-radius:10px;width:34px;height:34px}main{padding:30px 5% 0}.intro{flex-wrap:wrap;align-items:flex-start;gap:20px}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-1.4px;font-size:35px}.intro-copy{max-width:310px;margin-top:10px;font-size:12px;line-height:1.7}.add-flight{margin:0;padding:11px 15px;font-size:12px}.stats{grid-template-columns:1fr 1fr 1fr;margin:23px 0;padding:18px 12px}.stat{text-align:center;padding:0 8px;display:block}.stat:last-of-type{border-right:0}.stat-icon{display:none}.stat strong{font-size:25px}.stat>div>span{white-space:nowrap;font-size:9px}.stat-note{display:none}.journal-layout{grid-template-columns:1fr;gap:18px}.map-panel{grid-row:1;height:390px}.history-panel{height:510px}.map-caption{font-size:7px;display:flex}.history-heading{padding:20px 20px 14px}.filters{gap:10px;padding-bottom:16px}.filters input{font-size:12px}.filters select{width:110px;font-size:12px}.flight-route>div:not(.route-line){width:110px}.flight-route strong{font-size:27px}.flight-route>div>span{font-size:11px}.route-line{max-width:160px;margin-left:auto;margin-right:auto}.flight-route{justify-content:space-between}.flight-top{font-size:11px}.history-list{padding:0 20px}.page-footer{align-items:flex-start;font-size:8px;line-height:1.5}.page-footer>span:last-child{display:none}.empty-history{padding:40px 10px}.modal{padding:22px}.modal-heading h2{font-size:22px}.modal-actions .button{font-size:12px}.map-toolbar{top:12px;left:12px;right:12px}.map-switch button{padding:7px 8px}.map-error{flex-direction:column;align-items:start;gap:3px;top:62px;left:12px;right:12px}.map-bottom{bottom:35px}.stat:nth-child(3){border:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.date-field{min-width:0}.date-entry{gap:6px;margin-top:7px;display:flex}.date-entry input{width:100%;min-width:0}.date-entry button{flex-shrink:0;padding:10px}.date-field .field-hint{margin:7px 0 0}.date-calendar{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:10px;padding:10px}.date-navigation{align-items:center;gap:3px;display:flex}.date-navigation select{flex:1;min-width:0;padding:8px 3px}.date-navigation button{background:0 0;border:0;min-width:24px;min-height:36px;font-size:24px}.date-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-top:10px;display:grid}.date-days span{padding:6px 0;font-size:10px}.date-days button{min-height:36px;color:inherit;background:0 0;border:0;border-radius:6px;padding:0}.date-days button:hover{background:#f2e6d9}.date-days button[aria-pressed=true]{color:#fff;background:#a14d24}.date-days button[aria-current=date]{box-shadow:inset 0 0 0 1px #a14d24}.date-shortcuts{justify-content:space-between;margin-top:8px;display:flex}.form-row .date-field:has(.date-calendar){grid-column:1/-1}.date-calendar{max-width:360px}.date-days button{min-height:40px}.map-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.map-actions button{white-space:nowrap}.map-export-error{color:#7a6543;background:#fffaf0;border:1px solid #e2d2b7;border-radius:7px;justify-content:space-between;gap:10px;padding:12px;font-size:12px;display:flex;position:absolute;bottom:95px;left:20px;right:20px}.map-export-error button{color:inherit;background:0 0;border:0}@media (width<=600px){.map-bottom{flex-wrap:wrap}.map-legend{max-width:100%}}.distance-stat{flex-direction:column;justify-content:center;gap:3px;min-width:0;padding-left:22px;display:flex}.distance-stat>span{color:#65755e;font-size:11px}.distance-stat strong{overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:20px;font-weight:650}.distance-stat small{color:#65755e;font-size:10px}@media (width<=760px){.distance-stat{border-top:1px solid var(--border);text-align:center;grid-column:1/-1;align-items:center;margin-top:14px;padding:14px 0 0}}.header-actions{align-items:center;gap:12px;display:flex}.language-switcher{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.language-switcher select{border:1px solid var(--border);min-height:43px;color:inherit;background:#fafbf8;border-radius:8px;padding:6px 8px}:lang(zh-Hans){font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}html:lang(zh-Hans) .eyebrow,html:lang(zh-Hans) .header-label,html:lang(zh-Hans) .map-caption{letter-spacing:1px}.flight-card-bottom>span{overflow-wrap:anywhere;min-width:0}@media (width<=760px){.site-header{flex-wrap:wrap;gap:8px;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.header-actions{gap:6px}.language-switcher>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.language-switcher select{max-width:105px}.header-actions .button{padding-left:9px;padding-right:9px}}