.app{background:var(--page);grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.app-side{border-right:1px solid var(--card-line);background:#fff;flex-direction:column;align-self:start;height:100dvh;padding:20px 16px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.app-side__brand{padding:2px 8px 16px;display:block}.app-side__brand img{width:auto;height:46px;display:block}.app-nav{flex-direction:column;gap:3px;display:flex}.app-nav a{color:var(--ink-soft);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:650;line-height:1.2;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-nav a:hover{color:var(--ink);background:#f3f6fb}.app-nav a.is-active{background:var(--banner);color:var(--primary)}.app-nav a.is-active .app-ico{color:var(--primary)}.app-ico{width:21px;height:21px;color:var(--muted);flex:none}.app-ico svg,svg.app-ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;display:block}.app-side__spacer{flex:auto;min-height:14px}.app-buddy{text-align:center;background:linear-gradient(160deg,#eef4ff,#e7eefc);border:1px solid #d8e3fb;border-radius:16px;margin-bottom:10px;padding:14px 14px 16px}.app-buddy img{width:58px;height:auto;margin:0 auto 6px;display:block}.app-buddy .lbl{color:var(--muted);margin-bottom:10px;font-size:13px;line-height:1.35}.app-buddy a{background:var(--primary);color:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.app-buddy a:hover{background:var(--primary-dark)}.app-buddy a svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.app-side__settings{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;font-weight:650;text-decoration:none;display:flex}.app-side__settings:hover{color:var(--ink);background:#f3f6fb}.app-main{flex-direction:column;min-width:0;display:flex}.app-top{border-bottom:1px solid var(--card-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;justify-content:flex-end;align-items:center;gap:10px;padding:14px 30px;display:flex}.app-top .login{color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:650;text-decoration:none}.app-top .login:hover{background:#f3f6fb}.app-top .signup{color:#fff;background:var(--primary);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none}.app-top .signup:hover{background:var(--primary-dark)}@media (max-width:920px){.app{grid-template-columns:1fr}.app-side{border-right:0;border-bottom:1px solid var(--card-line);flex-direction:row;align-items:center;gap:4px;height:auto;padding:10px 12px;position:static;overflow-x:auto}.app-side__brand{padding:0 10px 0 4px}.app-side__brand img{height:34px}.app-nav{flex-direction:row;gap:2px}.app-nav a{white-space:nowrap;padding:8px 11px;font-size:14px}.app-nav a span.app-navlabel,.app-side__spacer,.app-buddy,.app-side__settings{display:none}}