:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#26231f;font-synthesis:none;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root,.app{height:100%;min-height:100%;margin:0}button,select,input{font:inherit}button,select,input[type=number]{color:inherit;background:#fffefa;border:1px solid #c9c3b8;border-radius:.45rem}button{cursor:pointer;padding:.38rem .6rem}button:hover:not(:disabled){border-color:#767064}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #426d91}button:disabled{cursor:not-allowed;opacity:.5}.app{flex-direction:column;display:flex}.topbar{background:#eeeae2;border-bottom:1px solid #d8d2c8;align-items:center;gap:.65rem;min-height:3.25rem;padding:.55rem .8rem;display:flex}.topbar-spacer{flex:1}.segmented{display:inline-flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:.45rem 0 0 .45rem}.segmented button:last-child{border-radius:0 .45rem .45rem 0;margin-left:-1px}.segmented button[aria-pressed=true]{color:#fff;background:#426d91;border-color:#355a79}.word-count{text-align:right;font-variant-numeric:tabular-nums;color:#5d584f;min-width:5rem}.timer{align-items:center;gap:.4rem;display:flex}.timer output{text-align:center;font-variant-numeric:tabular-nums;min-width:5.4rem;font-weight:650}.timer--complete output{color:#9b3f31;background:#f6d6cf;border-radius:.3rem}.duration{align-items:center;gap:.2rem;display:flex}.duration input{width:4rem;padding:.35rem}.icon-button{border-radius:50%;width:2rem;height:2rem;padding:0;font-weight:700}.writing-editor{resize:none;width:min(100%,60rem);min-height:0;color:inherit;caret-color:#426d91;background:0 0;border:0;outline:none;flex:1;margin:0 auto;padding:clamp(1.5rem,6vw,5rem);font:1.2rem/1.8 Georgia,Times New Roman,serif}.writing-editor::placeholder{color:#918b81}.notice{z-index:5;color:#fff;background:#45423d;border-radius:.5rem;align-items:center;gap:.75rem;max-width:min(90vw,38rem);padding:.6rem .8rem;display:flex;position:fixed;top:4rem;left:50%;transform:translate(-50%);box-shadow:0 .25rem 1rem #0003}.notice.warning{background:#795018}.notice button{color:inherit;background:0 0;border:0}.options{position:relative}.popover{z-index:10;background:#fffefa;border:1px solid #c9c3b8;border-radius:.6rem;gap:.55rem;width:min(19rem,100vw - 1rem);padding:.75rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .5rem 1.5rem #0002}.popover-heading,.menu-row{align-items:center;gap:.4rem;display:flex}.popover-heading{justify-content:space-between}.popover label{align-items:center;gap:.5rem;display:flex}.popover hr{border:0;border-top:1px solid #ded9d0;width:100%;margin:.15rem 0}.popover small{color:#69635a}.session-list{gap:.25rem;max-height:11rem;display:grid;overflow:auto}.session-list button{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-session{background:#e3edf5;border-color:#426d91}.danger{color:#a03025}.modal-backdrop{z-index:20;background:#0008;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fffefa;border-radius:.75rem;width:min(31rem,100%);padding:1.5rem;position:relative;box-shadow:0 1rem 3rem #0004}.modal h2{margin-top:0}.modal-close{position:absolute;top:.65rem;right:.65rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){:root{color:#e9e5dd;background:#191817}.topbar{background:#252321;border-color:#48443e}button,select,input[type=number],.popover,.modal{color:inherit;background:#302e2b;border-color:#5c574f}.word-count,.popover small{color:#bdb6ab}.active-session{background:#294155}}@media (width<=700px){.topbar{flex-wrap:wrap}.topbar-spacer{display:none}.timer{order:3;width:100%;overflow-x:auto}.writing-editor{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
