@import url('/fonts.css');
.factor-input-form{padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:10px;background:#f2f5ed}.factor-input-form label{display:block;margin-top:14px;font-size:12px}.factor-input-form textarea{margin-top:8px;resize:vertical}.factor-input-form p{font-size:11px}.factor-input-form .form-actions{flex-wrap:wrap}#factor-save-status{font-size:12px;color:var(--teal)}@media(max-width:680px){.factor-input-form .form-grid{grid-template-columns:1fr}.factor-input-form{padding:14px}}
:root{--ink:#183d3d;--teal:#226a63;--paper:#f5f5ef;--muted:#6d7b76;--line:#dce3db;--gold:#c4a35b;--white:#fffefa;--blue:#679baa;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:10px 15px;font-size:13px}button:hover{background:#e8eee6;border-color:#95aaa1}button:disabled{opacity:.5;cursor:wait}input,select,textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--white);padding:10px;font-size:13px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #6d9c8f;outline-offset:3px}label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px}h1,h2,h3,p{margin:0}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:16px}.top{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1280px)/2));gap:25px;background:#f5f5eff5}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:3px;white-space:nowrap}.brand-mark{font-size:38px;font-weight:400;background:var(--ink);color:var(--paper);width:47px;height:47px;border-radius:50%;display:grid;place-items:center;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:5px}.top nav{display:flex;gap:26px;align-items:center;font-size:13px}.top nav .active{color:var(--teal);font-weight:700}.top nav button{border:0;background:none;padding:0}.compass{font-size:12px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:0 30px}.intro{display:flex;align-items:center;justify-content:space-between;padding:45px 0 34px;gap:30px}.eyebrow{font-size:10px;color:var(--teal);font-weight:700;letter-spacing:2.2px;margin-bottom:12px}h1{font-size:39px;font-weight:650;letter-spacing:-1.5px}.intro-copy{font-size:13px;color:var(--muted);line-height:1.8;margin-top:15px}.intro-note{font-size:12px;line-height:2;color:var(--muted);text-align:right;white-space:nowrap}.intro-note small{font-size:10px}.live-dot{display:inline-block;background:var(--teal);height:6px;width:6px;border-radius:50%;margin-right:6px}.location-panel{padding:20px;background:var(--white);border:1px solid var(--line);border-radius:10px}.selectors{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.4fr 1.1fr auto;gap:14px;align-items:end}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:var(--teal);color:white}.small{height:38px}.point-settings{font-size:12px;margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.point-settings summary{cursor:pointer}.point-settings summary span{color:var(--muted);font-size:10px;margin-left:15px}.point-row{display:flex;gap:12px;margin-top:17px;flex-wrap:wrap;align-items:end}.point-row label:first-child{flex:2;min-width:200px}.point-row label{flex:1;min-width:130px}.search-results{display:flex;gap:6px;flex-wrap:wrap;width:100%}.search-results:empty{display:none}.status{margin:16px 0;font-size:11px;color:var(--muted);min-height:18px;line-height:1.8}.status.error{color:#9c5636}.dashboard{display:grid;grid-template-columns:1.04fr 1.08fr .96fr;gap:18px}.dashboard article{border-radius:12px;min-height:310px;padding:24px}.score-panel{background:var(--ink);color:#f3f4e9;position:relative;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:24px;position:relative;z-index:1}.panel-top h2{font-size:15px;letter-spacing:0}.pill{font-size:10px;border:1px solid #d0e1d366;border-radius:20px;padding:4px 9px;white-space:nowrap}.score-label{font-size:13px;position:relative;z-index:1}.help{font-size:9px;opacity:.65;margin-left:7px}.big-score{font-size:74px;font-weight:550;letter-spacing:-5px;line-height:1.3;position:relative;z-index:1;margin:3px 0}.big-score span{font-size:17px;font-weight:400;letter-spacing:0;margin-left:10px;opacity:.5}.score-panel p{font-size:11px;color:#cad7ce;max-width:255px;line-height:1.8;position:relative;z-index:1}.field-jump{margin-top:17px;border-color:#8aa69b65;background:#ffffff12;color:white;position:relative;z-index:1;font-size:11px;display:flex;justify-content:space-between;width:180px}.field-jump:hover{color:var(--ink)}.score-bottom{font-size:9px;display:flex;justify-content:space-between;margin-top:22px;color:#b3c8ba;position:relative;z-index:1}.score-bottom strong{color:white;margin-left:5px}.water-art{position:absolute;bottom:20px;right:-50px;width:85%;opacity:.2;fill:none;stroke:#c7d8b3;stroke-width:1.5}.weather-panel,.read-panel{background:var(--white);border:1px solid var(--line)}.weather-panel .pill{border-color:var(--line);color:var(--teal)}.weather-score{display:flex;gap:13px;align-items:center}.weather-score strong{font-size:57px;font-weight:500;letter-spacing:-3px}.weather-score span{font-size:14px;color:var(--muted)}.weather-score small{display:block;font-size:10px;margin-top:7px}.subtle{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:23px}.weather-metrics div{font-size:10px;color:var(--muted)}.weather-metrics strong{display:block;margin-top:6px;font-size:16px;font-weight:500;color:var(--ink)}.weather-verdict{font-size:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;line-height:1.8;color:var(--teal)}.insights{display:grid;gap:15px}.insight{display:grid;grid-template-columns:22px 1fr;gap:9px}.insight>span{color:var(--teal);font-size:16px}.insight strong{font-size:12px;font-weight:600}.insight p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:5px}.read-panel>a{display:block;font-size:10px;color:var(--teal);border-top:1px solid var(--line);padding-top:14px;margin-top:22px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:43px 0 21px}.section-note{font-size:10px;color:var(--muted)}.section-description{font-size:12px;color:var(--muted);line-height:1.9;margin:-8px 0 23px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.day{display:flex;flex-direction:column;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:15px;gap:8px;text-align:left;min-height:135px}.day.selected{background:#e6ece0;border-color:#8eaa96}.day-title{font-size:11px}.day-icon{font-size:23px;color:var(--teal)}.day-temp{font-size:13px}.day-score{font-size:10px;color:var(--muted)}.day-score b{font-size:14px;margin-right:4px;color:var(--ink)}.chart-panel{background:var(--white);border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:23px}.chart-heading{display:flex;justify-content:space-between;align-items:center}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.teal-dot,.gold-dot,.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-left:8px}.gold-dot{background:var(--gold)}.blue-dot{background:var(--blue)}.hour-chart{margin-top:20px;min-height:160px}.hour-chart svg{width:100%;height:180px;overflow:visible}.hour-chart text{font-size:10px;fill:var(--muted)}.hours{display:flex;overflow:auto;gap:8px;padding:8px 0 13px}.hour{flex:0 0 80px;font-size:10px;line-height:1.9;border-right:1px solid var(--line);padding-right:9px;color:var(--muted)}.hour strong{display:block;font-size:12px;color:var(--ink)}.fine{font-size:10px;color:var(--muted);line-height:1.9;margin-top:13px}.factor-tools{display:flex;gap:12px;align-items:center;font-size:10px;color:var(--muted)}.factor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.factor-card{padding:19px;background:var(--white);border:1px solid var(--line);border-radius:9px;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:182px}.factor-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #183d3d08;transition:transform .15s}.factor-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.factor-icon{background:#edf1e8;border-radius:7px;display:grid;place-items:center;width:31px;height:31px;color:var(--teal);font-size:18px}.factor-number{font-size:23px;font-weight:500}.factor-number small{font-size:9px;font-weight:400;color:var(--muted);margin-left:5px}.factor-card h3{font-size:13px}.factor-card p{font-size:10px;color:var(--muted);line-height:1.8;min-height:34px}.factor-bottom{font-size:9px;display:flex;justify-content:space-between;color:var(--muted);margin-top:auto}.factor-state{color:var(--teal)}.field-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:25px}.field-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:26px}.field-card h3{margin-bottom:15px}.field-card h3:not(:first-child){margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:15px 0 22px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:17px;flex-wrap:wrap}.form-actions span{font-size:10px;color:var(--teal)}.field-guide{padding:27px 32px;background:#e7ece1;border-radius:10px}.guide-number{font-size:32px;color:#98ab8d;letter-spacing:4px;margin-bottom:20px}.field-guide ol{padding-left:20px;margin:20px 0;font-size:12px;line-height:2.25}.field-guide p{font-size:11px;color:var(--muted);line-height:1.9}.journal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:23px}.journal-summary div{font-size:10px;color:var(--muted)}.journal-summary strong{display:block;font-size:26px;color:var(--ink);font-weight:500;margin-top:7px}.journal-summary small{font-size:10px;margin-left:5px}.log-form{display:grid;grid-template-columns:1fr .8fr 1fr .5fr 1fr 1.4fr auto;gap:11px;align-items:end}.logs{margin-top:20px;overflow:auto}.logs table{width:100%;border-collapse:collapse;font-size:11px;min-width:660px}.logs td,.logs th{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-weight:400}.logs th{color:var(--muted)}.logs button{padding:5px 10px;font-size:10px}.empty-state{border:1px dashed #bfcdbf;padding:25px;text-align:center;color:var(--muted);font-size:12px;border-radius:8px}.data-section{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:35px;margin-top:45px}.data-section h2{font-size:20px}.data-section p:not(.eyebrow){font-size:11px;line-height:1.9;margin-top:14px;color:var(--muted)}.data-links{display:flex;flex-direction:column;gap:13px;font-size:10px;padding-top:6px}.data-links a{color:var(--teal)}.data-links button{align-self:start}footer{display:flex;justify-content:space-between;gap:25px;padding:33px 0;margin-top:35px;border-top:1px solid var(--line);font-size:13px}footer small{font-size:9px;color:var(--muted);margin-left:15px}footer>span:last-child{font-size:9px;color:var(--muted)}footer a{margin-left:10px;color:var(--teal)}dialog{max-width:750px;width:calc(100% - 32px);max-height:86vh;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);padding:26px;box-shadow:0 20px 100px #10282845}dialog::backdrop{background:#153e3e70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin-bottom:15px}.dialog-head button{font-size:24px;padding:0 8px;border:0;background:none}#dialog-body h2{margin-bottom:17px}#dialog-body h3{margin:21px 0 9px;font-size:14px}#dialog-body p,#dialog-body li{font-size:12px;line-height:1.9;color:var(--muted)}#dialog-body ul{padding-left:20px;columns:2;gap:30px}#dialog-body a{color:var(--teal);display:block;font-size:11px;margin-top:8px}#dialog-body .boundary{padding:14px;border-radius:8px;background:#f0efe4}#dialog-body select{margin-top:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;max-width:90%;padding:13px 22px;font-size:12px;border-radius:8px;z-index:9;display:none}#toast.show{display:block}progress{appearance:none;width:100%;height:5px;border:0;border-radius:3px;background:#e5eadd}progress::-webkit-progress-bar{background:#e5eadd;border-radius:3px}progress::-webkit-progress-value{background:#739689;border-radius:3px}.factor-card[data-unknown="true"] progress::-webkit-progress-value{background:#d5dcce}@media(min-width:1400px){main{padding:0}.top{padding:0 calc((100vw - 1280px)/2)}}@media(max-width:1050px){.top nav{gap:15px}.dashboard{grid-template-columns:1fr 1fr}.read-panel{grid-column:1/-1;min-height:0!important}.insights{grid-template-columns:repeat(3,1fr)}.factor-grid{grid-template-columns:repeat(3,1fr)}.selectors{grid-template-columns:repeat(3,1fr)}.log-form{grid-template-columns:repeat(3,1fr)}.intro-note{display:none}.days{gap:6px}.day{padding:12px 9px}}@media(max-width:680px){main{padding:0 17px}.top{padding:0 17px;height:75px}.brand{font-size:20px;gap:8px}.brand-mark{width:36px;height:36px;font-size:28px}.top nav{gap:10px;font-size:10px}.top nav a[href="#journal"],.compass{display:none}.top nav button{font-size:10px}.intro{padding:28px 0 24px}h1{font-size:29px}.intro-copy{font-size:11px}.selectors{grid-template-columns:1fr 1fr;gap:12px}.location-panel{padding:16px}.point-settings summary span{display:block;margin:8px 0 0 15px}.dashboard{grid-template-columns:1fr;gap:13px}.dashboard article{min-height:0;padding:21px}.score-panel{min-height:295px!important}.read-panel{grid-column:auto}.insights{grid-template-columns:1fr}.weather-metrics{grid-template-columns:repeat(4,1fr);gap:9px}.weather-metrics strong{font-size:12px}.weather-metrics div{font-size:9px}.section-heading{margin-top:34px;align-items:start;gap:15px;flex-direction:column}h2{font-size:21px}.days{display:flex;overflow:auto;padding-bottom:10px}.day{flex:0 0 104px;min-height:136px}.chart-panel{padding:18px}.legend{font-size:9px;gap:4px}.chart-heading h3{font-size:14px}.factor-grid{grid-template-columns:1fr 1fr;gap:10px}.factor-card{padding:15px;min-height:183px}.factor-card h3{font-size:12px}.factor-number{font-size:20px}.field-layout{grid-template-columns:1fr}.field-card{padding:20px}.field-guide{padding:23px}.form-grid{gap:12px}.journal-summary{grid-template-columns:1fr 1fr;gap:20px}.log-form{grid-template-columns:1fr 1fr}.log-form label:nth-last-child(2){grid-column:1/-1}.data-section{grid-template-columns:1fr;gap:15px}footer{flex-direction:column;gap:12px}footer small{display:block;margin:9px 0 0}#dialog-body ul{columns:1}.factor-tools{width:100%;justify-content:space-between}.point-row label{min-width:100px}.section-note{line-height:1.8}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.factor-card:hover{transform:none}}

.breakdown-panel{margin-top:20px;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.breakdown-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.breakdown-heading h2{font-size:18px}.breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.breakdown-grid article{padding:15px;background:#f2f5ed;border-radius:8px}.breakdown-grid h3{font-size:12px}.breakdown-grid strong{display:block;font-size:24px;font-weight:500;margin:10px 0}.breakdown-grid small{font-size:11px;margin-left:5px;color:var(--muted)}.breakdown-grid p{font-size:10px;line-height:1.8;color:var(--muted)}.field-summary{display:flex;align-items:center;gap:30px;background:#e6ece0;padding:22px;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.field-summary>div:first-child{min-width:220px}.field-summary strong#overall-score{display:block;font-size:40px;font-weight:500;margin-top:10px}.field-summary strong#overall-score span{font-size:13px;margin-left:9px;color:var(--muted)}.field-summary p{font-size:12px;line-height:1.8}.field-summary .fine{font-size:10px}.factor-card p{line-height:1.8}.weather-metrics{margin-top:18px}@media(max-width:900px){.breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.breakdown-heading{align-items:start;flex-direction:column}.breakdown-panel{padding:18px}.breakdown-grid{gap:9px}.breakdown-grid article{padding:12px}.breakdown-grid strong{font-size:20px}.field-summary{flex-direction:column;align-items:start;gap:12px}.weather-metrics{grid-template-columns:1fr 1fr}.factor-card{min-height:220px}}