:root{--paper-bg: #f9f4e6;--ink-color: #2c2929;--faded-ink: #2c292940;--font-main: "Courier Prime", "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background-color:var(--paper-bg);color:var(--ink-color);font-family:var(--font-main);overflow:hidden;cursor:text}#root{width:100%;height:100%;display:flex;flex-direction:column}.writer-container{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--paper-bg)}.hidden-input{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;cursor:text;z-index:10}.paper-display{position:relative;width:100%;max-width:800px;padding:0 2rem;transition:transform .3s ease-out;pointer-events:none}.start-overlay,.unlock-overlay{pointer-events:auto}.line{font-size:1.5rem;line-height:2rem;min-height:2rem;white-space:pre-wrap;transition:opacity .5s ease;color:var(--ink-color);margin-bottom:.5rem;font-family:var(--font-main)}.line.active{opacity:1;font-weight:700;transform:scale(1.02)}.line.previous{opacity:.1;filter:blur(.5px)}.cursor{display:inline-block;width:2px;height:1.2em;background-color:var(--ink-color);margin-left:0;margin-right:0;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--paper-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.start-overlay h1{font-size:3rem;margin-bottom:1rem;font-weight:400}.start-overlay button{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;background:var(--ink-color);color:var(--paper-bg);border:none;border-radius:4px;cursor:pointer;font-family:var(--font-main);transition:all .2s}.start-overlay button:hover{opacity:.8}.start-overlay button.save-button:hover{background:var(--ink-color);color:var(--paper-bg)}.unlock-overlay{position:absolute;top:20px;left:0;right:0;margin:auto;width:200px;text-align:center;z-index:30;pointer-events:none}.unlock-overlay p{margin-top:5px;font-size:.8rem;opacity:.7}.unlock-bar{height:4px;background:var(--ink-color);width:0%;transition:width .05s linear}.resume-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f9f4e6f2;z-index:1000}.resume-card{background:var(--paper-bg);padding:2rem;border:1px solid var(--ink-color);text-align:center;box-shadow:0 4px 20px #0000001a;max-width:400px}.resume-card h2{font-size:1.5rem;margin-bottom:1rem;font-weight:400}.resume-card p{margin-bottom:2rem;opacity:.8}.resume-actions{display:flex;gap:1rem;justify-content:center}.resume-btn,.discard-btn{padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;cursor:pointer;background:transparent;border:1px solid var(--ink-color);color:var(--ink-color);transition:all .2s}.resume-btn:hover{background:var(--ink-color);color:var(--paper-bg)}.discard-btn{opacity:.6;border-color:transparent}.discard-btn:hover{opacity:1;text-decoration:underline}