.pf-wrap{max-width:640px;margin:0 auto;padding:44px 20px 70px}.pf-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}.pf-avatar{flex:0 0 auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;background:#fbeceb;color:var(--brand, #c0392b)}.pf-id h1{font-size:1.6rem;margin:0 0 2px}.pf-email{color:#555;font-size:.95rem;margin:0}.pf-since{color:#999;font-size:.8rem;margin:4px 0 0}.pf-rolebadge{display:inline-block;margin-top:4px;font-size:.74rem;font-weight:700;border-radius:999px;padding:2px 10px;letter-spacing:.01em}.pf-rolebadge--student{background:#eef4fb;color:#2b6cb0}.pf-rolebadge--teacher{background:#eef7f1;color:#1e7d47}.pf-upsell[hidden],.pf-premium[hidden]{display:none}.pf-upsell{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;text-decoration:none;margin-bottom:22px;padding:18px 22px;border-radius:16px;background:linear-gradient(135deg,#2a2f3a,#3a2320);color:#fff;border:1px solid #4a2f2b;transition:.15s}.pf-upsell:hover{filter:brightness(1.08)}.pf-upsell-txt{display:flex;flex-direction:column;gap:3px}.pf-upsell-badge{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#ffd9a8}.pf-upsell-txt b{font-size:1.08rem}.pf-upsell-sub{color:#cbd2d9;font-size:.9rem;line-height:1.4}.pf-upsell-cta{flex-shrink:0;background:var(--brand, #c0392b);color:#fff;font-weight:700;padding:10px 18px;border-radius:999px;white-space:nowrap}.pf-premium{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:14px 20px;border-radius:14px;background:#e5f4ec;border:1px solid #c7e6d5;color:#1e7d47;font-weight:600}.pf-premium-badge{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;background:#1e7d47;color:#fff;border-radius:999px;padding:3px 10px}.pf-streak{background:linear-gradient(135deg,#fff3e0,#fde3d6);border:1px solid #f5d9c8;border-radius:16px;padding:18px 22px;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pf-streak-main{display:flex;align-items:baseline;gap:8px}.pf-streak-flame{font-size:1.6rem}.pf-streak-main b{font-size:2.2rem;color:#d2691e;line-height:1}.pf-streak-lbl{font-weight:700;color:#a85a1e}.pf-streak-sub{display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:#8a5a30;text-align:right}.pf-streak-sub b{color:#7a4a20}.pf-h2{font-size:1.05rem;margin:0 0 12px;color:#444}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.pf-stat{background:#fff;border:1px solid var(--line, #ececec);border-radius:14px;padding:16px 8px;text-align:center;text-decoration:none;color:inherit;box-shadow:0 6px 18px #0000000a}.pf-link{transition:border-color .15s ease,transform .15s ease}.pf-link:hover{border-color:var(--brand, #c0392b);transform:translateY(-2px)}.pf-stat b{display:block;font-size:1.5rem;color:var(--brand, #c0392b)}.pf-stat span{font-size:.74rem;color:#777}.pf-prefs{background:#fff;border:1px solid var(--line, #ececec);border-radius:16px;padding:20px;margin-bottom:26px;box-shadow:0 6px 18px #0000000a}.pf-pref{margin-bottom:18px}.pf-pref-label{display:block;font-size:.86rem;font-weight:700;color:#444;margin-bottom:10px}.pf-chips{display:flex;flex-wrap:wrap;gap:8px}.pf-chip{border:1px solid var(--line, #ddd);background:#fafafa;border-radius:999px;padding:8px 14px;font:inherit;font-size:.86rem;font-weight:600;color:#555;cursor:pointer}.pf-chip:hover{border-color:var(--brand, #c0392b)}.pf-chip.pf-on{background:var(--brand, #c0392b);border-color:var(--brand, #c0392b);color:#fff}.pf-select{width:100%;max-width:280px;box-sizing:border-box;padding:11px 13px;font:inherit;font-size:.98rem;border:1px solid var(--line, #ddd);border-radius:11px;background:#fafafa;color:var(--ink, #1f2933)}.pf-select:focus{outline:0;border-color:var(--brand, #c0392b);background:#fff}.pf-pref-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pf-pref-save .pf-btn{cursor:pointer;border:0}.pf-pref-msg{font-size:.86rem;font-weight:600}.pf-pref-ok{color:#1e7d47}.pf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.pf-actions-center{justify-content:center}.pf-btn{display:inline-block;background:var(--brand, #c0392b);color:#fff;text-decoration:none;border-radius:999px;padding:11px 22px;font-weight:700;font-size:.95rem}.pf-btn:hover{opacity:.92;color:#fff}.pf-ghost{background:#fff;color:var(--ink, #1f2933);border:1px solid var(--line, #ddd)}.pf-ghost:hover{border-color:var(--brand, #c0392b);color:var(--brand, #c0392b);opacity:1}.pf-logout{background:0 0;border:1px solid var(--line, #ddd);border-radius:999px;padding:9px 18px;font:inherit;font-size:.86rem;font-weight:600;color:#666;cursor:pointer}.pf-logout:hover{border-color:#d9534f;color:#d9534f}.pf-logout:disabled{opacity:.6;cursor:default}.pf-teach{background:#fff;border:1px solid var(--line, #ececec);border-radius:16px;padding:20px;margin-bottom:26px;box-shadow:0 6px 18px #0000000a}.pf-teach-block{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line, #eee)}.pf-teach-head{display:flex;align-items:baseline;gap:8px}.pf-teach-head h3{font-size:1rem;margin:0;color:var(--ink, #1f2933)}.pf-teach-count{font-size:.8rem;font-weight:700;color:#fff;background:var(--brand, #c0392b);border-radius:999px;padding:1px 8px}.pf-teach-sub{color:#777;font-size:.85rem;margin:4px 0 12px;line-height:1.45}.pf-linklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pf-linkitem{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid var(--line, #ececec);border-radius:12px;padding:10px 14px;background:#fafafa}.pf-linkitem-main{display:flex;flex-direction:column;gap:1px;text-decoration:none;flex:1;min-width:0}a.pf-linkitem-main:hover .pf-linkitem-name{color:var(--brand, #c0392b)}.pf-linkitem-name{font-weight:700;color:var(--ink, #1f2933)}.pf-linkitem-sub{font-size:.8rem;color:#888}.pf-linkitem-actions{display:flex;align-items:center;gap:8px}.pf-linkitem-view{padding:7px 14px;font-size:.82rem}.pf-linkitem-remove{background:0 0;border:1px solid var(--line, #ddd);border-radius:999px;padding:6px 12px;font:inherit;font-size:.8rem;font-weight:600;color:#888;cursor:pointer}.pf-linkitem-remove:hover{border-color:#d9534f;color:#d9534f}.pf-linkitem-nick{background:0 0;border:1px solid var(--line, #ddd);border-radius:999px;padding:6px 12px;font:inherit;font-size:.8rem;font-weight:600;color:#667;cursor:pointer}.pf-linkitem-nick:hover{border-color:var(--brand, #c0392b);color:var(--brand, #c0392b)}.pf-empty{color:#999;font-size:.85rem;margin:6px 0 0}.pf-dash-link{margin:0 0 12px}.pf-dash-link .pf-btn{font-size:.85rem;padding:8px 16px}.pf-code{margin-bottom:18px}.pf-code-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pf-code-label{font-size:.86rem;font-weight:700;color:#444}.pf-code-rotate{background:0 0;border:0;color:var(--brand, #c0392b);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.pf-code-rotate:hover{text-decoration:underline}.pf-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-code-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.12em;background:#f4f6f8;border:1px dashed var(--line, #cfd6dd);border-radius:10px;padding:10px 16px;color:var(--ink, #1f2933)}.pf-code-copy{padding:9px 16px;font-size:.85rem;cursor:pointer}.pf-code-hint{color:#888;font-size:.8rem;margin:8px 0 0;line-height:1.45}.pf-redeem-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.pf-redeem-input{flex:1;min-width:180px;box-sizing:border-box;padding:11px 14px;font:inherit;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line, #ddd);border-radius:11px;background:#fafafa}.pf-redeem-input:focus{outline:0;border-color:var(--brand, #c0392b);background:#fff}.pf-redeem-btn{border:0;cursor:pointer}.pf-redeem-btn:disabled{opacity:.6;cursor:default}.pf-redeem-consent{color:#999;font-size:.78rem;margin:8px 0 0}.pf-redeem-msg{font-size:.85rem;font-weight:600;margin:8px 0 0}.pf-redeem-ok{color:#1e7d47}.pf-redeem-err{color:#a3271b}.pf-gate{text-align:center;padding:40px 10px}.pf-gate .pf-avatar{margin:0 auto 14px}.pf-gate h1{font-size:1.6rem;margin:0 0 8px}.pf-gate p{color:#666;margin:0 auto 22px;max-width:380px}@media (max-width:480px){.pf-stats{grid-template-columns:repeat(2,1fr)}.pf-streak-sub{text-align:left}}