*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#111;background:#fff;height:100%}.setupPage,.setupPage *{cursor:var(--brush-cursor,url("/brush-cursor.svg") 4 28,auto)}.inkCanvas{position:absolute;inset:0;z-index:5;pointer-events:none}.setupPage>:not(.inkCanvas){position:relative;z-index:10;pointer-events:auto}.inkSplashContainer{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.inkCenter{width:40px;height:40px;background:radial-gradient(circle,#1a1a1a 0,rgba(26,26,26,.6) 50%,transparent 70%)}.inkCenter,.inkParticle{position:absolute;border-radius:50%}.inkParticle{background:#1a1a1a}.setupPage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f7f7f7;position:relative;overflow:hidden}.setupTitle{font-size:72px;font-weight:300;letter-spacing:-2px;color:#111;margin:0}.setupSubtitle{font-size:20px;font-weight:300;color:#666;margin-top:16px;margin-bottom:48px}.setupControls{display:flex;flex-direction:column;align-items:center;gap:24px}.setupIntro{opacity:1;filter:blur(0);transform:translateY(0);animation:setupFadeIn .8s ease-out forwards}.setupIntro--subtitle{animation-delay:.2s}.setupIntro--controls{animation-delay:.4s}@keyframes setupFadeIn{0%{opacity:1;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.durationPrompt{font-size:18px;color:#444;font-weight:400}.durationSelect{padding:16px 40px 16px 20px;font-size:16px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.durationSelect:focus{outline:none;border-color:#999}.startBtn{width:72px;height:72px;border:none;border-radius:50%;background:#111;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.startBtn svg{width:28px;height:28px}.startBtn:hover{background:#333}.writingPage{min-height:100vh;position:relative;overflow:hidden;transition:background .3s ease}.writingPage.dark{background:#0a0a0a}.writingPage.dark .immersiveEditor{color:#e0e0e0;caret-color:#888}.writingPage.dark .immersiveEditor::placeholder{color:#333}.writingPage.dark .timerCorner{color:#444}.writingPage.dark .modeToggle{color:#555;border-color:#333}.writingPage.dark .modeToggle:hover{color:#888;border-color:#555}.writingPage.light{background:#fafafa}.writingPage.light .immersiveEditor{color:#222;caret-color:#666}.writingPage.light .immersiveEditor::placeholder{color:#bbb}.writingPage.light .timerCorner{color:#bbb}.writingPage.light .modeToggle{color:#aaa;border-color:#ddd}.writingPage.light .modeToggle:hover{color:#666;border-color:#bbb}.writingHeader{position:fixed;top:0;left:0;right:0;justify-content:space-between;padding:16px 24px;z-index:10}.modeToggle,.writingHeader{display:flex;align-items:center}.modeToggle{width:36px;height:36px;border-radius:50%;border:1px solid;background:transparent;font-size:18px;cursor:pointer;transition:all .2s;justify-content:center}.timerCorner{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.writingArea{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 40px}.immersiveEditor{width:100%;max-width:800px;min-height:60vh;background:transparent;border:none;outline:none;resize:none;font-family:FangSong,STFangsong,仿宋,"Noto Serif SC",serif;font-size:20px;line-height:1.8;transition:color .3s ease}.edgePulseLeft,.edgePulseRight{position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:10;animation:edgePulseAnim 1.5s ease-in-out infinite}.edgePulseLeft{left:0;background:linear-gradient(90deg,hsla(0,42%,63%,.4),transparent)}.edgePulseRight{right:0;background:linear-gradient(270deg,hsla(0,42%,63%,.4),transparent)}@keyframes edgePulseAnim{0%,to{opacity:.6}50%{opacity:1}}.gentleOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.gentleText{font-size:120px;font-weight:200;color:hsla(0,0%,50%,.15);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resultPage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.resultPage.paused,.resultPage.success{background:#f7f7f7}.resultContent{background:#fff;border-radius:24px;padding:48px 40px;max-width:560px;width:100%;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08)}.pauseIcon{border-radius:50%;border:2px solid #ddd;color:#999}.pauseIcon,.successIcon{width:80px;height:80px;font-size:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.successIcon{border-radius:50%;background:#111;color:#fff}.resultContent h1{font-size:28px;font-weight:500;margin-bottom:16px;color:#111}.resultContent>p{color:#888;font-size:16px;margin-bottom:24px}.quoteBox{margin:20px 0 28px;padding:20px;background:#fafafa;border-radius:12px}.quoteText{font-size:17px;line-height:1.6;color:#444;font-style:italic;margin-bottom:8px}.quoteAuthor{font-size:14px;color:#999}.savedTextBox{background:#f5f5f5;border-radius:12px;padding:20px;max-height:300px;overflow-y:auto;text-align:left;white-space:pre-wrap;word-break:break-word;line-height:1.7;color:#333;margin-bottom:24px;font-size:15px}.resultActions{display:flex;gap:12px;justify-content:center}.copyBtn,.restartBtn{padding:14px 28px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.copyBtn{background:#f0f0f0;color:#333}.copyBtn:hover{background:#e0e0e0}.restartBtn{background:#111;color:#fff}.restartBtn:hover{background:#333}@media (max-width:768px){.setupTitle{font-size:56px}.writingArea{padding:60px 30px}.edgePulseLeft,.edgePulseRight{width:50px}}@media (max-width:480px){.setupPage{padding:24px 20px}.setupTitle{font-size:42px;letter-spacing:-1px}.setupSubtitle{font-size:15px;margin-top:12px;margin-bottom:36px}.setupControls{width:100%;padding:0 20px}.durationPrompt{font-size:16px}.durationSelect{width:100%;padding:14px 40px 14px 16px;font-size:16px}.startBtn{width:64px;height:64px}.startBtn svg{width:24px;height:24px}.writingHeader{padding:12px 16px}.modeToggle{width:32px;height:32px;font-size:16px}.timerCorner{font-size:13px}.writingArea{padding:50px 16px 20px;align-items:flex-start}.immersiveEditor{font-size:17px;line-height:1.75;min-height:70vh}.edgePulseLeft,.edgePulseRight{width:30px}.gentleText{font-size:72px}.resultPage{align-items:flex-start;padding:60px 16px 16px}.resultContent{padding:28px 20px;border-radius:16px}.pauseIcon,.successIcon{width:64px;height:64px;font-size:36px;margin-bottom:20px}.resultContent h1{font-size:24px;margin-bottom:12px}.resultContent>p{font-size:15px;margin-bottom:20px}.quoteBox{margin:16px 0 24px;padding:16px}.quoteText{font-size:15px}.quoteAuthor{font-size:13px}.savedTextBox{padding:16px;max-height:200px;font-size:14px;margin-bottom:20px}.resultActions{flex-direction:column;gap:10px}.copyBtn,.restartBtn{width:100%;padding:14px 20px;font-size:15px}}@supports (padding:max(0px)){.writingPage{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.writingHeader{padding-top:max(12px,env(safe-area-inset-top))}}@media (hover:none) and (pointer:coarse){.startBtn:hover{transform:none}.copyBtn:hover,.restartBtn:hover{background:inherit}.restartBtn:hover{background:#111}.startBtn:active{transform:scale(.95)}.copyBtn:active{background:#d0d0d0}.restartBtn:active{background:#000}}