.classbuddy-page{--ink:var(--title-color);--ink-soft:var(--body-color);--coral:var(--title-color);--coral-deep:var(--green-dark);--leaf:var(--green-dark);--leaf-deep:var(--green-dark);--teal:var(--green-dark);--brand-green:var(--theme-color);--brand-teal:#9ae84a;--brand-blue:#3d6b12;--sun:var(--theme-color);--sky:#8aa3c7;--paper:var(--warm-white);--cream:var(--bg-color3);--kraft:var(--theme-color2);--surface:#ffffffd1;--surface-strong:var(--white-color);--line:var(--border-color3);--inset-glint:#ffffffe6;--kicker:var(--green-dark);--bg-base:var(--warm-white);--note-sun:var(--theme-color2);--note-sky:var(--bg-color);--note-rose:var(--solution-peach);--note-leaf:var(--theme-color2);--hero-a:#b9fb6a6b;--hero-b:#edf2ffe6;color:var(--ink);background:radial-gradient(1100px 620px at -8% -10%, var(--hero-a), transparent 58%), radial-gradient(1050px 620px at 112% -12%, var(--hero-b), transparent 62%), radial-gradient(720px 380px at 50% 115%, #b9fb6a2e, transparent 68%), linear-gradient(180deg, var(--paper) 0%, var(--bg-base) 100%);font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-size:17px;line-height:1.75;overflow-x:hidden}.classbuddy-page .page-wrap{width:min(1080px,100% - 2rem);margin-inline:auto}.classbuddy-page .display-title{font-family:var(--title-font);letter-spacing:-.03em}.classbuddy-page .paper-card{border:1px solid var(--line);background:linear-gradient(165deg, var(--surface-strong), var(--surface));box-shadow:0 1px 0 var(--inset-glint) inset, 0 20px 48px #0e0e0e0f, 0 5px 16px #0e0e0e0a}.classbuddy-page .btn-brand{background:var(--title-color);color:var(--white-color);transition:background-color .24s,color .24s,transform .18s,box-shadow .18s;box-shadow:0 12px 30px #0e0e0e24}.classbuddy-page .btn-brand:hover{background:var(--theme-color);color:var(--title-color);transform:translateY(-2px);box-shadow:0 16px 36px #b9fb6a47}.classbuddy-page .skill-showcase{padding-block:2rem}@media (width>=1024px){.classbuddy-page .skill-showcase+.skill-showcase{margin-top:4rem}}.classbuddy-page .kicker{letter-spacing:.18em;color:var(--kicker);font-size:.78rem;font-weight:700}.classbuddy-page .crayon-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 30 3, 62 11, 117 5' fill='none' stroke='%23b9fb6a' stroke-width='6' stroke-linecap='round' opacity='0.9'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:100% .36em;padding-bottom:.14em}.classbuddy-page .note-card{border:1px solid var(--line);box-shadow:0 1px 0 var(--inset-glint) inset, 0 14px 28px #0e0e0e0f;border-radius:4px 18px 18px;transition:transform .22s;position:relative}.classbuddy-page .note-card:hover{transform:translateY(-3px)}.classbuddy-page .tape:before{content:"";background:color-mix(in oklab, var(--theme-color) 55%, transparent);border-left:1px dashed #0e0e0e1a;border-right:1px dashed #0e0e0e1a;border-radius:2px;width:78px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.classbuddy-page .rise-in{animation:.7s cubic-bezier(.16,1,.3,1) both cb-rise-in}@keyframes cb-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.classbuddy-page .chat-step{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) both cb-chat-step}@keyframes cb-chat-step{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.classbuddy-page .typing-dot{background:var(--ink-soft);border-radius:9999px;width:6px;height:6px;animation:1.1s ease-in-out infinite cb-typing-bounce;display:inline-block}.classbuddy-page .typing-dot:nth-child(2){animation-delay:.15s}.classbuddy-page .typing-dot:nth-child(3){animation-delay:.3s}@keyframes cb-typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.classbuddy-page .float-soft{animation:5.5s ease-in-out infinite cb-float-soft}@keyframes cb-float-soft{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.classbuddy-page .rise-in,.classbuddy-page .chat-step,.classbuddy-page .typing-dot,.classbuddy-page .float-soft{animation-duration:.01ms;animation-iteration-count:1}}