:root{--bg:#f6f7f8;--surface:#fff;--text:#1f2933;--muted:#5f6b76;--line:#e3e7eb;--accent:#11767c;--accent-soft:#e4f2f1;--danger:#a63d3d;--on-accent:#fff;--radius:12px;--shadow:0 1px 2px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121619;--surface:#1b2126;--text:#e8edf1;--muted:#9aa6b1;--line:#2b343b;--accent:#5fc3c3;--accent-soft:#1d3436;--danger:#e08a8a;--on-accent:#0b2124;--shadow:none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:680px;padding:0 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.app-header{background:var(--bg);z-index:2;flex-direction:column;gap:8px;padding:16px 0 8px;display:flex;position:sticky;top:0}.brand{letter-spacing:.01em;color:var(--accent);font-weight:700}.tabs{-webkit-overflow-scrolling:touch;gap:6px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:8px 12px;font-size:14px}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}h1{margin:12px 0 8px;font-size:22px}h2{margin:0 0 8px;font-size:17px}p{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 12px;padding:14px}.list{margin:0;padding:0;list-style:none}.principle-text{margin-bottom:6px;font-size:17px;line-height:1.45}.action,.source,.reason{color:var(--text);margin-bottom:4px;font-size:14px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.label.small{font-size:11px}a{color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px}.chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chips.big .chip{padding:12px 18px;font-size:16px}.chips.readonly .chip{cursor:default}.chip.tiny{background:var(--accent-soft);color:var(--accent);border-color:#0000;padding:2px 8px;font-size:12px}.chip.tiny.keyword{border-color:var(--line);color:var(--muted);background:0 0}.chip:disabled{opacity:.6;cursor:wait}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:15px;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.small{padding:6px 10px;font-size:14px}.btn.danger{color:var(--danger)}.btn.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.btn:disabled{opacity:.6;cursor:default}.actions{gap:8px;margin-top:10px;display:flex}.actions.wrap{flex-wrap:wrap}.toolbar{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.search,.form input,.form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.form textarea{resize:vertical}.field{border:0;min-width:0;margin-bottom:14px;padding:0;display:block}.field>.label,.field>legend.label{margin-bottom:4px;display:block}details.field summary{cursor:pointer}details.field>.field{margin-top:10px}.errors{color:var(--danger);margin:4px 0 0;padding-left:18px;font-size:14px}.toggle{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.summary{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:14px;display:flex}.summary strong{color:var(--text)}@media (width>=640px){.app-header{flex-direction:row;justify-content:space-between;align-items:center}.toolbar{flex-flow:wrap;align-items:center}.search{max-width:280px}}.source-block{margin-bottom:4px}.excerpt summary{color:var(--accent);cursor:pointer;font-size:13px;list-style:none}.excerpt summary::-webkit-details-marker{display:none}.excerpt summary:before{content:"▸ "}.excerpt[open] summary:before{content:"▾ "}.excerpt blockquote{border-left:3px solid var(--accent-soft);color:var(--muted);white-space:pre-wrap;margin:6px 0 4px;padding:6px 12px;font-size:14px}.kept-photo-image,.photo-preview img{border:1px solid var(--border,#d9d4c7);border-radius:8px;max-width:100%;height:auto;margin:6px 0 4px;display:block}.photo-preview{margin:8px 0}.photo-preview img{width:auto;max-height:60vh}.photo-preview.glance img{max-height:36vh}.notice{background:var(--accent-soft);color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;font-size:14px;display:flex}.chips.views .chip{font-weight:600}.chip.tiny.starter{border:1px dashed var(--accent);color:var(--accent);background:0 0}.switch-row{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.switch-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:2px}.block{margin-top:4px;display:block}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.badge{background:var(--accent);min-width:16px;color:var(--on-accent);text-align:center;border-radius:999px;margin-left:4px;padding:0 5px;font-size:11px;line-height:16px;display:inline-block}@media (width<=420px){.tab{padding:8px 10px;font-size:13.5px}}.tab.active .badge{background:var(--on-accent);color:var(--accent)}.inbox-group{margin-top:16px}.inbox-title{margin:0 0 8px;font-size:15px}.highlight-text{border-left:3px solid var(--accent-soft);white-space:pre-wrap;margin:0 0 8px;padding-left:12px}.muted-card{opacity:.8}.suggested{color:var(--accent);margin-top:4px;display:block}.chip.keyword{border-style:dashed}.ai-row{margin-top:-6px}.suggestions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.suggestion{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:10px 12px}.suggestion:hover{border-color:var(--accent)}.suggestion[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.suggestion[aria-pressed=true]:before{content:"✓ ";font-weight:600}ul.plain{flex-direction:column;gap:6px;margin:8px 0;padding-left:18px;display:flex}.say-it{flex-direction:column;gap:6px;display:flex}.snap-it{flex-direction:column;align-items:flex-start;gap:6px;margin:4px 0 12px;display:flex}.ai-row .snap-it{margin:8px 0 0}.snap-it p{margin:0}.chip.mic.listening{background:var(--accent);color:var(--on-accent);border-color:var(--accent);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #00000026}50%{box-shadow:0 0 0 6px #0000}}@media (prefers-reduced-motion:reduce){.chip.mic.listening{animation:none}}.notice.error-note{border:1px solid var(--danger);color:var(--text);background:0 0;flex-wrap:wrap}.notice.error-note span{flex:200px}.notice.text{line-height:1.45;display:block}.chip.off{opacity:.75;border-style:dotted}.chip.tiny.off{border:1px dotted var(--line);color:var(--muted);opacity:1;background:0 0}.state-list{flex-direction:column;gap:6px;margin:10px 0 6px;padding:0;list-style:none;display:flex}.state-list li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:4px 4px 4px 12px;display:flex}.state-list .state-name{flex:1;font-weight:600}.state-list .btn.small{min-width:44px;min-height:44px;padding:0 10px}.state-group{margin-top:10px}.state-group .chip{min-height:44px}.more-states{margin-top:6px}.more-states summary{cursor:pointer;color:var(--muted);padding:6px 0;font-size:14px}.tell-me-option{margin-bottom:12px}.tell-me-option .btn{font-weight:600}.card.pattern{background:var(--accent-soft);border-color:#0000;margin-bottom:12px;padding:12px 16px}.card.pattern p{margin:0}
