.card-input{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin:7px 0;outline:0;background:transparent;color:var(--ink)}
.vocab-list{max-height:90px;overflow:auto;margin-top:8px;font-size:12px;color:var(--muted)}
.vocab-list div{padding:5px 0;border-bottom:1px solid var(--line)}
.notebook-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 4px 16px}.notebook-head h1{font-size:32px;margin:5px 0 3px}.notebook-head p{margin:0;color:var(--muted)}.notebook-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.font-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:700;background:var(--paper);border:1px solid var(--line);padding:8px 12px;border-radius:12px}.font-control input{width:90px;accent-color:var(--violet)}.find-bar{display:none;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:8px 10px;margin-bottom:10px;align-items:center;gap:10px}.find-bar.show{display:flex}.find-bar input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);padding:5px}.find-bar span{font-size:12px;color:var(--muted)}.find-bar button,.text-button{border:0;background:transparent;color:var(--violet);font-weight:800}.notebook-paper{width:min(920px,100%);min-height:calc(100vh - 245px);margin:0 auto;background:#fff;border:1px solid #e4e6ed;border-radius:8px;box-shadow:0 16px 45px rgba(30,38,70,.1);padding:42px 54px;position:relative}.notebook-paper:before{content:'';position:absolute;left:32px;top:0;bottom:0;border-left:1px solid #f0ccd3}.notebook-title{display:block;width:100%;border:0;border-bottom:2px solid #eceef3;outline:0;padding:0 0 14px;margin-bottom:18px;font-size:28px;font-weight:850;color:#172033;background:transparent}.notebook-paper textarea{display:block;width:100%;height:calc(100vh - 365px);min-height:470px;border:0;outline:0;resize:none;background:repeating-linear-gradient(#fff,#fff 31px,#edf0f5 32px);color:#202838;font-size:19px;line-height:32px;padding:0;overflow-y:auto}.notebook-footer{width:min(920px,100%);margin:9px auto 0;display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px}.notebook-footer .text-button{margin-left:auto}.notebook-present .topbar,.notebook-present .sidebar,.notebook-present .notebook-head,.notebook-present .notebook-footer,.notebook-present .find-bar{display:none!important}.notebook-present .app-shell{display:block}.notebook-present .workspace{padding:0}.notebook-present #notebookView{display:block}.notebook-present .notebook-paper{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0;padding:42px 7vw;box-shadow:none}.notebook-present .notebook-paper textarea{height:calc(100vh - 105px);min-height:0}.dark .notebook-paper{filter:brightness(.92)}
@media(max-width:800px){.notebook-head{align-items:flex-start;flex-direction:column}.notebook-actions{justify-content:flex-start}.notebook-paper{padding:28px 28px 28px 42px}.notebook-paper textarea{min-height:520px}.sidebar nav{grid-template-columns:repeat(5,1fr)}}
@media(max-width:680px){.voice-button b:after{content:'Mic'}}
@media print{body *{visibility:hidden}.notebook-paper,.notebook-paper *{visibility:visible}.notebook-paper{position:absolute;inset:0;width:100%;box-shadow:none;border:0}.notebook-paper textarea{height:auto;min-height:100vh;overflow:visible}}