:root{color:#1c1915;background:#f4f1ea;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,a{font:inherit}button,.primary,.pill,.text{border:0;background:transparent;color:inherit}.shell{width:min(440px,100%);margin:0 auto;padding:28px 20px 112px}.mark{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-family:Avenir Next,Segoe UI,sans-serif}h1,h2,p{margin:0}h1{font-size:34px;font-weight:500;line-height:1.15;margin-top:12px}h2{font-size:22px;font-weight:500}.hero h2,.title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.lede,.quiet,.desc{color:#6b645c}.lede{margin-top:10px}.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.quiet{font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px}.desc{margin-top:8px}.login{display:grid;gap:16px;padding-top:12vh}.login label{display:grid;gap:6px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px}input{width:100%;border:1px solid #d9d0c4;background:#fffcf7;color:inherit;border-radius:10px;padding:12px 14px}.primary,button,.queue a,.hero a{border-radius:999px;padding:10px 14px;background:#efe8dc;text-decoration:none;color:inherit;font-family:Avenir Next,Segoe UI,sans-serif;font-size:14px}.primary{background:#1f4d3a;color:#f4f1ea}.hero .go,.queue .go{display:flex;justify-content:center;width:100%;margin-top:14px;padding:14px 18px;border-radius:12px;background:#1f4d3a;color:#f4f1ea;font-family:Avenir Next,Segoe UI,sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em;text-decoration:none}.queue.done a.go.compact{width:25%;margin-top:0;padding:10px 8px;background:#8d877c;color:#f7f4ee;font-size:14px}.queue.fav{background:transparent;border:0}.queue.fav>li{background:#fffcf7;border:1px solid #e0b322;border-radius:16px;margin-bottom:12px}.queue.done{background:transparent;border:0}.thumb{position:relative}.badge{position:absolute;top:18px;right:8px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#f0c84a;color:#1c1915}.icon-btn{width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:10px}.note{width:100%;min-height:72px;margin-top:4px;resize:vertical;border:1px solid #d9d0c4;background:#f7f1e6;color:inherit;border-radius:12px;padding:12px 14px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:16px;line-height:1.4}.note::placeholder{color:#8a8378}button:disabled,.primary:disabled{opacity:.45}.top,.switch,.pills,.composer{display:flex;gap:8px;align-items:center}.top{justify-content:space-between;margin-bottom:10px}.text{padding-inline:0;background:transparent}.filters{position:sticky;top:0;z-index:3;background:#f4f1ea;padding:12px 0}.switch{margin-top:0}.switch button{flex:1}.switch button.on,.pill.on{background:#1c1915;color:#f4f1ea}.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.filter-row .pills{flex:1;margin-top:0;min-width:0}.clear-tag{flex:none;padding:8px 10px;font-size:13px}.filter-row .search{flex:1;min-width:0;margin:0;height:40px;padding:0 14px;border-radius:999px}.search-cancel{flex:none}.search-toggle{flex:none;border-radius:999px;background:#efe8dc}.search-toggle.on{background:#1c1915;color:#f4f1ea}.icon-row{display:flex;gap:6px;align-items:stretch;margin-top:8px}.icon-row .icon-btn,.icon-row .word{flex:1;width:auto;min-width:0;height:40px;padding:0;border-radius:10px}.icon-row .word{font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px}.icon-row .icon-btn.star{background:#f3e4b0;color:#7a5e16}.icon-row .icon-btn.done{background:#dceadf;color:#1f4d3a}.icon-row .icon-btn.delete{background:#f6ddd8;color:#8a2e24}.tag-row{position:relative;display:flex;align-items:center;gap:8px;margin-top:8px}.tag-row .tag-input{flex:1;min-width:0;width:auto;height:40px;margin:0;padding:0 14px;border-radius:999px}.hero:has(.suggest),.queue>li:has(.suggest){position:relative;z-index:2}.tag-row .suggest{position:absolute;z-index:1;top:calc(100% + 4px);left:0;right:0}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.tag{display:inline-flex;align-items:center;background:#efe8dc;border-radius:999px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px}.tag.on{background:#1c1915;color:#f4f1ea}.tag button{background:transparent;border-radius:999px;padding:4px 8px;font-size:13px}.tag-x{padding-left:0}.suggest{list-style:none;margin:0;padding:2px;background:#fffcf7;border:1px solid #e4dcd0;border-radius:10px}.suggest button{width:100%;text-align:left;background:transparent;border-radius:8px;padding:4px 8px;font-size:13px}.pills{flex-wrap:nowrap;margin-top:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:#efe8dc;border-radius:999px}.pills::-webkit-scrollbar{display:none}.pill{--mark: #efe8dc;flex:1 0 48px;height:40px;padding:0;display:grid;place-items:center}.pill.on{--mark: #1c1915}.pill.anchor{position:sticky;left:0;z-index:1;box-shadow:8px 0 #efe8dc}.hero,.setup,.queue{margin-top:18px;background:#fffcf7;border:1px solid #e4dcd0;border-radius:16px}.hero,.setup{padding:16px}.setup{display:grid;gap:10px}.setup ol{margin:0;padding-left:18px;display:grid;gap:8px}.setup code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.preview{position:relative;margin:10px 0}.preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(to bottom,#1c191580,#1c191500 48%);pointer-events:none}.frame{width:100%;height:190px;object-fit:cover;border-radius:12px;margin:0;background:#e7e0d4}.source{--mark: #1c1915;position:absolute;z-index:1;top:8px;left:8px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#1c1915;color:#f4f1ea;font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px;font-weight:500;line-height:1.2}.source svg{width:14px;height:14px}.frame.plain{--mark: #e7e0d4;display:grid;place-items:center;color:#1c1915}.frame.plain svg{width:48px;height:48px}.eyebrow{font-family:Avenir Next,Segoe UI,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#1f4d3a}.queue{list-style:none;padding:0}.queue:not(.fav){display:grid;gap:12px;background:transparent;border:0}.queue>li{display:grid;gap:8px;padding:14px 16px}.queue:not(.fav)>li{background:#fffcf7;border:1px solid #e4dcd0;border-radius:16px}.queue.done>li{background:#e4dfd6;border-color:#d3cdc2}.title{font-size:17px}.composer{position:fixed;z-index:2;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#f4f1ea;border-top:1px solid #e4dcd0}.composer{align-items:flex-end}.composer textarea{flex:1;min-height:46px;max-height:96px;resize:none;border:1px solid #d9d0c4;background:#fffcf7;color:inherit;border-radius:10px;padding:12px 14px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:16px;line-height:1.35}.composer .primary{flex:none}.error,.notice,.empty{margin-top:14px}.error{color:#8a2e24}.notice{color:#1f4d3a}.bookmarklet{display:inline-block;background:#1f4d3a;color:#f4f1ea;text-decoration:none;border-radius:999px;padding:8px 12px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:14px}