@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,400..900,100&family=Inter:wght@400;500;600;700&display=swap");:root{--ink:#1c1917;--ink-light:#44403c;--paper:#f8f5f0;--paper-white:#fff;--sage:#a3b18a;--terracotta:#e29578;--mustard:#e9c46a;--sand:#d4a373;--ocean:#8ecae6;--font-editorial:"Fraunces",Georgia,serif;--font-sans:"Inter",system-ui,sans-serif;--border-fine:1px solid var(--ink);--border-bold:2px solid var(--ink);--shadow-none:none;--shadow-print:3px 3px 0px var(--ink);--radius-print:0px;--radius-subtle:4px;--radius-pill:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-editorial);font-weight:500;color:var(--ink);line-height:1.1;letter-spacing:-.01em}p{color:var(--ink-light)}a{color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-bottom-color .2s ease}a:hover{border-bottom:1px solid var(--ink)}button{cursor:pointer;background:transparent;color:var(--ink);border:var(--border-fine);border-radius:var(--radius-print);font-family:var(--font-sans);font-weight:500;font-size:1rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn,.btn-primary{padding:1rem 2.5rem}.btn-primary{background:var(--mustard);color:var(--ink);border:var(--border-fine);box-shadow:var(--shadow-print)}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn-secondary{background:transparent;color:var(--ink);padding:1rem 2.5rem;border:var(--border-fine)}.btn-secondary:hover{background:rgba(28,25,23,.05)}.solid-panel{background:var(--paper-white);border:var(--border-fine);border-radius:var(--radius-print)}.page-enter{animation:fadeUp .6s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{height:100vh;width:100vw;overflow:hidden}.app-container,.app-sidebar{display:flex;background:var(--paper)}.app-sidebar{width:300px;border-right:var(--border-fine);flex-direction:column;padding:2rem;z-index:10}.app-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--paper-white)}.word-highlight{position:absolute;cursor:pointer;border-radius:var(--radius-subtle);transition:all .15s ease;box-sizing:border-box}.word-highlight.active{background-color:var(--mustard);border-bottom:var(--border-bold);z-index:10;color:var(--ink)}.word-highlight.selected{background-color:var(--sage);border:1px dashed var(--ink)}.auth-card{width:100%}.auth-header h2{font-family:var(--font-editorial);font-size:2.2rem;margin-bottom:2rem;text-align:center;color:var(--ink)}.auth-error{background:#fef2f2;color:#dc2626;border:1px solid #f87171;padding:12px;border-radius:var(--radius-subtle);margin-bottom:1.5rem;font-size:.9rem;text-align:center}.auth-input-group{margin-bottom:1.25rem;text-align:left}.auth-input-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--ink)}.auth-input{width:100%;padding:14px 16px;border:var(--border-fine);background:transparent;font-family:var(--font-sans);font-size:1rem;color:var(--ink);border-radius:var(--radius-print);transition:all .2s ease}.auth-input:focus{outline:none;background:var(--paper-white);box-shadow:2px 2px 0 var(--ink)}.password-wrapper{display:flex;align-items:center;position:relative}.password-wrapper .auth-input{padding-right:40px}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--ink-light);padding:5px;width:auto}.password-toggle:hover{text-decoration:none}.auth-submit-btn{width:100%;margin-top:1.5rem;background:var(--ink);color:var(--paper-white);padding:14px;font-family:var(--font-sans);font-weight:500;border:var(--border-fine);border-radius:var(--radius-print);font-size:1.1rem;transition:all .2s ease}.auth-submit-btn:hover{background:var(--ink-light);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.auth-link-btn{background:none;border:none;color:var(--ink-light);margin-top:1rem;font-size:.9rem;cursor:pointer;width:100%;text-align:center;font-family:var(--font-sans)}.auth-link-btn:hover{color:var(--ink);text-decoration:underline}.auth-divider{text-align:center;margin:2rem 0;position:relative;color:var(--ink-light);font-size:.9rem}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--ink);opacity:.2;z-index:0}.auth-divider span{background:var(--paper-white);padding:0 15px;position:relative;z-index:1}.auth-switch-btn{background:none;border:none;color:var(--ink);font-size:1rem;cursor:pointer;width:100%;font-family:var(--font-sans)}.auth-switch-btn:hover{text-decoration:none}.auth-switch-btn strong{font-weight:700;border-bottom:1px solid var(--ink)}