:root{--page:#f7f7f4;--ink:#242522;--muted:#9a9c96;--faint:#dedfd9}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:4px;outline:1px solid #8e918a}.quiet-shell{place-items:center;min-height:100vh;padding:72px 24px;display:grid;position:relative}.quiet-switch{z-index:5;gap:4px;display:flex;position:fixed;top:27px;right:30px}.quiet-switch button{color:#b6b8b2;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:29px;height:29px;padding:0;transition:color .15s,background .15s;display:grid;position:relative}.quiet-switch button:hover,.quiet-switch button.active{color:#5f625c;background:#00000009}.quiet-switch button:after{content:attr(data-tip);color:#fff;opacity:0;pointer-events:none;background:#2f312e;border-radius:5px;width:max-content;padding:5px 7px;font-size:9px;transition:all .12s;position:absolute;top:36px;right:0;transform:translateY(-3px)}.quiet-switch button:hover:after{opacity:1;transform:none}.list-glyph{gap:4px;width:13px;display:grid}.list-glyph i{background:currentColor;height:1px;display:block}.grid-glyph{grid-template-columns:repeat(3,3px);gap:2px;width:13px;display:grid}.grid-glyph i{background:currentColor;border-radius:1px;width:3px;height:3px}.quiet-list{width:min(100%,590px);transform:translateY(-5vh)}.quiet-item{--item-color:#777;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:46px;padding:4px 7px;transition:background .14s;display:grid}.quiet-item:hover{background:#00000006}.quiet-check{border:1.5px solid color-mix(in srgb,var(--item-color) 82%,white);color:#0000;border-radius:5px;place-items:center;width:17px;height:17px;transition:background .16s,border .16s,transform .18s cubic-bezier(.2,.9,.3,1.25);display:grid}.quiet-check i{font-size:10px;font-style:normal;line-height:1;transform:translateY(-.5px)}.quiet-item:hover .quiet-check{border-color:var(--item-color)}.quiet-item.done .quiet-check{border-color:var(--item-color);background:var(--item-color);color:#fff;transform:scale(.96)}.quiet-label{letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:440;transition:color .15s;overflow:hidden}.quiet-item.done .quiet-label{color:#a4a69f;-webkit-text-decoration:line-through #bcbeb8;text-decoration:line-through #bcbeb8;text-decoration-thickness:1px}.quiet-detail{color:#a4a69f;opacity:0;white-space:nowrap;margin-right:4px;font-size:10px;transition:opacity .13s,transform .13s;transform:translate(-3px)}.quiet-item:hover .quiet-detail,.quiet-item:focus-visible .quiet-detail{opacity:1;transform:none}.quiet-add,.quiet-add-form{color:#b5b7b1;text-align:left;background:0 0;border:0;grid-template-columns:22px 1fr;align-items:center;gap:12px;width:100%;min-height:42px;padding:3px 7px;display:grid}.quiet-add{cursor:pointer}.quiet-add span{text-align:center;width:17px;font-size:17px;font-weight:300}.quiet-add i{opacity:0;font-size:10px;font-style:normal;transition:opacity .13s}.quiet-add:hover i{opacity:1}.quiet-add-form .quiet-check.new{--item-color:#aaa}.quiet-add-form input{border:0;border-bottom:1px solid var(--faint);width:100%;color:var(--ink);background:0 0;border-radius:0;outline:0;padding:8px 0;font-size:14px}.quiet-add-form input::placeholder{color:#b5b7b1}.quiet-history{gap:17px;width:min(100%,760px);animation:.22s both appear;display:grid;transform:translateY(-3vh)}.history-axis{grid-template-columns:128px minmax(0,1fr);gap:22px;display:grid}.history-axis div{color:#b0b2ac;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);font-size:8px;display:grid}.history-axis i{font-style:normal}.history-axis i:nth-child(2){text-align:center}.history-axis i:last-child{text-align:right}.history-row{--item-color:#777;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:22px;display:grid}.history-name{flex-direction:column;gap:3px;min-width:0;display:flex}.history-name strong{color:#666963;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:470;overflow:hidden}.history-name small{color:#b0b2ac;font-size:8px}.history-weeks{grid-template-columns:repeat(12,1fr);gap:clamp(6px,.85vw,11px);display:grid}.history-weeks i{--strength:0;aspect-ratio:1;background:color-mix(in srgb,var(--item-color) calc(var(--strength) * 82%),#e9eae5);border-radius:5px;place-items:center;transition:transform .13s;display:grid;position:relative}.history-weeks i.current{outline:1px solid color-mix(in srgb,var(--item-color) 45%,#c8cac4);outline-offset:3px}.history-weeks i.current span{color:color-mix(in srgb,var(--item-color) 65%,#30322f);font-size:8px;font-style:normal;font-weight:650}.history-weeks i:hover{z-index:2;transform:scale(1.25)}.history-weeks i:after{content:attr(data-tip);color:#fff;opacity:0;pointer-events:none;background:#2f312e;border-radius:5px;width:max-content;padding:5px 7px;font-size:8px;font-style:normal;transition:all .1s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}.history-weeks i:hover:after{opacity:1;transform:translate(-50%)}.history-foot{color:#b6b8b2;justify-content:flex-end;margin-top:5px;font-size:8px;display:flex}.history-foot em{letter-spacing:.12em;font-style:normal}.login-form{grid-template-columns:18px minmax(0,1fr) 26px;align-items:center;gap:11px;width:min(100%,280px);display:grid;transform:translateY(-5vh)}.login-mark{background:#6d9a78;border-radius:3px;width:9px;height:9px}.login-form input{border:0;border-bottom:1px solid var(--faint);min-width:0;color:var(--ink);background:0 0;border-radius:0;outline:0;padding:10px 0;font-size:13px}.login-form input::placeholder{color:#b5b7b1}.login-form button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:7px;width:26px;height:26px;padding:0}.login-form button:hover{color:var(--ink);background:#00000009}.login-form.wrong{animation:.26s shake}@keyframes appear{0%{opacity:0;transform:translateY(calc(5px - 3vh))}}@keyframes shake{25%{transform:translate(-5px,-5vh)}75%{transform:translate(5px,-5vh)}}@media (width<=680px){.quiet-shell{place-items:start center;padding-top:25vh}.quiet-list{transform:none}.quiet-detail{display:none}.quiet-item{min-height:48px}.quiet-switch{top:18px;right:18px}.quiet-history{gap:18px;transform:none}.history-axis{display:none}.history-row{grid-template-columns:1fr;gap:8px}.history-weeks{grid-template-columns:repeat(12,1fr)}.login-form{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}