:root{--paper:#f7f8f3;--ink:#253d36;--muted:#7b8680;--green:#266859;--line:#e2e6df;--sage:#eaf0e9;--gold:#c69b5c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:29px Georgia,serif;letter-spacing:-1px}.brand-icon{background:var(--green);color:white;border-radius:13px;width:45px;height:49px;text-align:center;font:42px Georgia;position:relative;line-height:45px}.brand-icon span{color:#edc88f;position:absolute;top:-12px;right:7px}.brand-sub{display:block;font:10px "Segoe UI",sans-serif;letter-spacing:5px;margin-top:1px}.side-caption{font-size:9px;letter-spacing:1.5px;color:#8e9792;margin:55px 0 19px 11px}.nav{border:0;background:none;display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;text-align:left;color:#6b7872;border-radius:8px;margin-bottom:8px;font-size:13px}.nav span{font-size:20px}.nav.active{background:#eaf1e9;color:var(--green);font-weight:600}.side-bottom{margin-top:auto}.trial-card{padding:21px 17px;background:#f6f7f1;border:1px solid #e8ebdf;border-radius:9px}.small-label{font-size:9px;letter-spacing:1.2px;font-weight:700}.trial-card p{font:21px/1.45 Georgia,serif}.trial-dots{color:#6e9581;letter-spacing:4px;font-size:10px}.trial-card small{display:block;font-size:10px;color:var(--muted);margin-top:11px}.account{display:flex;align-items:center;gap:9px;margin-top:25px;background:none;border:0;width:100%;font-size:11px;text-align:left;color:var(--ink)}#account-name{max-width:125px;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#f3eadc;border-radius:50%;color:#947647}main{margin-left:238px}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:20px}.badge{font-size:9px;letter-spacing:1.3px}.small-button{border:1px solid #ced8ce;border-radius:7px;padding:9px 13px;background:transparent;color:var(--green);font-size:11px}.small-button span{margin-left:12px}.page{max-width:1300px;margin:auto;padding:40px 42px 20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;color:#7f9585}.heading{margin-bottom:30px}.heading h1{font:42px/1.2 Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.5px;margin:12px 0}.heading h1 span{color:var(--gold)}.heading p{font-size:13px;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(380px,1.15fr);gap:26px}.exercise-panel{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.step-title{display:flex;align-items:center;gap:10px;margin-bottom:23px}.step{display:grid;place-items:center;border:1px solid #d8e2d8;width:24px;height:24px;border-radius:50%;font-size:9px;color:#758e7b}.step-title h2{font-size:14px;font-weight:600;margin:0}.pill{font-size:7px;letter-spacing:1px;color:#7e9082;background:#f0f4ec;padding:5px 7px;border-radius:4px;margin-left:auto}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;margin-bottom:11px}.field-heading span{font-size:9px;color:#919a93}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.level{background:white;border:1px solid var(--line);border-radius:6px;padding:10px 4px;color:#69766e;font-size:12px}.level.selected{background:var(--green);color:white;border-color:var(--green)}.hint{font-size:10px;color:#8c968f;line-height:1.7;min-height:17px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 16px}label{display:grid;gap:9px;font-size:11px;font-weight:500}select,input[type=email],input[type=password],input[type=search]{width:100%;min-width:0;padding:11px 10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);outline-color:var(--green);font-size:12px}select{padding-right:4px}.primary{background:var(--green);border:1px solid var(--green);color:white;border-radius:7px;padding:13px 17px;font-weight:500;font-size:12px}.primary:hover{background:#1a5548}.primary span:last-child{margin-left:16px}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.wide>span:first-child{font-size:18px}.centered{text-align:center}.divider{height:1px;background:var(--line);margin:24px 0}.audio-card{background:#f4f6ef;border:1px solid #e5e9dc;border-radius:8px;padding:19px}.audio-top{display:flex;justify-content:space-between;color:#778a70}.audio-top>span:last-child{font-size:9px}.audio-card h3{font:23px Georgia,serif;margin:12px 0 7px}.audio-card p{font-size:9px;color:#89927e;margin:0;line-height:1.5}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:69px}.wave i{display:block;width:3px;height:15px;background:#aac0a3;border-radius:3px}.wave i:nth-child(3n){height:28px}.wave i:nth-child(5n){height:42px}.wave i:nth-child(4n){height:34px}.wave i:nth-child(7n){height:22px}.playing .wave i{animation:pulse .65s ease-in-out infinite alternate}.playing .wave i:nth-child(2n){animation-delay:.3s}@keyframes pulse{to{transform:scaleY(.4)}}.player{display:flex;align-items:center;gap:11px}.round{border:0;background:transparent;font-size:25px;color:#6f8575;padding:2px}.play{width:39px;height:39px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:15px}.player>span{font-size:10px;color:#7d8d7b;flex:1}.text-button{background:none;border:0;color:#748178;font-size:11px;padding:8px 0}.text-button:hover{text-decoration:underline}.voice-config{margin:17px 0 12px}.voice-config label:nth-child(2){display:block}.voice-config output{float:right;font-size:10px;color:#7b877a}input[type=range]{width:100%;accent-color:var(--green);margin-top:19px}input[type=checkbox]{accent-color:var(--green)}.check-label{display:flex;align-items:center;gap:6px;color:#7c887f;font-size:10px}.writing-panel{padding:24px 0 0}.writing-label{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#8f988f}.notebook{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 5px 12px #263e3603}.notebook-header{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:19px 23px;font-size:8px;letter-spacing:1px;color:#7c8c7f}.notebook-header span:last-child{letter-spacing:0;color:#a0a69e}.notebook textarea{width:100%;height:365px;resize:vertical;border:0;outline:0;padding:20px 26px 15px 36px;font:17px/35px Georgia,serif;color:#344f42;background:repeating-linear-gradient(transparent,transparent 34px,#ecede7 34px,#ecede7 35px);background-position:0 21px}.notebook:focus-within{border-color:#6b967a}.notebook textarea::placeholder{color:#b7bcb2;font-style:italic;font-size:16px}.notebook-footer{padding:15px 23px;display:flex;justify-content:space-between;color:#9aa297;font-size:9px}.writing-actions{display:flex;justify-content:space-between;align-items:center;margin:20px 0 27px}.tip{display:flex;gap:15px;padding:20px;background:#f1eee3;border:1px solid #eae5d7;border-radius:8px}.tip>span{color:#a68d59;font-size:25px}.tip strong{font-size:11px;font-weight:600;color:#8e794f}.tip p{font-size:11px;line-height:1.8;margin:6px 0 0;color:#9a8e72}.learning-note{text-align:center;color:#9ca698;font-size:9px;margin-top:23px}.learning-note span{font-size:15px;margin-right:5px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:31px;padding-top:21px;color:#9aa298;font-size:9px}.dot{color:#c39d62;margin:0 8px}.hidden{display:none!important}.notice{padding:13px 20px;margin:15px 42px 0;background:#efeada;border-radius:8px;color:#72603b;font-size:12px;line-height:1.7}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:22px}.card p{line-height:1.8;color:var(--muted)}.card h2{font:25px Georgia}.plans{display:flex;gap:20px;flex-wrap:wrap}.plan{border:1px solid var(--line);border-radius:8px;padding:22px;min-width:220px}.plan h3{font:32px Georgia}.secondary{padding:11px 17px;border:1px solid var(--green);color:var(--green);background:white;border-radius:6px;margin-top:20px}.service-grid{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.service{background:#e9efe7;border-radius:7px;padding:15px;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin-top:20px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 8px}td button{margin:3px;padding:6px;background:#f3f5ef;border:1px solid var(--line);border-radius:4px;color:var(--green)}.result{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:24px;line-height:2}.result h3{font:24px Georgia;margin:0 0 12px}.diff{display:flex;gap:5px;flex-wrap:wrap}.diff span{padding:0 4px}.diff .replace,.diff .missing{background:#fce9df;color:#994f2e}.diff .extra{background:#f9e7e7;text-decoration:line-through}.result small{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:15px;padding:37px;max-width:460px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 100px #183d3130}dialog::backdrop{background:#1e382b70;backdrop-filter:blur(4px)}dialog h2{font:31px/1.2 Georgia;margin:15px 0}dialog p{color:var(--muted);font-size:12px;line-height:1.7}dialog form{display:grid;gap:16px;margin-top:23px}dialog small{display:block;color:#939c93;line-height:1.8;font-size:10px;margin-top:20px}dialog .text-button{display:block;margin-top:10px}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:25px;color:var(--muted)}#auth-error{color:#a64e38;margin:0}#auth-message{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#audit p{padding-bottom:8px;border-bottom:1px solid var(--line);font-size:12px}@media(min-width:1500px){.page{padding-top:55px}.notebook textarea{height:395px}}@media(max-width:1150px){.sidebar{width:200px;padding:30px 15px}main{margin-left:200px}.page{padding:30px 25px}.topbar{padding:0 25px}.workspace{gap:18px;grid-template-columns:minmax(290px,1fr) minmax(300px,1fr)}.exercise-panel{padding:18px}.heading h1{font-size:37px}.notebook-header span:last-child{display:none}.pill{display:none}}@media(max-width:900px){.sidebar{width:175px;padding:25px 12px}.brand{font-size:25px}.side-caption{font-size:8px}.nav{font-size:11px;gap:8px}.trial-card{padding:13px}.trial-card p{font-size:18px}main{margin-left:175px}.workspace{grid-template-columns:1fr}.writing-panel{padding-top:8px}.heading h1{font-size:34px}.badge{display:none}.notebook textarea{height:300px}}@media(max-width:600px){.sidebar{position:static;width:auto;display:block;padding:16px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.brand-icon{width:35px;height:37px;font-size:33px;line-height:36px}.brand-sub{font-size:8px}.sidebar nav{display:flex;margin-top:18px;gap:4px;overflow-x:auto}.nav{white-space:nowrap;width:auto;font-size:10px;margin:0;padding:9px}.nav span{font-size:15px}.side-caption,.side-bottom{display:none}main{margin-left:0}.topbar{height:57px;padding:0 20px;font-size:10px}.page{padding:26px 18px 20px}.heading h1{font-size:32px}.heading p{font-size:11px;line-height:1.8}.heading{margin-bottom:23px}.notice{margin:12px 18px}.exercise-panel{padding:19px}.workspace{gap:25px}footer{font-size:8px;gap:15px}.notebook-footer{padding:15px;font-size:8px}.learning-note{line-height:1.7}.small-button{font-size:10px}dialog{padding:30px 23px}.plans{display:block}.plan{margin-bottom:15px}}