:root{--bg:#f1f1ef;--card:#fff;--line:#e2e1dd;--ink:#33302c;--ink-soft:#6d6862;--ink-faint:#9c9791;--primary:#311e10;--primary-soft:#5a4433;--wash:#eae8e4;--yes:#69995d;--partial:#f3c677;--watch:#ef5b5b;--danger:#c0392b;--radius:14px;--shadow:0 1px 2px #2826230f, 0 6px 16px #2826230d}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}button,input,textarea{font:inherit;color:inherit}#app{max-width:560px;margin:0 auto}.screen{padding:0 16px calc(40px + env(safe-area-inset-bottom));display:none}.screen.active{display:block}.app-bar{padding:calc(12px + env(safe-area-inset-top)) 0 12px;background:var(--bg);z-index:5;align-items:center;gap:8px;display:flex;position:sticky;top:0}.app-title{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:600;overflow:hidden}.app-bar .icon-btn:first-child+.app-title{text-align:center}.icon-btn{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 4px;font-size:15px}.icon-btn-spacer{min-width:44px}.section{margin:20px 0}.section-title{color:var(--ink-soft);letter-spacing:.06em;align-items:baseline;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.section-note{color:var(--ink-faint);letter-spacing:0;margin-left:auto;font-size:12px;font-weight:400}.sort-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.sort-label{color:var(--ink-soft);margin-right:2px;font-size:12px}.sort-chip{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px}.sort-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.list{flex-direction:column;gap:12px;display:flex}.card{text-align:left;background:var(--card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;border:0;padding:14px 16px;display:block}.card-head{align-items:center;gap:8px;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.card-sub{color:var(--ink-soft);margin-top:2px;font-size:13px}.stage-chip{background:var(--wash);color:var(--ink-soft);border-radius:999px;flex-shrink:0;margin-left:auto;padding:3px 10px;font-size:12px}.stage-chip.stage-line{color:#3f6634;background:#dfead9}.stage-chip.stage-met{background:var(--primary);color:#fff}.score-bar{gap:2px;height:7px;margin-top:12px;display:flex}.score-bar .seg,.summary-bar .seg{border-radius:3px;flex:0 auto;min-width:0}.seg-yes{background:var(--yes)}.seg-partial{background:var(--partial)}.seg-unknown{background:var(--watch)}.score-legend{color:var(--ink-soft);gap:14px;margin-top:8px;font-size:12px;display:flex}.dot{vertical-align:1px;border-radius:999px;width:7px;height:7px;margin-right:5px;display:inline-block}.dot-yes{background:var(--yes)}.dot-partial{background:var(--partial)}.dot-unknown{background:var(--watch)}.facts{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.fact{flex:30%;min-width:88px}.fact-label{color:var(--ink-faint);letter-spacing:.06em;font-size:11px;display:block}.fact-value{font-size:15px}.segmented{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);gap:6px;padding:6px;display:flex}.seg-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:9px 4px;font-size:14px}.seg-btn.on{background:var(--primary);color:#fff;font-weight:600}.summary{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.summary-hero{align-items:baseline;gap:6px;display:flex}.summary-figure{color:var(--yes);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.summary-of{color:var(--ink-soft);font-size:14px}.summary-bar{gap:2px;height:10px;margin:14px 0 12px;display:flex}.summary-legend{justify-content:space-between;gap:10px;display:flex}.legend-item{align-items:baseline;gap:5px;min-width:0;display:flex}.legend-label{color:var(--ink-soft);white-space:nowrap;font-size:12px}.legend-count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.legend-item .dot{margin-right:0}.cat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}.cat-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:13px 16px;display:flex}.cat-caret{color:var(--ink-faint);font-size:12px;transition:transform .15s;transform:rotate(-90deg)}.cat.open .cat-caret{transform:rotate(0)}.cat-name{font-size:15px;font-weight:600}.cat-count{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.cat-body{padding:0 16px 6px;display:none}.cat.open .cat-body{display:block}.criterion{border-top:1px solid var(--line);padding:12px 0}.crit-title{font-size:15px;font-weight:600}.crit-detail{color:var(--ink-soft);margin-top:2px;font-size:13px;line-height:1.55}.rating{gap:6px;margin-top:10px;display:flex}.rate-btn{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;border-radius:9px;flex:1;padding:7px 4px;font-size:13px}.rate-btn.rate-yes.on{background:var(--yes);border-color:var(--yes);color:#fff}.rate-btn.rate-partial.on{background:var(--partial);border-color:var(--partial);color:var(--ink)}.rate-btn.rate-unknown.on{background:var(--watch);border-color:var(--watch);color:#fff}.watch-note{border-color:var(--watch);margin-top:8px;padding:9px 12px;font-size:14px}.notes{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none}.note{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.note:last-child{border-bottom:0}.note-text{white-space:pre-wrap;word-break:break-word;flex:1;font-size:15px}.note-actions{flex-shrink:0;gap:8px;display:flex}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.link-btn.danger{color:var(--danger)}.note-add{gap:8px;margin-top:10px;display:flex}.note-add .text-field{flex:1}.form{flex-direction:column;gap:14px;display:flex}.field{display:block}.f-label{color:var(--ink-soft);margin-bottom:5px;font-size:13px;display:block}.text-field{border:1px solid var(--line);background:var(--card);border-radius:10px;width:100%;padding:11px 13px;font-size:16px}.text-field:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:#0000}textarea.text-field{resize:vertical}.form-error{color:var(--danger);font-size:13px}.page-actions{margin:20px 0 8px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600}.btn-secondary{border:1px solid var(--line);background:var(--card);color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:10px;padding:9px 14px;font-size:14px}.btn-secondary[disabled]{opacity:.4;cursor:default}.btn-quiet{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:1;padding:10px;font-size:14px}.btn-danger-outline{border:1px solid var(--danger);width:100%;color:var(--danger);cursor:pointer;background:0 0;border-radius:12px;padding:13px;font-size:15px}.backup-row{gap:8px;margin-top:4px;display:flex}.empty{text-align:center;color:var(--ink-soft);padding:48px 16px}.empty p{margin:4px 0}.empty-hint{color:var(--ink-faint);font-size:13px}.banner{background:var(--wash);color:var(--primary);border-radius:var(--radius);margin-bottom:14px;padding:11px 14px;font-size:13px}.build-id{text-align:center;color:var(--ink-faint);margin-top:24px;font-size:11px}.setting-row{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;margin-bottom:10px;padding:13px 16px;display:flex}.setting-text{flex:1}.setting-name{font-size:15px;font-weight:600}.setting-hint{color:var(--ink-soft);font-size:13px;line-height:1.55}.lock-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.lock-card{background:var(--card);width:100%;max-width:320px;box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:28px 22px}.lock-title{letter-spacing:.08em;margin-bottom:10px;font-size:20px;font-weight:600}.lock-hint{color:var(--ink-soft);margin:0 0 18px;font-size:13px;line-height:1.6}.lock-input{border:1px solid var(--line);text-align:center;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 13px;font-size:16px}.lock-submit{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:13px;font-size:16px;font-weight:600}.lock-submit[disabled]{opacity:.5}.lock-alt{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:8px;font-size:14px}.lock-error{color:var(--danger);margin-top:12px;font-size:13px}.modal-backdrop{z-index:50;background:#311e106b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--card);border-radius:16px;width:100%;max-width:340px;padding:20px}.modal-sheet h3{margin:0 0 8px;font-size:17px}.confirm-message{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.6}.modal-actions{gap:8px;margin-top:16px;display:flex}.btn-cancel,.btn-confirm{cursor:pointer;border:0;border-radius:10px;flex:1;padding:11px;font-size:15px}.btn-cancel{background:var(--wash);color:var(--primary)}.btn-confirm{background:var(--primary);color:#fff}.btn-confirm.btn-danger{background:var(--danger)}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;z-index:60;box-shadow:var(--shadow);border-radius:999px;padding:10px 20px;font-size:14px;position:fixed;transform:translate(-50%)}