:root{color-scheme:light;font-family:Annai MN,Avenir Next,Inter,system-ui,sans-serif;background:#f4f4f4;color:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f4f4}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100svh;background:linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.035) 1px,transparent 1px),#f4f4f4;background-size:48px 48px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:14px clamp(18px,4vw,54px);border-bottom:1px solid #101010;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.module-tabs,.form-row,.rail-header,.reader-head,.notes-head,.vocab-note header{display:flex;align-items:center}.brand-lockup{gap:12px;min-width:212px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:20px;line-height:1}.brand-lockup span{color:#555;font-size:12px;margin-top:5px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #101010;background:#101010;color:#fff;font-size:13px;font-weight:800}.module-tabs{gap:8px;padding:4px;border:1px solid #101010;background:#fff}.module-tab,.primary-button,.file-button,.icon-button{border:1px solid #101010;background:#fff;color:#101010;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.module-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-color:transparent;border-radius:4px}.module-tab:hover,.article-row:hover,.template-row:hover,.primary-button:hover,.file-button:hover,.icon-button:hover{transform:translateY(-1px)}.module-tab.is-active,.primary-button,.article-row.is-active,.template-row.is-active{background:#101010;color:#fff}.workspace{width:min(1480px,calc(100vw - 36px));margin:0 auto;padding:34px 0 54px}.workspace-title{display:flex;align-items:end;justify-content:space-between;gap:18px;min-height:94px;margin-bottom:26px}.workspace-title p,.section-kicker,.reader-head span,.notes-head span,.template-row span,.article-row span,.vocab-note span,.writing-note span,.word-count,.status-line{margin:0;color:#555;font-size:12px;font-weight:700;text-transform:uppercase}.workspace-title h1{margin:6px 0 0;color:#101010;font-size:clamp(52px,9vw,132px);font-weight:900;line-height:.83}.status-line{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid #101010;background:#fff;color:#101010;white-space:nowrap}.status-line.is-error{color:#101010;background:#e9e9e9}.reading-grid,.writing-grid,.notes-grid{display:grid;gap:18px}.reading-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.writing-grid{grid-template-columns:minmax(220px,280px) minmax(300px,1fr) minmax(300px,390px);align-items:stretch}.notes-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.rail,.reader-surface,.template-list,.template-detail,.writing-panel,.notes-panel{border:1px solid #101010;background:#fffffff0}.rail,.template-list,.writing-panel,.notes-panel{min-height:620px}.rail,.writing-panel{padding:18px}.rail-header{justify-content:space-between;gap:10px;margin-bottom:18px}.rail-header h2,.reader-head h2,.template-detail h2,.notes-head h2,.empty-state h2{margin:0;color:#101010}.rail-header h2,.notes-head h2{font-size:18px}label{display:grid;gap:7px}label span{color:#444;font-size:12px;font-weight:800;text-transform:uppercase}input,textarea{width:100%;border:1px solid #101010;border-radius:0;background:#fff;color:#101010;outline:none}input{height:42px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.55}input:focus,textarea:focus{box-shadow:inset 0 0 0 2px #101010}.import-form,.writing-panel{display:grid;gap:14px}.form-row{justify-content:space-between;gap:10px}.primary-button,.file-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:4px;font-weight:800}.primary-button,.file-button{padding:0 15px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.article-list,.template-list,.note-list{display:grid;gap:8px}.article-list{margin-top:18px}.article-row,.template-row{width:100%;border:1px solid #101010;border-radius:4px;background:#fff;color:#101010;text-align:left;transition:transform .16s ease,background .16s ease,color .16s ease}.article-row{display:grid;gap:6px;padding:13px}.article-row strong,.template-row strong{font-size:14px;line-height:1.25}.reader-surface{min-height:720px}.reader-head{justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid #101010}.reader-head h2{margin-top:4px;font-size:clamp(26px,3.2vw,48px);line-height:.98}.reader-head p{max-width:340px;margin:0;color:#333;font-size:13px;line-height:1.4;text-align:right}.article-body{padding:clamp(24px,4vw,62px);outline:none;-webkit-user-select:text;user-select:text}.article-body p{max-width:840px;margin:0 auto 1.2em;color:#101010;font-size:clamp(18px,2vw,25px);line-height:1.72}.article-body::selection,.article-body *::selection{background:#101010;color:#fff}.template-list{align-content:start;max-height:742px;overflow:auto;padding:10px}.template-row{display:grid;gap:7px;min-height:70px;padding:12px}.template-detail{padding:clamp(24px,4vw,54px)}.template-detail h2{max-width:720px;margin:10px 0;font-size:clamp(42px,5.5vw,86px);line-height:.92}.prompt-line{max-width:620px;margin:0 0 36px;color:#333;font-size:18px}blockquote{margin:0;border-left:3px solid #101010;padding-left:18px;color:#101010;font-size:18px;line-height:1.55}.template-detail ol{display:grid;gap:12px;margin:34px 0;padding-left:22px}.template-detail li{padding-left:8px;font-size:16px;line-height:1.45}.language-strip{border-top:1px solid #101010;padding-top:18px;color:#333;font-weight:800}.essay-field textarea{min-height:286px}.word-count{color:#101010}.notes-panel{padding:18px}.notes-head{justify-content:space-between;gap:16px;min-height:52px;margin-bottom:16px}.search-box{position:relative;display:block;width:min(240px,48vw)}.search-box svg{position:absolute;top:13px;left:12px}.search-box input{padding-left:38px}.note-list{max-height:666px;overflow:auto}.vocab-note,.writing-note{border:1px solid #101010;border-radius:6px;background:#fff;padding:16px}.vocab-note header{justify-content:space-between;gap:12px}.vocab-note h3,.writing-note h3{margin:0;color:#101010;font-size:24px;line-height:1}.icon-button{width:38px;height:38px;padding:0}.sentence{margin:16px 0;color:#222;font-size:15px;line-height:1.55}.phonetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 14px;border:1px solid #101010}.phonetic-grid div{min-width:0;padding:10px}.phonetic-grid div+div{border-left:1px solid #101010}.phonetic-grid dt{margin-bottom:5px;color:#555;font-size:11px;font-weight:900;text-transform:uppercase}.phonetic-grid dd{margin:0;overflow-wrap:anywhere;color:#101010;font-size:13px}.examples{display:grid;gap:8px;margin:0;padding-left:18px}.examples li{color:#333;font-size:14px;line-height:1.45}.writing-note{display:grid;gap:10px}.writing-note p,.writing-note blockquote,.writing-note footer{margin:0}.writing-note p{color:#333}.writing-note blockquote{display:-webkit-box;max-height:132px;overflow:hidden;border-left-width:2px;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:5}.writing-note footer{color:#555;font-size:12px;font-weight:900;text-transform:uppercase}.empty-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:8px;color:#101010;text-align:center}.empty-state p{max-width:280px;margin:0;color:#555}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.reading-grid,.writing-grid,.notes-grid{grid-template-columns:1fr}.rail,.template-list,.writing-panel,.notes-panel{min-height:auto}.template-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media(max-width:760px){.topbar,.workspace-title,.reader-head,.notes-head{align-items:stretch;flex-direction:column}.topbar{min-height:auto}.brand-lockup{min-width:0}.module-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.module-tab{justify-content:center;padding:0 8px}.workspace{width:min(100vw - 24px,1480px);padding-top:22px}.workspace-title h1{font-size:clamp(48px,18vw,86px)}.reader-head p{max-width:none;text-align:left}.template-list{grid-template-columns:1fr}.template-detail h2{font-size:clamp(40px,15vw,66px)}.phonetic-grid{grid-template-columns:1fr}.phonetic-grid div+div{border-top:1px solid #101010;border-left:0}}