@font-face{font-family:system;src:local("Noto Sans CJK SC"),local("Microsoft YaHei")}*{box-sizing:border-box}body{margin:0;background:#e8ece5;color:#22352b;font:15px/1.65 system,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a9c784;outline-offset:2px}#app{max-width:540px;min-height:100dvh;margin:auto;background:#f7f8f3;padding-bottom:calc(92px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:5;padding:18px 22px 12px;background:#f7f8f3ed;backdrop-filter:blur(12px);display:flex;align-items:center;gap:12px}header h1{font-size:20px;letter-spacing:.01em;line-height:1.4;margin:0;flex:1}.logo{width:35px;height:35px;border-radius:11px}.back{border:1px solid #dce3d8;background:#fff;border-radius:50%;width:36px;height:36px;color:#315c48;font-size:24px;line-height:1}.topmark{color:#63806c;font-size:11px;letter-spacing:1px}main{padding:8px 22px 20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#7c8a69}.hero{padding:16px 0 22px}.hero h2{font-size:29px;font-weight:750;letter-spacing:-1px;line-height:1.35;margin:7px 0 10px}.muted{color:#778276}.small{font-size:12px}p{margin:8px 0}h2{font-size:21px;margin:8px 0 14px}h3{font-size:16px;margin:0 0 6px}.filters{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px;margin:0 0 22px}.filters select{font-size:12px;padding:10px 5px;width:100%;min-width:0;background:#fff;border:1px solid #dde4d7;border-radius:11px;color:#37523f}.sectionline{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}.sectionline h2{font-size:17px;margin:0}.card{background:#fff;border:1px solid #e4e8df;border-radius:19px;padding:16px;margin-bottom:12px}.oilcard{display:flex;gap:15px;align-items:center;text-align:left;width:100%;color:inherit}.oilcard:active{background:#f0f4e9}.thumb{width:88px;height:108px;object-fit:contain;background:#f3f5ed;border-radius:13px;flex-shrink:0}.oilcard .info{min-width:0;flex:1}.brand{font-size:11px;letter-spacing:.06em;color:#748069;overflow-wrap:anywhere}.oilcard h3{font-size:17px;line-height:1.45;margin:3px 0 6px;overflow-wrap:anywhere}.tag{display:inline-block;border-radius:6px;font-size:11px;padding:2px 7px;background:#edf2e5;color:#567143;margin-right:5px}.nicotine{font-size:11px;color:#7b867a}.scoreline{display:flex;align-items:baseline;gap:5px;margin-top:10px}.scoreline strong{font-size:24px;line-height:1;font-weight:750;color:#315c48}.scoreline span{font-size:11px;color:#8a9486}.scoreline .count{margin-left:auto}.empty{text-align:center;padding:42px 15px;background:#f0f3e9;border:1px dashed #d7dfcd;border-radius:19px;margin:16px 0}.empty .emptyicon{display:block;font-size:33px;color:#82956f;margin-bottom:12px}.empty p{font-size:13px;color:#7d8777}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:540px;width:100%;display:flex;padding:10px 16px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e7ebdf;z-index:10;backdrop-filter:blur(12px)}nav button{flex:1;border:0;background:transparent;color:#909b8a;font-size:11px;border-radius:12px;padding:5px}nav button.active{color:#315c48;background:#f0f4e9}nav svg{width:22px;height:22px;display:block;margin:0 auto 2px}button svg{pointer-events:none}.primary,.secondary,.danger,.quiet{border:0;border-radius:12px;padding:12px 17px;font-weight:650;font-size:14px}.primary{background:#315c48;color:#fff}.secondary{background:#ecf1e4;color:#36553c}.danger{background:#fbebe8;color:#a54034}.quiet{background:transparent;color:#5d7358}.wide{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.actions>*{flex:1}.formfield{display:block;margin:0 0 17px}.formfield>span{display:block;font-size:13px;font-weight:650;margin-bottom:7px}input:not([type=radio]),select,textarea{width:100%;border:1px solid #dbe2d5;background:#fff;border-radius:11px;padding:12px;color:#263d2b}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#a0a99c}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.help{display:block;font-size:11px;color:#899180;margin-top:5px}.formerror{color:#a43d31;font-size:13px;margin:10px 0}.formerror:empty{display:none}.scorefield{border:0;padding:0;margin:0 0 21px}.scorefield legend{font-size:14px;font-weight:650;width:100%;margin-bottom:10px}.scorefield legend small{font-size:11px;font-weight:400;color:#8b9384;float:right}.scorechoices{display:flex;gap:9px}.scorechoices label{flex:1;position:relative}.scorechoices input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.scorechoices span{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid #dce4d5;border-radius:11px;background:white;color:#6f8067;font-weight:650}.scorechoices input:checked+span{background:#315c48;border-color:#315c48;color:white}.scorechoices input:focus-visible+span{outline:3px solid #a9c784}.photoarea{display:block;text-align:center;cursor:pointer;background:#edf2e6;border:1px dashed #c2d0b5;border-radius:16px;overflow:hidden;margin-bottom:20px;padding:18px}.photoarea img{height:140px;max-width:100%;object-fit:contain}.photoarea .photohint{font-size:12px;color:#7b8b6b}.photoarea input{padding:8px;background:transparent;border:0;font-size:11px;margin-top:8px}.detailphoto{height:245px;width:100%;object-fit:contain;background:#eff3e8;border-radius:20px;margin:4px 0 19px}.detailname{font-size:26px;line-height:1.4;overflow-wrap:anywhere}.totalbox{display:flex;align-items:center;justify-content:space-between;background:#315c48;color:#e8efdf;padding:22px;border-radius:18px;margin:23px 0 13px}.totalbox strong{font-size:48px;letter-spacing:-2px;line-height:1.15}.totalbox .outof{font-size:15px;margin-left:6px;color:#bdcfb8}.totalbox small{display:block;color:#cfdbc9;font-size:11px}.metric{display:grid;grid-template-columns:55px 1fr 35px;gap:10px;align-items:center;font-size:12px;margin:14px 0}.metric .track{height:6px;background:#e9eee1;border-radius:9px;overflow:hidden}.metric .fill{height:100%;background:#8ea976;border-radius:9px}.metric strong{text-align:right}.commenthead{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#e6eddc;color:#547143;display:inline-flex;justify-content:center;align-items:center;font-weight:650}.commenthead small{margin-left:auto;color:#a0a698;font-size:10px}.commenttext{color:#53634e;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.notice{border-radius:12px;background:#edf2e3;color:#738266;padding:12px 14px;font-size:12px;margin:15px 0}.profile{padding:24px 0;display:flex;align-items:center;gap:15px}.profile .avatar{height:60px;width:60px;font-size:23px}.profile h2{margin:0}.menu{display:flex;align-items:center;justify-content:space-between;width:100%;background:white;border:0;border-bottom:1px solid #eef0e9;padding:17px 4px;color:#38513e;text-align:left}.menu:last-child{border:0}.menu span:last-child{color:#9aa48e}.menu small{display:block;color:#8b9582;font-size:11px}.menugroup{padding:0 15px}.footnote{text-align:center;color:#9aa38f;font-size:11px;margin-top:30px}.tabs{display:flex;gap:8px;margin:10px 0 20px}.tabs button{flex:1}.divider{height:1px;background:#e3e9dc;margin:23px 0}#splash{position:fixed;inset:0;z-index:100;background:#f7f8f3;display:flex;flex-direction:column;justify-content:center;align-items:center}#splash img{width:80px;height:80px}#splash h1{font-size:25px;margin:22px 0 4px}#splash p{font-size:12px;color:#7e8f74}#splash small{position:absolute;bottom:65px;color:#85957c;letter-spacing:1px;font-size:12px}#toast{position:fixed;z-index:150;bottom:110px;left:50%;transform:translateX(-50%);background:#243c2ef2;color:white;padding:11px 18px;border-radius:12px;font-size:13px;max-width:90%;display:none}dialog{width:calc(100% - 44px);max-width:400px;border:0;border-radius:20px;padding:24px;color:#304735;box-shadow:0 20px 80px #10291633}dialog::backdrop{background:#192c2066}dialog h2{font-size:19px}dialog p{font-size:13px;color:#718169;margin-bottom:18px}.loading{text-align:center;color:#7e8d72;padding:50px 0}.spin{display:inline-block;width:22px;height:22px;border:2px solid #d9e1d0;border-top-color:#315c48;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.readonly{font-size:12px;color:#7e8d73;line-height:1.9;background:#f1f4ec;padding:12px;border-radius:10px}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.brandrow strong{overflow-wrap:anywhere}.brandrow button{font-size:12px;padding:8px 10px}.errorbox{padding:25px;border:1px solid #e6ddce;background:#fffdf8;border-radius:18px}.label{font-size:12px;color:#73836b}.bottomspace{margin-top:22px}.loadingbutton{opacity:.65}@media(min-width:600px){#app{box-shadow:0 0 80px #30452a15}main{padding-left:27px;padding-right:27px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}
[hidden]{display:none!important}