.wordlink-button{margin-left:auto;padding:8px 17px;border:2px solid var(--black);background:var(--green);color:var(--white);font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.08em;box-shadow:4px 4px 0 var(--black)}header .wordlink-button+span{margin-left:18px}.wordlink-view{display:grid;grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 68px)}.wl-sidebar{padding:20px 14px;border-right:2px solid var(--black);overflow:hidden}.wl-upload{padding-bottom:18px;border-bottom:2px solid var(--black)}.wl-upload button{width:100%;padding:12px;border:2px solid var(--black);background:var(--black);color:var(--green);font-family:"Bebas Neue",sans-serif;font-size:20px;letter-spacing:.08em}.wl-upload small{display:block;margin-top:9px;font:9px/1.5 "JetBrains Mono",monospace}.wl-articles{display:grid;gap:8px;max-height:calc(100vh - 190px);padding:16px 3px;overflow:auto}.wl-article{padding:13px;border:2px solid transparent;background:transparent;text-align:left}.wl-article strong,.wl-article small{display:block}.wl-article small{margin-top:5px;color:var(--muted);font-size:10px}.wl-article.active{border-color:var(--black);background:var(--green);color:white;box-shadow:4px 4px 0 var(--black)}.wl-article.active small{color:white}.wl-none{font-family:"Caveat",cursive}.wl-workspace{height:100%;padding:35px 44px 70px;overflow:auto}.wl-head{display:flex;align-items:end;justify-content:space-between}.wl-head h1{margin-top:4px;font-size:clamp(35px,4vw,62px)}.wl-head>span,.wl-label{font:10px "JetBrains Mono",monospace;letter-spacing:.13em;text-transform:uppercase}.wl-workspace>audio{width:100%;margin:8px 0 22px;accent-color:var(--green)}.wl-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px}.wl-paper,.wl-vocab,.wl-detail{border:3px solid var(--black);background:var(--white)}.wl-paper{padding:22px}.wl-transcript{height:310px;margin:14px 0;padding-right:10px;overflow:auto;scroll-behavior:smooth}.wl-transcript p{margin:0 0 12px;padding:8px 10px;border-left:5px solid transparent;font-size:18px;line-height:1.75;transition:.15s}.wl-transcript p.active{border-color:var(--green);background:#d7e3cf}.wl-word{padding:1px 2px;border:0;border-bottom:1px solid transparent;background:none;color:inherit}.wl-word:hover{border-color:var(--green);background:#b9d3b9}.wl-word.saving{background:var(--green);color:white}.wl-paper>small{font-family:"Caveat",cursive;font-size:16px}.wl-vocab{padding:20px;background:var(--bg-dark)}.wl-vocab-list{display:grid;gap:8px;height:350px;margin-top:14px;overflow:auto}.wl-vocab-list>button{padding:10px;border:2px solid var(--black);border-left-width:10px;background:var(--white);text-align:left}.wl-vocab-list>button strong,.wl-vocab-list>button small{display:block}.wl-vocab-list>button small{margin-top:4px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.wl-vocab-list>button.active{box-shadow:4px 4px 0 var(--black)}.wl-vocab-list>button.week-now{border-left-color:#009b55}.wl-vocab-list>button.week-one{border-left-color:#2788a5}.wl-vocab-list>button.week-two{border-left-color:#d18c22}.wl-vocab-list>button.week-old{border-left-color:#1a1a1a}.wl-vocab-list>button.unlearned{border-left-color:#eee7d8}.wl-detail{margin-top:20px;padding:24px}.wl-detail-title{display:flex;align-items:center;justify-content:space-between}.wl-detail-title h2{margin:0;color:var(--green);font-size:35px}.wl-detail-title h2 small{color:var(--muted);font:13px "JetBrains Mono",monospace}.wl-detail-title button{padding:9px 14px;border:2px solid var(--black);background:var(--black);color:var(--green)}.wl-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.wl-detail-grid article{padding:14px;border:2px solid var(--black);background:var(--bg)}.wl-detail-grid b{color:var(--green);font:17px "Bebas Neue",sans-serif;letter-spacing:.05em}.wl-detail-grid p{margin:6px 0 0}.wl-progress{margin-top:18px}.wl-progress>div{display:flex;gap:7px;margin-top:9px}.wl-week{display:grid;gap:4px;padding:5px;border:0;background:none;font:8px "JetBrains Mono",monospace}.wl-week i{width:30px;height:17px;border:2px solid var(--black);background:var(--white)}.wl-week.done.week-0 i{background:#7354a3}.wl-week.done.week-1 i{background:#2788a5}.wl-week.done.week-2 i{background:#d18c22}.wl-week.done.week-3 i{background:#a64b3c}.wl-week.done.week-4 i{background:#72a05b}.wl-week.done.week-5 i{background:#009b55}.wl-detail-empty{font-family:"Caveat",cursive;font-size:20px}@media(max-width:850px){.wordlink-view{display:block;height:auto}.wl-sidebar{border-right:0;border-bottom:2px solid var(--black)}.wl-articles{max-height:180px}.wl-workspace{padding:25px 15px}.wl-grid,.wl-detail-grid{grid-template-columns:1fr}.wl-detail-title{align-items:flex-start;gap:15px}.wl-progress>div{overflow:auto}}
