:root{--ink:#edf2eb;--paper:#11191d;--accent:#a8c6b2;--field-1:#11171b;--field-2:#1b2c3b;--field-3:#21433f;--field-4:#263a45;color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Hiragino Sans,Yu Gothic,Meiryo,monospace;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--paper);color:var(--ink)}button,input,textarea{font:inherit}button{color:inherit;border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.atmosphere,.atmosphere i{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0}.atmosphere{z-index:-2;overflow:hidden;background:var(--paper)}.atmosphere.wash{background:var(--wash-1);animation:color-wash 224s linear infinite}.atmosphere.wash:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0714192e,#07141955)}.atmosphere.wash i{display:none}.atmosphere.still{background:radial-gradient(ellipse 75% 60% at 12% 18%,var(--field-2) 0%,transparent 70%),radial-gradient(ellipse 70% 65% at 88% 20%,var(--field-3) 0%,transparent 72%),radial-gradient(ellipse 80% 70% at 68% 100%,var(--field-4) 0%,transparent 70%),var(--paper)}.atmosphere.still i{display:none}.atmosphere i{width:68vw;height:68vw;border-radius:48%;filter:blur(100px);opacity:.4;animation:drift 105s ease-in-out infinite alternate}.atmosphere i:nth-child(1){background:var(--field-1);left:-25vw;top:-35vw}.atmosphere i:nth-child(2){background:var(--field-2);right:-28vw;top:-8vw;animation-delay:-24s;animation-duration:87s}.atmosphere i:nth-child(3){background:var(--field-3);left:-18vw;bottom:-42vw;animation-delay:-47s;animation-duration:120s}.atmosphere i:nth-child(4){background:var(--field-4);right:-22vw;bottom:-38vw;animation-delay:-61s;animation-duration:98s}@keyframes drift{0%{transform:translate3d(-4%,-3%,0) scale(1);opacity:.27}to{transform:translate3d(6%,5%,0) scale(1.15);opacity:.48}}@keyframes color-wash{0%,8%{background:var(--wash-1)}12%,20%{background:var(--wash-2)}24%,32%{background:var(--wash-3)}36%,44%{background:var(--wash-4)}48%,56%{background:var(--wash-5)}60%,68%{background:var(--wash-6)}72%,80%{background:var(--wash-7)}84%,92%{background:var(--wash-8)}to{background:var(--wash-1)}}.topbar{position:fixed;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 32px;background:linear-gradient(180deg,#0b101080,transparent);transition:opacity .7s,transform .7s}.brand{background:transparent;padding:4px 0;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.18em}.brand span{opacity:.45}.room-controls{display:flex;align-items:center;gap:15px}.room-controls>button,.mode-switch button{padding:6px 0;background:transparent;border-bottom:1px solid transparent;color:var(--ink);opacity:.62;font-size:10px;letter-spacing:.06em}.room-controls>button:hover,.mode-switch button:hover,.mode-switch button.active{border-color:var(--accent);opacity:1}.document-title{width:150px;border:0;border-bottom:1px solid #fff3;outline:0;background:transparent;color:var(--ink);font-size:11px;text-align:right}.document-title:focus{border-color:var(--accent)}.mode-switch{display:flex;gap:12px}.sound-trigger b{color:var(--accent);font-size:9px}.library-trigger{font-size:10px!important;letter-spacing:.04em}.saved-state{min-width:38px;color:var(--ink);opacity:.38;font-size:9px;text-transform:uppercase;letter-spacing:.08em;transition:opacity .3s}.saved-state.editing{opacity:.75}.room{min-height:100vh}.writing-room{min-height:100vh;padding:18vh max(18px,calc((100vw - 70ch)/2)) 12vh}textarea{display:block;width:100%;min-height:70vh;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font-size:clamp(18px,2.1vw,25px);line-height:2.05;letter-spacing:.025em;caret-color:var(--accent);scrollbar-width:none}textarea::-webkit-scrollbar{width:0;height:0;display:none}textarea:focus{border:0;outline:0;box-shadow:none}textarea::placeholder{color:var(--ink);opacity:.44}.reading-room{width:min(960px,calc(100% - 40px));margin:0 auto;padding:18vh 0 12vh}.reading-room.focus-reading{padding-bottom:26vh}.reading-heading{display:flex;justify-content:space-between;margin-bottom:52px;color:var(--ink);opacity:.58;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.reading-heading button,.empty-reading button{background:transparent;border-bottom:1px solid var(--accent);color:var(--accent);font-size:10px;padding:0 0 4px}article{color:var(--ink);font-size:clamp(21px,2.5vw,32px);line-height:2.15;letter-spacing:.035em}.reading-line{display:block;min-height:1.5em}.reading-line.blank{min-height:1.1em}.sentence{border-left:2px solid transparent;cursor:pointer;padding-left:8px;transition:opacity .55s,font-size .55s,color .55s}.sentence.active{border-color:var(--accent);color:var(--ink);font-size:1.07em;opacity:1}.sentence.near{opacity:.45}.sentence.far{opacity:.16}article:not(.focus-on) .sentence{opacity:1}.paragraph-break{display:block;height:1.4em}.reading-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:62px;color:var(--ink);opacity:.55;font-size:10px}.reading-controls button{background:transparent;border-bottom:1px solid #fff4;padding:5px 0}.reading-controls button.active{border-color:var(--accent);color:var(--accent)}.reading-controls button:disabled{opacity:.28;cursor:default}.focus-controls{position:fixed;z-index:4;left:50%;bottom:22px;width:min(calc(100% - 32px),760px);transform:translate(-50%);margin:0;padding:10px 16px;border:1px solid #fff1;background:#10191d66;box-shadow:0 8px 24px #0002;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.62;transition:opacity .35s,background .35s}.focus-controls:hover,.focus-controls:focus-within{opacity:1;background:#10191d99}.empty-reading h1{font-size:32px;font-weight:500}.empty-reading p{margin:22px 0 30px;opacity:.55}.welcome{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.welcome-mark{margin:0 0 28px;color:var(--accent);font-size:11px;letter-spacing:.22em}.welcome h1{margin:0;font-size:clamp(40px,8vw,76px);font-weight:500;letter-spacing:-.07em}.welcome-note{max-width:370px;margin:20px 0 36px;opacity:.55;line-height:1.7}.welcome-actions,.library-actions,.export-actions,.timer-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.welcome-actions button,.timer-actions button:first-child{background:var(--accent);color:var(--paper);padding:11px 17px;font-size:10px;font-weight:700;letter-spacing:.06em}.text-link,.library-actions button,.export-actions button{padding:6px 0;border-bottom:1px solid #fff4;background:transparent;color:var(--ink);cursor:pointer;font-size:10px}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#061014a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;padding:32px;background:color-mix(in srgb,var(--paper) 88%,#26352f);border:1px solid #fff2;box-shadow:0 25px 90px #0005;clip-path:polygon(0 0,99.5% 0,100% 99%,.5% 100%,0 98%)}.close{position:absolute;top:17px;right:21px;background:transparent;font-size:23px;opacity:.6}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.panel h2{margin:10px 0 25px;font-size:25px;font-weight:500}.environment-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.environment-list button{display:grid;gap:7px;padding:17px;border-left:2px solid transparent;background:#fff1;color:var(--ink);text-align:left}.environment-list button:hover,.environment-list button.chosen{border-color:var(--accent);background:#fff2}.environment-list small,.document-row small{opacity:.5;font-size:10px}.document-list{margin:22px 0;border-top:1px solid #fff2}.document-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border-bottom:1px solid #fff2;padding:12px 0}.document-row>button:first-child{display:grid;min-width:0;gap:5px;background:transparent;color:var(--ink);text-align:left}.document-row.selected strong{color:var(--accent)}.row-action{background:transparent;color:var(--ink);opacity:.45;font-size:9px}.row-action:hover{opacity:1}.danger:hover{color:#e98}.preset-list{display:flex;gap:7px;margin-bottom:24px;flex-wrap:wrap}.preset-list button,.timer-presets button{padding:9px 11px;border:1px solid #fff2;background:#fff1;color:var(--ink);font-size:10px}.preset-list button:hover,.timer-presets button.chosen{border-color:var(--accent);color:var(--accent)}.master-row{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;margin-bottom:24px}.master-row button{padding:7px 0;border-bottom:1px solid var(--accent);background:transparent;color:var(--accent);font-size:10px}.sound-group{border-top:1px solid #fff2;padding:13px 0 6px}.sound-group h3{margin:0 0 9px;font-size:10px;font-weight:500;opacity:.5;text-transform:uppercase;letter-spacing:.12em}.sound-row{display:grid;grid-template-columns:1fr 155px;gap:15px;align-items:center;padding:7px 0;font-size:11px}.sound-row input[type=checkbox]{accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.timer-panel{text-align:left}.timer-panel h2{font-size:48px;letter-spacing:.04em}.timer-presets{display:flex;gap:8px;margin-bottom:30px}.timer-actions button{padding:9px 12px;background:transparent;border-bottom:1px solid #fff4;color:var(--ink);font-size:10px}.panel-note{margin-top:27px;color:var(--ink);opacity:.45;font-size:10px;line-height:1.6}.immersive .topbar{opacity:0;transform:translateY(-16px);pointer-events:none}.immersive .writing-room{padding-top:18vh}.texture-choice{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid #fff2}.texture-choice .eyebrow{margin-right:auto}.texture-choice button{padding:8px 10px;border:1px solid #fff2;background:#fff1;color:var(--ink);font-size:10px}.texture-choice button.chosen{border-color:var(--accent);color:var(--accent)}@media(max-width:700px){.topbar{padding:18px;align-items:flex-start;gap:10px}.brand{margin-top:3px;white-space:nowrap;font-size:10px;flex-shrink:0}.room-controls{min-width:0;max-width:none;justify-content:flex-end;gap:8px;flex-wrap:wrap}.document-title{width:120px;order:-1}.saved-state{display:none}.reading-room{width:calc(100% - 32px);padding-top:16vh}.writing-room{padding-left:18px;padding-right:18px}.environment-list{grid-template-columns:1fr}.sound-row{grid-template-columns:1fr 110px}.panel{padding:27px 20px}.focus-controls{bottom:12px;padding:10px;gap:12px}}@media(prefers-reduced-motion:reduce){.atmosphere i,.atmosphere.wash{animation:none}*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}