:root{--ink:#163e35;--muted:#59786f;--line:#d7e7df;--paper:#f5f9f6;--white:#fff;--blue:#167e69;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--ink)}.brand img{width:48px;height:48px;border-radius:12px}.tagline{font-size:13px;letter-spacing:.15em;color:var(--muted)}.account{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:13px}main{max-width:1360px;margin:auto;padding:60px 5vw}#login-view{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:center;min-height:65vh}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--muted)}h1{font-family:"Songti SC","STSong",serif;font-weight:600;font-size:52px;line-height:1.4;margin:20px 0}h1 span{font:16px -apple-system,sans-serif;color:var(--muted);margin-left:16px}p{line-height:1.9;color:var(--muted)}.intro>p{max-width:430px}.flow{display:flex;gap:24px;align-items:center;margin-top:50px}.flow span{border-bottom:3px solid #34c9a4;padding-bottom:12px}.flow i{font-style:normal;color:#8caaa0}form{padding:36px;border:1px solid var(--line);background:white;border-radius:20px}h2{font-size:22px}label{display:block;font-size:13px;margin:24px 0}input{display:block;padding:13px;width:100%;margin-top:8px;border:1px solid #cbded3;border-radius:8px;font:inherit}button{border:1px solid #cbded3;border-radius:8px;padding:10px 16px;background:white;color:var(--ink);font:inherit;cursor:pointer}button.primary{background:#147d69;color:white;border-color:#147d69}button:disabled{opacity:.5}form button{margin-right:8px}form p{font-size:12px}.heading{display:flex;align-items:center;justify-content:space-between}#subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.subject{display:block;text-align:left;min-height:200px;border-radius:14px;padding:28px;position:relative;background:white;transition:transform .15s}.subject:hover{transform:translateY(-3px);border-color:#4eae94}.subject:before{content:'';display:block;width:28px;height:6px;border-radius:4px;background:#30c5a5;margin-bottom:30px}.subject strong{display:block;font-size:21px;font-weight:600}.subject small{display:block;color:var(--muted);margin-top:18px;font-size:12px}.subject time{display:block;margin-top:12px;color:var(--muted);font-size:12px}#empty{margin-top:40px;padding:50px;border:1px dashed #afcabc;border-radius:14px}.canvas-heading{display:flex;align-items:center;gap:20px}.canvas-heading span{margin-left:auto;font-size:12px;color:var(--muted)}#canvas{height:72vh;margin-top:20px;position:relative;border:1px solid var(--line);border-radius:14px}.canvas-card img,.markdown img{max-width:100%}footer{padding:30px 5vw;border-top:1px solid var(--line);font-size:14px}footer span{margin-left:24px;color:var(--muted);font-size:12px}#status{color:#925730} :focus-visible{outline:3px solid #38d3b7;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){#login-view{grid-template-columns:1fr;gap:36px}h1{font-size:36px}#subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.tagline{display:none}}@media(max-width:540px){main{padding:30px 20px}header{padding:16px 20px}.account{font-size:11px}#subjects{grid-template-columns:1fr}.heading{display:block}.canvas-heading{flex-wrap:wrap}form{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}