:root{--bg:#fffbf7;--surface:#fff;--surface-2:#fdf4ef;--border:#f4e6de;--border-strong:#e8d2c6;--text:#3b2a24;--text-2:#7a6259;--muted:#96796c;--accent:#bd5240;--accent-hover:#a63f2f;--accent-warm:#f0917c;--accent-soft:#fdf0ec;--accent-line:#f8ddd4;--ok:#39833c;--ok-soft:#e3f3e3;--warn:#a86400;--warn-soft:#fceed9;--bad:#e51b0d;--bad-soft:#fcdcd9;--ok-vivid:#4caf50;--warn-vivid:#ffa726;--bad-vivid:#f44336;--r-lg:22px;--r-md:16px;--r-sm:12px;--shadow:0 2px 8px #a06e5a0f;--shadow-lift:0 8px 24px #a06e5a1f}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{color:inherit}::selection{background:var(--accent-line)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.container{max-width:560px;margin:0 auto;padding:0 18px 40px}.app-header{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;box-shadow:0 4px 14px #a06e5a0d}.app-header-inner{justify-content:flex-start;align-items:center;max-width:560px;min-height:56px;margin:0 auto;padding:10px 18px;display:flex;position:relative}.app-header-inner.has-back{padding-left:62px}.app-logo{align-items:center;gap:9px;transition:opacity .15s;display:inline-flex}.app-logo:hover{opacity:.7}.logo-mark{border-radius:8px;flex-shrink:0;display:block}.logo-word{letter-spacing:-.4px;white-space:nowrap;font-size:16.5px;font-weight:650}.logo-word b{color:var(--accent);font-weight:750}.header-back{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;transition:background .14s,border-color .14s;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.header-back:hover{background:var(--surface-2);border-color:var(--border-strong)}.header-back:active{transform:translateY(-50%)scale(.94)}.app-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:36px;padding:20px 0 8px;font-size:12px}.footer-story{max-width:400px;color:var(--muted);word-break:keep-all;margin:16px auto 0;padding:0 4px;font-size:12px;line-height:1.75}.footer-contact{color:var(--muted);margin-top:12px;font-size:12px}.footer-contact a{color:var(--text-2);text-underline-offset:2px;margin:0;text-decoration:underline}.footer-contact a:hover{color:var(--accent)}.app-footer a{color:var(--text-2);margin:0 7px;line-height:2}.app-footer a:hover{color:var(--accent)}.hero{z-index:20;text-align:center;padding:34px 0 0;animation:.35s both rise;position:relative}.hero h1{letter-spacing:-.7px;margin:0 0 8px;font-size:26px;font-weight:750;line-height:1.38}.hero p{color:var(--text-2);margin:0 0 18px;font-size:14.5px}.search-box{position:relative}.search-bar{border:2px solid var(--accent-line);background:var(--surface);border-radius:20px;align-items:center;gap:11px;padding:7px 7px 7px 18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 8px 26px #a06e5a21,0 1px 2px #a06e5a0f}.search-bar:hover{border-color:#e5c6ce}.search-bar:focus-within{border-color:var(--accent-warm);box-shadow:0 0 0 4px var(--accent-line), 0 10px 30px #bd52402e}.search-input{letter-spacing:-.5px;min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:21px;font-weight:750}.search-input::placeholder{color:var(--muted);font-size:15.5px;font-weight:400}.search-go{background:var(--accent);color:#fff;letter-spacing:-.3px;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;padding:13px 21px;font-size:15px;font-weight:700;transition:background .14s,transform .12s}.search-go:hover{background:var(--accent-hover)}.search-go:active{transform:scale(.96)}.hero p.search-count{color:var(--muted);text-align:center;margin:18px 0 0;font-size:12.5px}.search-count b{color:var(--text-2);font-weight:650}.search-results{z-index:40;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);max-height:62vh;box-shadow:var(--shadow-lift);text-align:left;margin-top:8px;position:absolute;top:calc(100% - 26px);left:0;right:0;overflow:hidden}.search-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:13px 15px 13px 20px;font-size:14.5px;transition:background .12s;display:flex;position:relative}.search-item:before{content:"";background:var(--row-accent,transparent);width:5px;position:absolute;top:0;bottom:0;left:0}.search-item .st{background:var(--row-soft);color:var(--row-accent);letter-spacing:-.2px;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:12px;font-weight:750}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--surface-2)}.search-item b{font-weight:600}.search-item .cat{color:var(--muted);margin-left:auto;font-size:11.5px}.search-empty{color:var(--text-2);padding:18px 16px;font-size:13.5px;line-height:1.6}.section-title{letter-spacing:-.4px;word-spacing:2px;margin:34px 0 12px;padding-left:12px;font-size:16.5px;font-weight:750;position:relative}.section-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-top:13px;padding:22px 20px;animation:.35s both rise}.card h2{letter-spacing:-.3px;word-spacing:2px;margin:0 0 14px;padding-left:11px;font-size:15.5px;font-weight:750;position:relative}.card h2:before{content:"";background:var(--accent-line);border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.nutri-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.nutri-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:86px;padding:14px 8px;display:flex}.nutri-item .l{color:var(--text-2);letter-spacing:-.2px;order:-1;font-size:12.5px;font-weight:600}.nutri-item .v{letter-spacing:-.7px;font-size:23px;font-weight:750;line-height:1.1}.nutri-item .v em{color:var(--text-2);margin-left:1px;font-size:14px;font-style:normal;font-weight:650}.nutri-note{color:var(--muted);margin:14px 0 0;font-size:11.5px;line-height:1.65}.gi-badge{letter-spacing:-.2px;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.tip-list{color:var(--text-2);margin:0;padding-left:18px;font-size:14px;line-height:1.8}.tip-list b{color:var(--text);font-weight:650}.caution-box{border-radius:var(--r-md);color:#8a1f1f;background:#fcdedb;border:1px solid #f4b3ac;border-left:4px solid #c01f1f;padding:14px 16px;font-size:14.2px;line-height:1.7}.food-list{flex-direction:column;gap:8px;display:flex}.food-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:inset 6px 0 0 var(--row-accent,var(--border-strong)), var(--shadow);align-items:center;gap:12px;padding:13px 15px 13px 20px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.food-row:hover{border-color:var(--border-strong);box-shadow:inset 8px 0 0 var(--row-accent,var(--border-strong)), var(--shadow-lift);transform:translateY(-1px)}.food-row:active{transform:translateY(0)scale(.995)}.food-row .name{letter-spacing:-.3px;font-size:15.5px;font-weight:700}.food-row .meta{color:var(--text-2);margin-top:3px;font-size:12.5px}.food-row .meta .st{color:var(--row-accent);font-weight:750}.food-row .meta .num{color:var(--muted)}.food-row .arrow{color:var(--border-strong);margin-left:auto;font-size:18px}.row-emoji{background:var(--row-soft,var(--surface-2));border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.top-rank{text-align:center;width:22px;color:var(--muted);flex-shrink:0;font-size:13px;font-weight:700}.top-rank.r1,.top-rank.r2,.top-rank.r3{color:var(--accent)}.why-badge{background:var(--warn-soft);color:var(--warn);letter-spacing:-.2px;vertical-align:1px;white-space:nowrap;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.rec-verdict{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);margin-top:10px;padding:11px 13px;font-size:13px;line-height:1.55}.rec-verdict b{margin-bottom:3px;font-size:13.5px;display:block}.rec-verdict span{color:var(--muted)}.rec-verdict.ok{background:#f0f8f2;border-color:#bfe0c8}.rec-verdict.ok b{color:#2f7d43}.rec-verdict.over{background:#fdf6e9;border-color:#f0d6a8}.rec-verdict.over b{color:#a86b16}.rec-verdict.low,.rec-verdict.high{background:#fdf0f0;border-color:#f0bcbc}.rec-verdict.low b,.rec-verdict.high b{color:#c23c3c}.rec-dot.low{background:#3b76c9}.rec-item-v.low{color:#3b76c9}.rank-delta{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.2px;min-width:30px;color:var(--muted);flex-shrink:0;font-size:11.5px;font-weight:700}.rank-delta.up{color:#d94c4c}.rank-delta.down{color:#3b76c9}.rank-delta.same{color:var(--muted);opacity:.6}.rank-delta.new{color:var(--accent);font-size:10px}.list-more{text-align:center;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-top:4px;padding:13px;font-size:13.5px;font-weight:650;transition:border-color .14s;display:block}.list-more:hover{border-color:var(--accent-line)}.fp{margin-top:10px}.fp-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.fp-chip{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:5px 8px 5px 11px;font-size:13px;font-weight:650;display:inline-flex}.fp-chip button{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1}.fp-chip button:hover{opacity:1}.fp-field{position:relative}.fp-list{z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);max-height:220px;box-shadow:var(--shadow-lift);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.fp-item{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;width:100%;padding:10px 13px;font-size:14px;display:flex}.fp-item:last-child{border-bottom:none}.fp-item:hover{background:var(--surface-2)}.fp-item .st{flex-shrink:0;font-size:11.5px;font-weight:700}.rec-item-f{flex-wrap:wrap;gap:5px;display:inline-flex}.rec-item-f a{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:2px 7px;font-size:11.5px;font-weight:650}.rec-item-f a:hover{color:var(--accent);border-color:var(--accent-line)}.myrec-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.myrec-item{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.myrec-d{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.myrec-s{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.myrec-v{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:750}.myrec-v.over{color:var(--bad)}.myrec-v.low{color:#3b76c9}.method-table{margin:14px 0 10px;overflow-x:auto}.method-table table{border-collapse:collapse;width:100%;min-width:320px;font-size:13.5px}.method-table th,.method-table td{border:1px solid var(--border);text-align:center;white-space:nowrap;padding:9px 10px}.method-table th{background:var(--surface-2);color:var(--text-2);font-weight:650}.method-table td:first-child{background:var(--surface-2);font-weight:650}.method-note{color:var(--muted);font-size:12.5px;line-height:1.7}.policy code{background:var(--warn-soft);color:var(--warn);border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700}.share-toggle{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);cursor:pointer;gap:10px;margin-top:14px;padding:12px 13px;display:flex}.share-toggle input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.share-toggle b{margin-bottom:4px;font-size:13.5px;font-weight:650;display:block}.share-toggle em{color:var(--muted);word-break:keep-all;font-size:12px;font-style:normal;line-height:1.7;display:block}.others-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.others-item{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.others-s{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.others-v{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:750}.others-v.over{color:var(--bad)}.others-n{text-align:right;min-width:40px;color:var(--muted);flex-shrink:0;font-size:11.5px}.nutri-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:22px 0 8px;padding:16px 2px 18px;animation:.35s both rise}.nutri-strip-h{letter-spacing:.2px;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:650}.nutri-strip .nutri-item{text-align:left;background:0 0;border:none;align-items:flex-start;gap:3px;min-height:0;padding:0}.nutri-strip .nutri-item .v{font-size:30px}.caution-note{border-left:3px solid var(--bad-vivid);margin:20px 0 8px;padding:4px 0 4px 16px;animation:.35s both rise}.caution-note h2{color:var(--bad);margin:0 0 7px;padding:0;font-size:14.5px;font-weight:750}.caution-note h2:before{display:none}.caution-note p{color:var(--text-2);word-break:keep-all;margin:0;font-size:14px;line-height:1.75}.period-tabs{gap:6px;margin:16px 0 12px;display:flex}.period-tab{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);cursor:pointer;flex:1;padding:9px 0;font-size:13.5px;font-weight:650;transition:background .14s,border-color .14s,color .14s}.period-tab:hover{border-color:var(--border-strong)}.period-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk{background:linear-gradient(90deg, var(--surface-2) 25%, #fbeee7 37%, var(--surface-2) 63%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite sk-shimmer;display:block}.sk-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:12px;margin-bottom:8px;padding:15px 16px;display:flex}.sk-emoji{border-radius:50%;flex-shrink:0;width:38px;height:38px}.sk-lines{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.sk-title{width:42%;height:15px}.sk-meta{width:66%;height:12px}.sk-hero{flex-direction:column;align-items:center;gap:14px;padding:30px 0 26px;display:flex}.sk-circle{border-radius:50%;width:92px;height:92px}.sk-name{width:140px;height:24px}.sk-pill{border-radius:20px;width:104px;height:38px}.sk-card .sk-title{width:55%;height:16px;margin-bottom:14px}.sk-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sk-stat{border-radius:var(--r-sm);height:74px}.loading-text{text-align:center;color:var(--muted);padding:26px 0;font-size:14px}.alt-chips{flex-wrap:wrap;gap:7px;display:flex}.alt-chip{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:550;transition:all .14s}.alt-chip:hover{border-color:var(--accent);color:var(--accent)}.alt-chip:active{transform:scale(.97)}.food-head{box-shadow:var(--shadow);text-align:left;border:1px solid;border-radius:26px;margin-top:16px;padding:24px 22px 22px;animation:.35s both rise;position:relative;overflow:hidden}.food-head-top{align-items:center;gap:16px;margin-bottom:14px;display:flex}.food-head-name{flex:1;min-width:0}.food-head-emoji{background:radial-gradient(circle at 50% 38%,#fffffff5 0%,#ffffffb3 58%,#ffffff40 100%);border-radius:50%;flex-shrink:0;place-items:center;width:76px;height:76px;font-size:38px;line-height:1;animation:3.4s ease-in-out infinite floaty;display:grid;position:relative;box-shadow:0 6px 18px #a06e5a24,inset 0 -2px 6px #a06e5a0f}.food-head-emoji:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff80,#0000 68%);border-radius:50%;position:absolute;inset:-14px}.food-head img{object-fit:cover;border-radius:18px;width:132px;height:132px;margin:0 auto 14px;display:block}.food-head h1{letter-spacing:-1.1px;word-break:keep-all;margin:0 0 9px;font-size:32px;font-weight:780;line-height:1.2}.status-pill{color:#fff;letter-spacing:-.4px;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-size:17px;font-weight:750;display:inline-flex;box-shadow:0 2px 8px #1e1a1921}.status-pill .pill-ic{background:#ffffff3d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;line-height:1;display:grid}.status-short{letter-spacing:-.3px;margin:2px 0 0;font-size:14.5px;font-weight:650}.food-head .summary{max-width:46ch;color:var(--text);opacity:.82;margin:10px 0 0;font-size:14.5px;line-height:1.7}.more-btn{border:1px solid var(--accent);border-radius:var(--r-lg);background:var(--accent);color:#fff;letter-spacing:-.3px;cursor:pointer;width:100%;margin-top:14px;padding:17px;font-size:15px;font-weight:700;transition:background .14s;display:block}.more-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.more-btn:disabled{opacity:.6;cursor:progress}.more-sub{opacity:.82;margin-top:4px;font-size:11.5px;font-weight:500;display:block}.more-hint{text-align:center;color:var(--muted);margin:9px 0 0;font-size:11.5px}.guide-rows{background:var(--border);border-radius:var(--r-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.guide-row{background:var(--surface-2);align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.guide-row-k{letter-spacing:-.2px;width:62px;color:var(--muted);flex-shrink:0;padding-top:1px;font-size:13px;font-weight:750}.guide-row-v{min-width:0;color:var(--text);word-break:keep-all;flex:1;font-size:14.5px;line-height:1.6}.reason-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.reason{border-radius:var(--r-md);background:var(--surface-2);grid-template-columns:8px auto auto 1fr;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;display:grid}.reason-dot{border-radius:50%;width:8px;height:8px}.reason.low .reason-dot{background:var(--ok-vivid)}.reason.mid .reason-dot{background:var(--warn-vivid)}.reason.high .reason-dot{background:var(--bad-vivid)}.reason-k{color:var(--text-2);font-weight:600}.reason-v{letter-spacing:-.3px;font-weight:700}.reason-why{text-align:right;color:var(--muted);font-size:12px}.unit-grid{flex-direction:column;gap:7px;display:flex}.unit-item{border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:12px;padding:13px 15px;display:flex}.unit-ic{flex-shrink:0;font-size:19px}.unit-v{letter-spacing:-.3px;font-size:15px;font-weight:700}.unit-l{color:var(--muted);margin-top:1px;font-size:12px}.unit-l em{opacity:.8;margin-left:5px;font-style:normal}.cmp-row{margin-bottom:16px}.cmp-row:last-of-type{margin-bottom:4px}.cmp-head{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.cmp-label{font-size:13px;font-weight:650}.cmp-verdict{font-size:11.5px;font-weight:650}.cmp-verdict.over{color:var(--bad)}.cmp-verdict.under{color:var(--ok)}.cmp-bars{flex-direction:column;gap:4px;display:flex}.cmp-bar{white-space:nowrap;border-radius:7px;align-items:center;height:24px;padding:0 9px;font-size:11px;font-weight:700;transition:width .5s cubic-bezier(.22,1,.36,1);display:flex}.cmp-bar.mine{background:var(--accent);color:#fff}.cmp-bar.avg{background:var(--surface-2);color:var(--muted)}.rec-slots{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.rec-slot{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:center;padding:12px 6px;transition:all .14s}.rec-slot:hover{border-color:var(--border-strong)}.rec-slot.on{border-color:var(--accent);background:var(--accent-soft)}.rec-slot-l{font-size:13px;font-weight:650;display:block}.rec-slot-t{color:var(--muted);margin-top:2px;font-size:11px;display:block}.rec-slot.on .rec-slot-t{color:var(--accent)}.rec-form{gap:8px;margin-top:14px;display:flex}.rec-date,.rec-value,.rec-memo{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface)}.rec-date{min-width:0;color:var(--text);outline:none;flex:1;padding:12px 13px;font-size:14px}.rec-value{flex-shrink:0;align-items:center;gap:6px;width:44%;padding:0 13px;display:flex}.rec-value input{width:100%;min-width:0;color:var(--text);background:0 0;border:none;outline:none;padding:12px 0;font-size:16px;font-weight:650}.rec-value span{color:var(--muted);flex-shrink:0;font-size:11.5px}.rec-memo{width:100%;color:var(--text);outline:none;margin-top:8px;padding:12px 13px;font-size:14px;display:block}.rec-date:focus,.rec-memo:focus,.rec-value:focus-within{border-color:var(--accent)}.rec-add{border-radius:var(--r-md);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;margin-top:10px;padding:14px;font-size:14.5px;font-weight:700;transition:background .14s}.rec-add:hover:not(:disabled){background:var(--accent-hover)}.rec-add:disabled{background:var(--border-strong);cursor:not-allowed}.rec-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rec-sum-item{border-radius:var(--r-md);background:var(--surface-2);text-align:center;padding:15px 8px}.rec-sum-l{color:var(--muted);font-size:11.5px}.rec-sum-v{letter-spacing:-.7px;color:var(--ok);margin-top:4px;font-size:22px;font-weight:750}.rec-sum-v.over{color:var(--bad)}.rec-sum-v.none{color:var(--border-strong)}.rec-sum-s{color:var(--muted);margin-top:2px;font-size:10.5px}.rec-empty{text-align:center;color:var(--muted);margin:0;padding:18px 0;font-size:13.5px}.rec-list{flex-direction:column;gap:10px;display:flex}.rec-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.rec-day-h{background:var(--surface-2);color:var(--text-2);padding:10px 14px;font-size:12px;font-weight:650}.rec-item{border-top:1px solid var(--border);align-items:center;gap:9px;padding:12px 14px;font-size:13.5px;display:flex}.rec-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:7px;height:7px}.rec-dot.over{background:var(--bad)}.rec-item-l{color:var(--text-2);flex-shrink:0;font-size:12.5px}.rec-item-v{color:var(--ok);font-weight:700}.rec-item-v.over{color:var(--bad)}.rec-item-m{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.rec-del{width:24px;height:24px;color:var(--border-strong);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;margin-left:auto;font-size:16px;line-height:1;transition:all .12s}.rec-del:hover{background:var(--bad-soft);color:var(--bad)}.faq{flex-direction:column;gap:7px;display:flex}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.faq details[open]{border-color:var(--border-strong)}.faq summary{cursor:pointer;padding:15px 40px 15px 16px;font-size:14px;font-weight:650;list-style:none;position:relative}.faq summary:after{content:"+";color:var(--muted);font-size:17px;transition:transform .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq summary::-webkit-details-marker{display:none}.faq p{color:var(--text-2);margin:0;padding:0 16px 16px;font-size:13.5px;line-height:1.7}.guide{animation:.35s both rise}.guide-title{letter-spacing:-.9px;margin:32px 0 8px;font-size:27px;font-weight:750}.guide-lead{color:var(--text-2);margin:0 0 18px;font-size:14px;line-height:1.75}.guide-toc{margin-bottom:4px}.guide-toc .alt-chip{padding:7px 12px;font-size:12.5px}.guide .section-title[id]{scroll-margin-top:72px}.guide-p{color:var(--text-2);margin:0 0 12px;font-size:14.5px;line-height:1.8}.guide-p b{color:var(--text);font-weight:650}.guide-p a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.guide-p:last-child{margin-bottom:0}.guide-h3{letter-spacing:-.2px;color:var(--accent);margin:22px 0 8px;font-size:14px;font-weight:700}.guide-h3:first-child{margin-top:0}.guide-note{border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);color:#7c4055;margin-top:14px;padding:14px 15px;font-size:13.5px;line-height:1.7}.guide-note b{color:var(--accent-hover)}.guide-table-wrap{-webkit-overflow-scrolling:touch;margin:14px 0 10px;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;min-width:300px;font-size:13.5px}.guide-table th,.guide-table td{text-align:center;border-bottom:1px solid var(--border);padding:11px 8px}.guide-table thead th{background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:700}.guide-table thead th:first-child,.guide-table tbody td:first-child{text-align:left;padding-left:12px;font-weight:650}.guide-table tbody tr:last-child td{border-bottom:none}.guide-src{color:var(--text-2);margin:0;padding-left:18px;font-size:13.5px;line-height:1.9}.guide-src a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.disclaimer{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);margin-top:30px;padding:14px 16px;font-size:11.5px;line-height:1.7}.policy{color:var(--text-2);padding-top:26px;font-size:14px;line-height:1.85}.policy h1{letter-spacing:-.7px;color:var(--text);margin:0 0 16px;font-size:24px;font-weight:750}.policy h2{color:var(--text);margin:28px 0 8px;font-size:15px;font-weight:700}.policy b{color:var(--text);font-weight:650}.policy a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.policy ul{padding-left:18px}.back-link{color:var(--muted);margin-top:26px;font-size:13.5px;transition:color .14s;display:inline-block}.back-link:hover{color:var(--accent)}@media (width>=900px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-track{background:0 0}}.ad-slot{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin:14px 0;padding:10px 12px 12px}.ad-slot-label{letter-spacing:.3px;color:var(--muted);margin-bottom:6px;font-size:10.5px;display:block}.ad-slot-skeleton{border-radius:var(--r-sm);background:var(--surface-2);height:90px}.quick-nav{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px;display:grid}.quick-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;min-height:104px;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:2px;padding:13px 3px 11px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.quick-item:hover{border-color:var(--accent-line);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.quick-item:active{transform:translateY(0)scale(.98)}.quick-ic{border-radius:14px;place-items:center;width:38px;height:38px;margin-bottom:5px;font-size:19px;line-height:1;display:grid}.quick-t{letter-spacing:-.5px;white-space:nowrap;font-size:12.5px;font-weight:700}.quick-s{letter-spacing:-.4px;color:var(--muted);word-break:keep-all;font-size:10.5px;line-height:1.3}@media (width<=389px){.quick-s{display:none}.quick-item{min-height:88px}.quick-t{font-size:12px}}.brief-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:0;padding:16px 18px 12px}.brief-list{color:var(--text);margin:0;padding-left:17px;font-size:14.5px;line-height:1.75}.brief-list li{margin-bottom:5px}.brief-list li::marker{color:var(--accent)}.brief-more{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--accent);cursor:pointer;border-radius:12px;margin-top:10px;padding:9px;font-size:13px;font-weight:700;transition:background .14s,border-color .14s;display:block}.brief-more:hover{background:var(--accent-soft);border-color:var(--accent-line)}.tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px;display:grid}.tab{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);letter-spacing:-.3px;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13.5px;font-weight:700;transition:border-color .14s,background .14s,color .14s;display:flex}.tab:hover{border-color:var(--border-strong)}.tab.on{color:#fff;background:var(--text);border-color:var(--text)}.tab-n{opacity:.72;font-size:11px;font-weight:600}.cat-chips{margin-top:10px}.cat-chips .alt-chip{cursor:pointer;border:none;font-family:inherit}.alt-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.alt-chip em{opacity:.7;margin-left:2px;font-size:11px;font-style:normal}.list-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 10px;display:flex}.list-count{color:var(--text-2);font-size:13px}.list-count b{color:var(--text);font-size:15px;font-weight:750}.sort-group{gap:4px;display:flex}.sort-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:650;transition:border-color .14s,color .14s}.sort-btn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button.list-more{cursor:pointer;width:100%;font-family:inherit}@media (width<=400px){.sort-btn{padding:6px 9px;font-size:11.5px}}.search-field{flex:1;min-width:0;position:relative}.search-field .search-input{width:100%}.ph{pointer-events:none;color:var(--muted);letter-spacing:-.3px;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:15.5px;display:flex;position:absolute;top:0;bottom:0;left:0}.ph-fixed{flex-shrink:0}.ph-window{height:1.35em;position:relative;overflow:hidden}.ph-reel{will-change:transform;display:block}.ph-word{white-space:nowrap;height:1.35em;line-height:1.35em;display:block}.guide-note a{color:#1d63c9;text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.guide-note a:hover{color:#164a99}.header-share{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:12px;place-items:center;transition:background .14s,border-color .14s,color .14s;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.header-share:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.header-share:active{transform:translateY(-50%)scale(.92)}.toast-area{left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{color:#fff;letter-spacing:-.3px;text-align:center;background:#3b2a24f0;border-radius:999px;max-width:min(88vw,420px);padding:13px 20px;font-size:14px;font-weight:650;animation:.26s cubic-bezier(.2,1.1,.4,1) both toast-in;box-shadow:0 8px 24px #3b2a2447}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.faq-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.faq-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-2);letter-spacing:-.3px;cursor:pointer;border-radius:999px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:700;transition:background .14s,border-color .14s,color .14s}.faq-tab:hover{border-color:var(--border-strong);color:var(--text)}.faq-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.pair-lead{color:var(--text-2);margin:-6px 0 14px;font-size:13px}.pair-list{flex-direction:column;gap:8px;display:flex}.pair-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}.pair-w{letter-spacing:-.3px;align-items:center;gap:8px;font-size:15px;font-weight:750;display:flex}.pair-plus{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:13px;font-weight:800;line-height:1;display:grid}.pair-why{color:var(--text-2);margin-top:5px;padding-left:28px;font-size:13.5px;line-height:1.6}