:root{--bg: var(--tg-secondary-bg-color, #f2f2f7);--card: var(--tg-section-bg-color, var(--tg-bg-color, #ffffff));--card2: #e5e5ea;--text: var(--tg-text-color, #000000);--hint: var(--tg-hint-color, #6d6d72);--sep: var(--tg-section-separator-color, #e5e5ea);--dash: #c7c7cc;--link: var(--tg-link-color, #2481cc);--button: var(--accent);--button-text: #ffffff;--danger: var(--tg-destructive-text-color, #df3f40);--accent: #c8431e;--tint: #fbe9e3;--surface: var(--card);--radius: 12px;--gap: 12px;--side: 16px}:root[data-scheme=dark]{--bg: var(--tg-secondary-bg-color, #000000);--card: var(--tg-section-bg-color, var(--tg-bg-color, #1c1c1e));--card2: #3a3a3c;--text: var(--tg-text-color, #ffffff);--hint: var(--tg-hint-color, #98989f);--sep: var(--tg-section-separator-color, #2c2c2e);--dash: #48484a;--tint: #2a1712}@media (prefers-color-scheme: dark){:root:not([data-scheme]){--bg: #000000;--card: #1c1c1e;--card2: #3a3a3c;--text: #ffffff;--hint: #98989f;--sep: #2c2c2e;--dash: #48484a;--tint: #2a1712}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:640px;margin:0 auto;padding:var(--side);padding-bottom:calc(var(--side) + env(safe-area-inset-bottom))}h1,h2{margin:0 0 var(--gap);font-size:20px;line-height:1.25}h2{font-size:17px}p{margin:0 0 var(--gap)}a{color:var(--link)}.hint{color:var(--hint);font-size:14px}.stack{display:flex;flex-direction:column;gap:var(--gap)}.home{display:flex;flex-direction:column;gap:14px}.home-header{display:flex;align-items:center;gap:8px}.search-field{display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:44px;padding:0 12px;border-radius:12px;background:var(--card);color:var(--hint)}.search-field input{flex:1;min-width:0;height:100%;padding:0;border:none;background:none;color:var(--text);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field input::placeholder{color:var(--hint)}.search-field input:focus{border:none}.segmented{display:flex;flex:none;padding:3px;border-radius:12px;background:var(--card)}.segmented button{display:flex;align-items:center;justify-content:center;width:44px;height:38px;padding:0;border:none;border-radius:9px;background:transparent;color:var(--hint);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--card2);color:var(--text)}.header-paywall{flex:none;width:32px;height:44px;padding:0;border:none;background:none;font-size:20px;cursor:pointer}.section-title{margin:0 0 8px;color:var(--hint);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.icon-box{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--card2);color:var(--text)}.chips{display:flex;gap:8px;margin:0 calc(-1 * var(--side));padding:0 var(--side);overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;height:36px;padding:0 14px;border:none;border-radius:18px;background:var(--card);color:var(--text);font-size:15px;font-weight:600;cursor:pointer}.chip-count{color:var(--hint);font-size:13px;font-weight:400}.chip[aria-pressed=true]{background:var(--accent);color:#fff}.chip[aria-pressed=true] .chip-count{color:#fffc}.chips-small{margin-bottom:14px}.chips-small .chip{height:32px;border-radius:16px;font-size:14px;font-weight:400}.revisit{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--tint)}.revisit-title{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:17px;font-weight:700}.revisit-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:12px;background:var(--card);color:var(--text);text-align:left;font-size:16px;cursor:pointer}.list-card{overflow:hidden;border-radius:16px;background:var(--card)}.row{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;border:none;background:none;color:var(--text);text-align:left;font-size:16px;cursor:pointer}.row+.row:before{content:"";position:absolute;top:0;right:0;left:64px;height:1px;background:var(--sep);transform:scaleY(.5);transform-origin:top}.row-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.row-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.row-title{font-weight:600;line-height:1.25}.row-time{flex:none;color:var(--hint);font-size:12px}.row-meta{color:var(--hint);font-size:13px}.row-summary{display:-webkit-box;margin-top:2px;overflow:hidden;font-size:14px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{display:flex;flex-direction:column;gap:4px;min-height:160px;padding:14px;border:none;border-radius:16px;background:var(--card);color:var(--text);text-align:left;cursor:pointer}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tile-count{color:var(--hint);font-size:15px;font-weight:600}.tile-name{margin-bottom:4px;font-size:17px;font-weight:600}.tile-latest{display:-webkit-box;overflow:hidden;color:var(--hint);font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.empty-chips{display:flex;flex-wrap:wrap;gap:8px}.empty-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px dashed var(--dash);border-radius:16px;color:var(--hint);font-size:14px}.card-header{margin-bottom:var(--gap)}.card-kind{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--hint)}.button-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.fields{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);background:var(--surface)}.field-label{color:var(--hint);font-size:13px}.field-value{white-space:pre-wrap;overflow-wrap:anywhere}.list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.list-detail,.list-note{color:var(--hint);font-size:14px}.steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--hint);font-size:13px}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit}textarea{min-height:80px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--button)}.entry{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--radius);background:var(--surface)}.entry-head{display:flex;align-items:center;justify-content:space-between;color:var(--hint);font-size:13px}.inline{display:flex;gap:8px}.button{padding:12px 16px;border:none;border-radius:var(--radius);background:var(--button);color:var(--button-text);font-size:16px;cursor:pointer}.button:disabled{opacity:.6}a.button{display:block;text-align:center;text-decoration:none}a.button-secondary{color:var(--text)}.list-map{font-size:14px}.button-secondary{background:var(--surface);color:var(--text)}.button-danger{background:var(--surface);color:var(--danger)}.button-link{padding:0;border:none;background:none;color:var(--link);font:inherit;cursor:pointer}.button-link-danger{color:var(--danger)}.actions{display:flex;gap:var(--gap);margin-top:var(--gap)}.actions>.button{flex:1}.paywall-link{display:block;margin:24px auto 0;color:var(--hint);font-size:14px}.paywall-includes{margin:0;padding-left:20px}.options{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:none}.options legend{margin-bottom:10px;padding:0;font-weight:600}.option{display:flex;align-items:center;gap:10px}.option input{width:auto;margin:0;accent-color:var(--button)}.state{padding:40px 0;text-align:center;color:var(--hint)}.state .button{margin-top:var(--gap)}.error{padding:10px 12px;border-radius:var(--radius);background:var(--surface);color:var(--danger);font-size:14px}.note{padding:10px 12px;border-radius:var(--radius);background:var(--surface);color:var(--hint);font-size:14px}.fatal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:auto;padding:var(--side);background:var(--bg);color:var(--text);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
