:root{--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#171717;--gray-950:#0a0a0a;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--cyan-100:#cffafe;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--orange-500:#f97316;--header-height:46px}*,:before,:after{box-sizing:border-box;font-weight:400}body,h1,h2,p,button,input,textarea{margin:0}body{background:var(--gray-950);color:var(--gray-100);touch-action:manipulation;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.button{border:1px solid var(--gray-800);color:var(--gray-300);box-sizing:border-box;border-radius:2px;justify-content:center;align-items:center;padding:4px 8px;line-height:20px;display:inline-flex}.button:active{background:var(--gray-900)}.button:disabled{opacity:.5}.button.icon-text-button{gap:4px}.button .button-icon{width:16px;height:16px}.auth-page{align-content:center;justify-items:center;min-height:100dvh;display:grid}.page{flex-direction:column;max-width:700px;min-height:100dvh;margin-inline:auto;display:flex}.page .header{z-index:100;height:var(--header-height);background:var(--gray-950);border-bottom:1px solid var(--gray-800);color:var(--gray-500);justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;line-height:20px;display:flex;position:sticky;top:0}.page .header .left{align-items:center;display:flex}.page .header .right{align-items:center;gap:8px;display:flex}.page .header .title{color:var(--gray-50);font-size:16px;line-height:20px}.feed .list>*+*{border-top:1px solid var(--gray-800)}.feed .end-of-feed,.feed .empty-feed{min-height:50px;color:var(--gray-500);place-items:center;font-size:14px;line-height:20px;display:grid}.feed .feed-loading{min-height:120px;color:var(--gray-400);place-items:center;font-size:14px;line-height:20px;display:grid}.feed .item{background:radial-gradient(circle at top left, var(--gray-900), var(--gray-950) 52%);scroll-margin-top:calc(var(--header-height) - 1px);grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding:12px;display:grid}.feed .item .main{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.feed .item .main .link{border-radius:4px;display:block}.feed .item .main .link:active{background:var(--gray-800)}.feed .item .main .content{min-width:0}.feed .item .main .content .meta{min-width:0;color:var(--gray-400);align-items:center;gap:6px;font-size:14px;line-height:20px;display:flex}.feed .item .main .content .meta .pin-icon-button{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin:-8px;display:inline-flex}.feed .item .main .content .meta .pin-icon-button:hover{background:var(--gray-800)}.feed .item .main .content .meta .pin-icon{color:var(--rose-400);flex-shrink:0}.feed .item .main .content .meta .source{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed .item .main .content .title{color:var(--gray-50);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:8px;font-size:18px;line-height:24px;display:-webkit-box;overflow:hidden}.feed .item .main .actions{align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.feed .item .main .actions .rating{flex:1;height:30px;position:relative}.feed .item .main .actions .rating .rating-track{background:var(--gray-500);pointer-events:none;height:2px;position:absolute;top:50%;left:15px;right:15px;transform:translateY(-50%)}.feed .item .main .actions .rating .rating-fill{background:var(--rose-500);height:100%;position:absolute}.feed .item .main .actions .rating .rating-input{appearance:none;background:0 0;width:100%;height:30px;position:absolute;inset:0}.feed .item .main .actions .rating .rating-input::-webkit-slider-runnable-track{background:0 0;height:2px}.feed .item .main .actions .rating .rating-input::-webkit-slider-thumb{appearance:none;background:var(--rose-500) content-box;border:5px solid #0000;border-radius:9999px;width:30px;height:30px;margin-top:-14px}.feed .item .main .actions .rating .rating-input::-moz-range-track{background:0 0;border:0;height:2px}.feed .item .main .actions .rating .rating-input::-moz-range-thumb{background:var(--rose-500) content-box;border:5px solid #0000;border-radius:9999px;width:30px;height:30px}.feed .item .main .actions .expand-button{width:32px;height:32px;color:var(--gray-400);place-items:center;display:grid}.feed .item .image-link{display:block}.feed .item .image-link .image,.feed .item .image-link .image-placeholder{border-radius:2px;width:100%;height:100%;min-height:144px}.feed .item .image-link .image{object-fit:cover}.feed .item .image-link .image-placeholder{background:var(--gray-900);color:var(--gray-600);place-items:center;display:grid}.feed .item .details{background:var(--gray-900);border-radius:6px;grid-column:span 2;padding:14px 12px}.feed .item .details .pin-button,.feed .item .details .category-button,.feed .item .details .share-button{border:1px solid var(--gray-700);background:var(--gray-900);color:var(--gray-300);border-radius:9999px;padding:4px 12px;font-size:14px;line-height:20px}.feed .item .details .pin-button,.feed .item .details .share-button{align-items:center;gap:8px;display:inline-flex}.feed .item .details .pin-button.active{background:var(--rose-500);color:#fff;border-color:#0000}.feed .item .details .share-button{cursor:pointer;margin-left:8px}.feed .item .details .categories{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.feed .item .details .categories .categories-label{color:var(--gray-400);margin-right:4px;font-size:14px;line-height:20px}.feed .item .details .categories .category-button{color:var(--gray-400)}.feed .item .details .categories .category-button.excluded{border-color:var(--cyan-400);background:var(--gray-950);color:var(--cyan-100)}.feed .item .details .field{margin-top:16px}.feed .item .details .field .field-label{color:var(--gray-300);font-size:14px;line-height:20px}.feed .item .details .field .text-input,.feed .item .details .field .note-textarea{border:1px solid var(--gray-800);background:var(--gray-950);width:100%;color:var(--gray-100);border-radius:2px;outline:none;padding:8px 12px;font-size:14px;line-height:20px}:is(.feed .item .details .field .text-input,.feed .item .details .field .note-textarea):focus{border-color:var(--rose-400)}.feed .item .details .field .text-input{margin-top:8px}.feed .item .details .field .note-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.feed .item .details .field .note-header .note-text{min-width:0}.feed .item .details .field .note-header .note-text .note-error{color:var(--rose-300);margin-top:2px;font-size:12px;line-height:16px}.feed .item .details .field .note-header .record-button{border:1px solid var(--gray-800);background:var(--gray-900);width:32px;height:32px;color:var(--gray-300);border-radius:9999px;place-items:center;display:grid}.feed .item .details .field .note-header .record-button:disabled{opacity:.5}.feed .item .details .field .note-header .record-button.recording{background:var(--rose-500);color:#fff;border-color:#0000}.feed .item .details .field .note-header .record-button.transcribing{background:var(--orange-500);color:#fff;opacity:1;border-color:#0000}.feed .item .details .field .note-textarea{resize:vertical;margin-top:8px;line-height:24px}.feed .item .details .field .note-textarea::placeholder{color:var(--gray-400)}.stats .content{padding:8px 12px 24px}.stats .content .status{color:var(--gray-500);font-size:14px;line-height:20px}.stats .content .section{margin-top:34px}.stats .content .section:first-of-type{margin-top:12px}.stats .content .section-label{color:var(--gray-500);font-size:14px;line-height:20px;display:block}.stats .content .section-heading{color:var(--gray-300);font-size:18px;line-height:24px}.stats .content .section-label+.window,.stats .content .section-heading+.chart,.stats .content .section-heading+.bar-chart,.stats .content .section-heading+.list,.stats .content .section-heading+.empty{margin-top:12px}.stats .content .chart{border:1px solid var(--gray-800);border-radius:2px;padding:8px}.stats .content .chart .legend{color:var(--gray-500);gap:16px;font-size:13px;line-height:18px;display:flex}.stats .content .chart .legend .legend-item{align-items:center;gap:6px;display:inline-flex}.stats .content .chart .legend .legend-item .legend-line{width:18px;height:2px}.stats .content .pace-chart .pace-plot{grid-template-columns:max-content minmax(0,1fr);align-items:stretch;gap:8px;margin-top:4px;display:grid}.stats .content .pace-chart .pace-axis{min-width:2ch;height:136px;color:var(--gray-500);text-align:right;font-size:12px;line-height:1;position:relative}.stats .content .pace-chart .pace-axis span{position:absolute;right:0;transform:translateY(-50%)}.stats .content .pace-chart .pace-axis span:first-child{top:8.82353%}.stats .content .pace-chart .pace-axis span:last-child{top:91.1765%}.stats .content .pace-chart svg{width:100%;height:136px;display:block;overflow:visible}.stats .content .pace-chart .baseline{stroke:var(--gray-800);stroke-width:1px;vector-effect:non-scaling-stroke}.stats .content .pace-chart .new-line,.stats .content .pace-chart .seen-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.stats .content .pace-chart .new-line{background:var(--cyan-300);stroke:var(--cyan-300)}.stats .content .pace-chart .seen-line{background:var(--rose-400);stroke:var(--rose-400)}.stats .content .pace-chart .new-dot,.stats .content .pace-chart .seen-dot{stroke:var(--gray-950);stroke-width:1.5px;vector-effect:non-scaling-stroke}.stats .content .pace-chart .new-dot{fill:var(--cyan-300)}.stats .content .pace-chart .seen-dot{fill:var(--rose-400)}.stats .content .bar-chart{gap:10px;display:grid}.stats .content .bar-chart .bar-row{min-width:0}.stats .content .bar-chart .bar-row .bar-row-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stats .content .bar-chart .bar-row .bar-row-header .bar-label{min-width:0;color:var(--gray-100);overflow-wrap:anywhere;font-size:14px;line-height:20px}.stats .content .bar-chart .bar-row .bar-row-header .bar-label span{color:var(--gray-500)}.stats .content .bar-chart .bar-row .bar-row-header .bar-value{color:var(--gray-300);flex-shrink:0;font-size:13px;line-height:18px}.stats .content .bar-chart .bar-row .bar-row-header .bar-value span{color:var(--gray-400)}.stats .content .bar-chart .bar-row .bar-track{background:var(--gray-900);height:12px;margin-top:4px}.stats .content .bar-chart .bar-row .bar-track .bar-fill{height:100%}.stats .content .bar-chart.new .bar-fill{background:var(--cyan-300)}.stats .content .bar-chart.rating .bar-fill{background:var(--rose-400)}.stats .content .bar-chart .bar-separator{justify-content:center;align-items:center;height:24px;display:flex}.stats .content .bar-chart .bar-separator svg{fill:none;width:80%;height:8px;stroke:var(--gray-600);stroke-linecap:round;stroke-width:1.4px;display:block}@media (width<=480px){.stats .content .bar-chart .bar-label{overflow-wrap:anywhere}}.stats .content .window{border:1px solid var(--gray-800);background:var(--gray-900);border-radius:2px;align-items:center;display:inline-flex}.stats .content .window-button{width:32px;height:32px;color:var(--gray-300)}.stats .content .window-button:disabled{opacity:.5}.stats .content .window-input{background:var(--gray-950);width:56px;height:32px;color:var(--gray-100);text-align:center;border:0;outline:none;font-size:14px;line-height:20px}.stats .content .window-unit{color:var(--gray-500);padding-right:12px;font-size:14px;line-height:20px}.stats .content .list{border:1px solid var(--gray-800);border-radius:2px}.stats .content .list>*+*{border-top:1px solid var(--gray-800)}.stats .content .row,.stats .content .empty{padding:12px}.stats .content .row-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.stats .content .name{min-width:0;color:var(--gray-100);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;overflow:hidden}.stats .content .value{color:var(--gray-300);flex-shrink:0;font-size:14px;line-height:20px}.stats .content .detail{color:var(--gray-500);margin-top:4px;font-size:14px;line-height:20px}.stats .content .empty{color:var(--gray-500);font-size:14px;line-height:20px}