:root{--mint:#dff3e4;--mint-top:#eaf8ee;--brown:#6b4b32;--brown-soft:#8b6a50;--brown-line:#6b4b3229;--cream:#fffaf3;--ink:#3d2a1c;--card-in:.24s;--glyph-cut:var(--cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--mint);background-image:linear-gradient(180deg, var(--mint-top) 0%, var(--mint) 260px);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;font-family:inherit}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{min-height:100vh;padding:18px 16px 0}.head h1{letter-spacing:-.01em;color:var(--brown);margin:0;padding-right:132px;font-size:19px;font-weight:700;line-height:26px}.searchrow{gap:8px;margin-top:22px;display:flex}.search{min-width:0;height:50px;color:var(--ink);background:var(--cream);border:1px solid var(--brown-line);outline-offset:2px;-webkit-appearance:none;appearance:none;border-radius:16px;flex:auto;padding:0 16px;font-family:inherit;font-size:16.5px}.search:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.chip:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.clear:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.tile:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.back:focus-visible{outline-offset:2px;outline:2px solid}.search::placeholder{color:#a08a76;opacity:1}.search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.clear{background:var(--cream);border:1px solid var(--brown-line);width:50px;height:50px;color:var(--brown);border-radius:16px;flex:none;font-size:17px;line-height:20px;transition:transform .12s,background-color .12s}.clear:active{background:#f3e6d6;transform:scale(.94)}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{border:1px solid var(--brown-line);min-width:44px;min-height:44px;color:var(--ink);background:#ffffff9e;border-radius:22px;padding:0 12px;font-size:14.5px;font-weight:600;line-height:18px;transition:transform .12s,background-color .12s,color .12s}.chip.on{background:var(--brown);border-color:var(--brown);color:var(--cream)}.chip:active{transform:scale(.95)}.count{letter-spacing:.01em;color:var(--brown-soft);margin:12px 2px 8px;font-size:12.5px;font-weight:600;line-height:17px}.grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tile{background:var(--cream);border:1px solid var(--brown-line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:122px;padding:12px 5px 11px;transition:transform .12s,background-color .12s;display:flex;box-shadow:0 1px 2px #6b4b320d}.tile:active{background:#fbf0e0;transform:scale(.96)}.tile-name{text-align:center;color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:17px}.glyph{width:44px;height:44px;color:var(--brown);fill:currentColor;stroke:none;display:block}.glyph .cut{fill:none;stroke:var(--glyph-cut);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.glyph .cutf{fill:var(--glyph-cut)}.glyph .line{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.glyph .soft{opacity:.5}.empty{background:var(--cream);border:1px solid var(--brown-line);border-radius:18px;padding:18px 18px 20px}.empty-lead{color:var(--brown);margin:0 0 8px;font-size:19px;font-weight:700;line-height:26px}.empty p{margin:0;font-size:15.5px;line-height:24px}.foot{text-align:center;color:var(--brown-soft);margin:0;padding:20px 6px 40px;font-size:12.5px;line-height:19px}.card{z-index:20;background:var(--card-bg);color:var(--card-ink);animation-name:cardIn;animation-duration:var(--card-in);animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;height:100%;padding:14px 16px 44px;display:flex;overflow-y:auto}.card-scroll>*{flex-shrink:0}.back{max-width:190px;height:46px;color:var(--card-ink);background:#ffffff38;border-radius:23px;align-self:flex-start;padding:0 18px 0 14px;font-size:15.5px;font-weight:700;line-height:20px;transition:transform .12s,background-color .12s}.back:active{background:#ffffff5c;transform:scale(.96)}.card-head{padding:18px 2px 4px}.card-glyph .glyph{width:72px;height:72px;color:var(--card-ink)}.card-name{opacity:.92;margin:14px 0 2px;font-size:18px;font-weight:600;line-height:25px}.card-word{letter-spacing:-.02em;margin:0;font-size:42px;font-weight:800;line-height:48px}.card-gist{opacity:.86;margin:6px 0 0;font-size:15px;line-height:22px}.panel{background:var(--cream);color:var(--ink);border-radius:18px;margin-top:12px;padding:15px 16px 16px}.panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--brown-soft);margin:0 0 7px;font-size:12px;font-weight:800;line-height:16px}.panel p{margin:0;font-size:16.5px;line-height:25px}.panel.note{border:2px dashed #6b4b3259;padding:13px 14px 14px}.panel.act{border-left:5px solid var(--card-bg)}.panel.act.urgent h2{color:#cf3232}.panel.act.urgent p{font-weight:600}.card-cat{letter-spacing:.06em;text-transform:uppercase;opacity:.72;margin:auto 2px 0;padding-top:18px;font-size:12.5px;font-weight:700;line-height:17px}.disclaimer{opacity:.9;margin:8px 2px 0;font-size:13px;line-height:20px}@media (prefers-reduced-motion:reduce){:root{--card-in:.01ms}.back,.chip,.clear,.tile{transition:none}}@media (min-width:480px){.page{max-width:520px;margin:0 auto}.grid{grid-template-columns:repeat(4,1fr)}.card-scroll{max-width:520px;margin:0 auto}}
