.personal-nav{display:flex;gap:5px;padding:0 0 12px}.personal-nav button{padding:7px 17px;font-size:14px}.personal-nav button[aria-current="page"]{background:hsl(var(--foreground));color:hsl(var(--background))}.memo-compose{margin-bottom:20px}.memo-compose textarea{min-height:90px;resize:vertical}.memo-footer{display:flex;align-items:center;gap:10px;margin-top:12px;justify-content:flex-end}.memo-card{margin-bottom:12px}.memo-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:0}.memo-meta{display:flex;align-items:center;gap:12px;margin-top:14px;color:hsl(var(--faint));font-size:12px}.memo-meta time{flex:1}.personal-error{color:hsl(var(--warn));padding:10px 0;font-size:13px}.course-hint{font-size:13px;color:hsl(var(--faint));margin-bottom:24px;line-height:1.7}.course-add{display:flex;gap:8px;margin-top:12px}.course-add .input{flex:1;min-width:0}.connect-card{max-width:430px;margin:12vh auto;padding:24px}.connect-card h1{font-size:32px}.connect-card p,.connect-card small{color:hsl(var(--faint));line-height:1.8}.connect-card label{display:block;margin:18px 0 8px}.connect-card input[type="password"]{width:100%;padding:12px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--card));color:inherit}.connect-card small{display:block;margin-top:8px}.connect-card button{margin-top:10px}.connect-card a{color:inherit}.connect-card .connection-error{color:hsl(var(--warn))}@media(max-width:640px){.personal-nav{padding-bottom:9px}.personal-nav button{flex:1}.memo-meta button{min-height:36px}.course-add .btn{white-space:nowrap}}
.courses-title{font-size:21px;margin:0 0 8px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course-summary{text-align:left;font:inherit;color:inherit;padding:20px 22px;min-width:0;cursor:pointer;transition:background .15s,transform .15s}.course-top{display:flex;justify-content:space-between;color:hsl(var(--faint));font-size:12px;margin-bottom:24px}.course-summary h2{font-size:15px;font-weight:700;margin:0 0 18px;line-height:1.6;min-height:48px;overflow-wrap:anywhere}.course-count{font-size:12px;color:hsl(var(--muted-foreground));min-height:30px}.course-count b{font:400 22px ui-monospace,monospace;color:hsl(var(--foreground));margin-right:5px}.next-due{font-size:11px;margin:9px 0 0;color:hsl(var(--faint));line-height:1.7}.course-back{border:0;background:none;color:hsl(var(--faint));font:inherit;font-size:12px;padding:0;margin-bottom:24px;cursor:pointer}@media(hover:hover){.course-summary:hover{background:hsl(var(--secondary)/.5);transform:translateY(-2px)}}@media(max-width:760px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-summary{padding:16px}.course-top{margin-bottom:18px}.course-summary h2{font-size:14px;margin-bottom:14px;min-height:45px}.course-count{font-size:11px}.next-due{font-size:10px}}@media(max-width:350px){.course-grid{grid-template-columns:1fr}}
.save-state{font-size:11px;color:hsl(var(--faint));white-space:nowrap}.sync-error{border:1px solid hsl(var(--border));background:hsl(var(--warn-bg));color:hsl(var(--warn));padding:14px 16px;border-radius:var(--radius);font-size:13px;line-height:1.7;margin-bottom:20px}.sync-error>div{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.course-hint .csync{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.course-hint .csync-st{display:flex;gap:8px;flex-wrap:wrap}.course-hint .csync-st>div{display:inline}