.hds-noti{padding:clamp(24px,4vw,48px) 20px 80px}.hds-noti__shell{max-width:760px;margin:0 auto}.hds-noti__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.hds-noti__title{margin:0;font-size:clamp(1.5rem,1rem + 2vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--ink)}.hds-noti__subtitle{margin:4px 0 0;font-size:14px;color:var(--muted)}.hds-noti__mark{flex-shrink:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,opacity .12s}.hds-noti__mark:hover:not(:disabled){background:var(--paper-2)}.hds-noti__mark:disabled{opacity:.45;cursor:default}.hds-noti__action-error{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--pal-hds-red) 6%,transparent);color:var(--hds-red);font-size:13px;font-weight:600}.hds-noti__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.hds-noti__list{display:flex;flex-direction:column}.hds-noti .noti-item{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .12s}.hds-noti .noti-item:last-child{border-bottom:none}.hds-noti .noti-item:hover{background:var(--paper-2)}.hds-noti .noti-item.unread{background:color-mix(in srgb,var(--pal-hds-red) 4%,transparent)}.hds-noti .noti-item .ni-ic{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--paper-2)}.hds-noti .noti-item .ni-ic.post{background:color-mix(in srgb,var(--pal-accent-green) 12%,transparent)}.hds-noti .noti-item .ni-ic.reply{background:color-mix(in srgb,var(--pal-hds-red) 8%,transparent)}.hds-noti .noti-item .ni-ic.poll{background:color-mix(in srgb,var(--pal-2563eb) 12%,transparent)}.hds-noti .noti-item .ni-ic.filled{background:color-mix(in srgb,var(--pal-f59e0b) 14%,transparent)}.hds-noti .noti-item .ni-t{font-size:14px;line-height:1.5}.hds-noti .noti-item .ni-time{margin-top:4px;font-size:12px;color:var(--muted)}.hds-noti__empty{padding:56px 24px;text-align:center;color:var(--muted);font-size:14px}.hds-noti__more{display:flex;justify-content:center;padding:18px}.hds-noti__more-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 22px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .12s,opacity .12s}.hds-noti__more-btn:hover:not(:disabled){background:var(--paper-2)}.hds-noti__more-btn:disabled{opacity:.6;cursor:default}.hds-noti__skeleton{height:66px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--paper-2) 25%,color-mix(in srgb,var(--pal-black) 3%,transparent) 37%,var(--paper-2) 63%);background-size:400% 100%;animation:hds-noti-shimmer 1.4s ease-in-out infinite}.hds-noti__skeleton:last-child{border-bottom:none}@keyframes hds-noti-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.hds-noti__skeleton{animation:none}}.hds-noti .noti-item .ni-ic.broadcast{background:color-mix(in srgb,var(--pal-hds-red) 10%,transparent)}.hds-noti .noti-item .ni-body{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:var(--muted);white-space:pre-line}.hds-onboarding{--onb-grad-bronze:linear-gradient(135deg,var(--pal-c99458),var(--pal-8b5e2c));--onb-grad-silver:linear-gradient(135deg,var(--pal-c0c2c8),var(--pal-888b92));--onb-grad-gold:linear-gradient(135deg,var(--tier-gold),var(--pal-b58928));--onb-grad-diamond:linear-gradient(135deg,var(--pal-7dc8eb),var(--pal-4a8ab5));--onb-dark-grad:linear-gradient(160deg,var(--ink-soft) 0%,var(--ink) 100%);--onb-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;min-height:100vh;background:var(--paper-2);color:var(--ink);font-family:var(--font-sans,system-ui,sans-serif);display:flex;flex-direction:column}.hds-onboarding [hidden]{display:none!important}.hds-onboarding .onb-tiergrad--bronze{background:var(--onb-grad-bronze)}.hds-onboarding .onb-tiergrad--silver{background:var(--onb-grad-silver)}.hds-onboarding .onb-tiergrad--gold{background:var(--onb-grad-gold)}.hds-onboarding .onb-tiergrad--diamond{background:var(--onb-grad-diamond)}.onb-screen{animation:onb-fade-in .35s ease}@keyframes onb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onb-nav{padding:var(--space-4) 0;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:40}.onb-nav__inner{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:1080px;margin:0 auto;padding:0 var(--space-4)}.hds-onboarding .app-logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.onb-nav__progress{flex:1;max-width:480px;margin:0 auto;min-width:0}.onb-nav__lab{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:6px}.onb-nav__pct{font-family:var(--onb-font-mono)}.onb-nav__skip{background:none;border:none;padding:var(--space-2);font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap}.onb-nav__skip:hover{color:var(--hds-red)}.onb-nav__skip:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.onb-progress{position:relative;height:6px;overflow:hidden;background:var(--paper-3)}.onb-progress,.onb-progress-bar{width:100%;border-radius:var(--radius-pill)}.onb-progress-bar{height:100%;background:var(--ai-gradient);transition:transform var(--dur,.4s) cubic-bezier(.16,1,.3,1)}.onb-shell{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16)}.onb-center{max-width:560px;margin:0 auto;text-align:center}.onb-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-8)}.onb-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hds-red);margin-bottom:var(--space-3)}.onb-title{font-size:clamp(26px,3vw,38px);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-3)}.onb-lead{font-size:16px;line-height:1.6;color:var(--ink-soft);margin:0 0 var(--space-6)}.onb-intro{text-align:center;max-width:680px;margin:0 auto var(--space-10,40px)}.onb-ai-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--hds-red-soft);border:1px solid color-mix(in srgb,var(--pal-hds-red) 20%,transparent);border-radius:var(--radius-pill);font-size:11px;color:var(--hds-red);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.onb-ai-tag__dot{width:6px;height:6px;background:var(--hds-red);border-radius:50%;animation:onb-pulse 1.4s infinite}@keyframes onb-pulse{0%,to{opacity:1}50%{opacity:.3}}.onb-intro__title{font-size:clamp(30px,4.5vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}.onb-intro__lead{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.onb-intro__meta{display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin:26px 0 32px;padding:0;list-style:none}.onb-intro__meta li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);font-weight:600}.onb-intro__cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.onb-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:var(--space-12,48px) auto 0}@media (max-width:780px){.onb-levels{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.onb-levels{grid-template-columns:1fr}}.onb-level-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}.onb-tier-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--radius-pill);color:var(--pal-white);font-weight:700;font-size:12.5px;letter-spacing:.02em;margin-bottom:12px}.onb-level-card__name{font-size:14px;font-weight:700;margin-bottom:4px}.onb-level-card__desc{font-size:12px;color:var(--muted);line-height:1.5}.onb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-pill);font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:transform var(--dur,.15s) ease,box-shadow var(--dur,.15s) ease,background var(--dur,.15s) ease}.onb-btn:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.onb-btn--primary{background:var(--hds-red);color:var(--pal-white);box-shadow:var(--shadow-red)}.onb-btn--primary:hover:not(:disabled){transform:translateY(-1px);background:var(--hds-red-dark)}.onb-btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.onb-btn--ghost{background:transparent;color:var(--muted);border-color:var(--line)}.onb-btn--ghost:hover{color:var(--ink);border-color:var(--hds-gray-2)}.onb-btn--block{width:100%}.onb-consent-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:var(--space-3);text-align:left}.onb-consent-row__title{font-weight:700;font-size:15px}.onb-consent-row__desc{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.5}.onb-callout{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--hds-red-soft);color:var(--hds-red-dark);font-size:14px;line-height:1.5;text-align:left;margin-top:var(--space-4)}.onb-test{max-width:640px;margin:0 auto}.onb-question__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.onb-question__num{font-size:11px;color:var(--accent-pink);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.onb-qlv{padding:3px 9px;border-radius:var(--radius-pill);font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--pal-white);text-transform:uppercase}.onb-question__text{font-size:clamp(21px,2.4vw,27px);font-weight:800;line-height:1.28;margin:0 0 8px;letter-spacing:-.01em}.onb-question__hint{font-size:13.5px;color:var(--muted);margin:0 0 26px}.onb-answers{display:flex;flex-direction:column;gap:10px}.onb-answer{display:flex;align-items:center;gap:var(--space-4);min-height:56px;width:100%;padding:16px 18px;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color var(--dur,.15s) ease,transform var(--dur,.15s) ease,box-shadow var(--dur,.15s) ease}.onb-answer:hover{border-color:var(--hds-red);background:var(--hds-red-soft)}.onb-answer:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.onb-answer[data-state=checked]{border-color:var(--hds-red);background:var(--hds-red-soft)}.onb-answer-letter{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--paper-3);color:var(--muted);font-weight:700;font-size:13px;transition:background var(--dur,.15s) ease,color var(--dur,.15s) ease}.onb-answer[data-state=checked] .onb-answer-letter{background:var(--hds-red);color:var(--pal-white)}.onb-answer-body{display:flex;flex-direction:column;gap:2px;min-width:0}.onb-answer-text{font-size:14.5px;font-weight:500;line-height:1.45}.onb-answer-hint{font-size:13px;color:var(--muted)}.onb-quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:28px}.onb-btn-prev{background:none;border:none;padding:var(--space-2);font-size:13px;color:var(--muted);cursor:pointer}.onb-btn-prev:hover:not(:disabled){color:var(--ink)}.onb-btn-prev:disabled{opacity:.35;cursor:default;pointer-events:none}.onb-btn-prev:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.onb-analyzing{text-align:center;padding:var(--space-16) var(--space-4)}.onb-spinner{width:56px;height:56px;margin:0 auto var(--space-6);border-radius:50%;border:4px solid var(--paper-3);border-top-color:var(--hds-red);animation:onb-spin .9s linear infinite}@keyframes onb-spin{to{transform:rotate(1turn)}}.onb-analyzing__line{font-size:16px;font-weight:600;color:var(--ink-soft)}.onb-result{max-width:860px;margin:0 auto}.onb-result__head{background:var(--onb-dark-grad);border-radius:20px;padding:44px 40px;color:var(--pal-white);text-align:center;position:relative;overflow:hidden;margin-bottom:24px}.onb-result__head:before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:80%;height:120%;background:radial-gradient(circle,color-mix(in srgb,var(--pal-accent-pink) 22%,transparent),transparent 65%)}.onb-result__head>*{position:relative;z-index:2}.onb-result__tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-green);font-weight:700;margin-bottom:16px}.onb-result__badge{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:var(--radius-pill);font-size:22px;font-weight:700;color:var(--pal-white);margin:0 auto 18px;box-shadow:0 12px 30px color-mix(in srgb,var(--pal-black) 40%,transparent)}.onb-result__title{font-size:clamp(27px,3.4vw,34px);font-weight:800;letter-spacing:-.01em;color:var(--pal-white);margin:0 0 10px}.onb-result__desc{color:color-mix(in srgb,var(--pal-white) 80%,transparent);font-size:14.5px;line-height:1.6;max-width:560px;margin:0 auto}.onb-result__score{display:inline-flex;align-items:baseline;gap:6px;margin-top:22px;padding:10px 20px;background:color-mix(in srgb,var(--pal-white) 6%,transparent);border:1px solid color-mix(in srgb,var(--pal-white) 12%,transparent);border-radius:var(--radius-pill)}.onb-result__score-num{font-family:var(--onb-font-mono);font-size:22px;font-weight:700;color:var(--accent-yellow)}.onb-result__score-lab{font-size:12.5px;color:color-mix(in srgb,var(--pal-white) 65%,transparent)}.onb-result__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}@media (max-width:720px){.onb-result__grid{grid-template-columns:1fr}}.onb-rcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;text-align:left}.onb-rcard h3{font-size:15px;font-weight:700;margin:0 0 14px}.onb-breakdown-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}.onb-breakdown-row:last-child{border-bottom:none}.onb-breakdown-row__label{flex:1;color:var(--ink)}.onb-breakdown-row__val{font-family:var(--onb-font-mono);font-weight:700;font-size:12.5px}.onb-breakdown-row__val.is-ok{color:var(--accent-green)}.onb-breakdown-row__val.is-no{color:var(--muted-2)}.onb-recpath{display:flex;align-items:center;gap:12px;padding:14px;background:var(--paper-2);border-radius:12px;margin-bottom:10px}.onb-recpath:last-child{margin-bottom:0}.onb-recpath--link{text-decoration:none;cursor:pointer;transition:background var(--duration-fast,.15s) ease}.onb-recpath--link:hover{background:var(--paper-3,var(--paper-2))}.onb-recpath--link:focus-visible{outline:2px solid var(--brand,currentColor);outline-offset:2px}.onb-recpath__num{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--pal-white);flex-shrink:0}.onb-recpath__info{display:flex;flex-direction:column;min-width:0}.onb-recpath__title{color:var(--ink);font-size:14px;font-weight:700}.onb-recpath__sub{color:var(--muted);font-size:12px;margin-top:2px}.onb-result__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.onb-result__note{text-align:center;font-size:12.5px;color:var(--muted);margin:18px 0 0;line-height:1.6}.onb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.onb-banner{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--warning,var(--pal-fff4e5));color:var(--ink);font-size:14px;margin-bottom:var(--space-4)}.onb-banner,.onb-footer{display:flex;align-items:center}.onb-footer{justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-6);border-top:1px solid var(--line);background:var(--paper);font-size:12.5px;color:var(--muted)}.onb-footer__brand{display:inline-flex;align-items:center;gap:6px;font-weight:800;letter-spacing:-.01em}.onb-footer__note{flex:1;min-width:200px;text-align:center}.onb-footer__copy{white-space:nowrap}@media (max-width:768px){.onb-nav{padding:var(--space-3) 0}.onb-nav__inner{gap:var(--space-3)}.onb-shell{padding:var(--space-6) var(--space-4) var(--space-12,48px)}.onb-result__head{padding:34px 22px}}@media (max-width:560px){.onb-card{padding:var(--space-6) var(--space-4)}.onb-answer{padding:13px 14px;gap:12px}.onb-answer-text{font-size:13.5px}.onb-footer{flex-direction:column;text-align:center;gap:var(--space-1)}.onb-footer__note{min-width:0}}@media (prefers-reduced-motion:reduce){.hds-onboarding *,.hds-onboarding :after,.hds-onboarding :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.onb-consent{max-width:760px;margin:0 auto}.onb-consent__hero{text-align:center;margin-bottom:var(--space-6)}.onb-consent__title{font-size:clamp(26px,4vw,32px);line-height:1.18;margin-bottom:var(--space-3)}.onb-consent__lead{font-size:15px;color:var(--muted);line-height:1.6}.onb-consent__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl,18px);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-md);text-align:left}.onb-consent__card-title{font-size:14px;font-weight:700;margin-bottom:4px}.onb-consent__card-sub{font-size:13px;color:var(--muted);margin-bottom:var(--space-5);line-height:1.5}.onb-consent__points{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.onb-consent__point{display:flex;gap:var(--space-3);align-items:flex-start}.onb-consent__point-ic{width:36px;height:36px;border-radius:var(--radius-md,10px);background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.onb-consent__point-tx{display:block}.onb-consent__point-t{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:2px}.onb-consent__point-s{display:block;font-size:13px;color:var(--muted);line-height:1.5}.onb-consent__link{color:var(--hds-red);font-weight:600;text-decoration:underline;text-underline-offset:2px;background:none;border:none;padding:0;cursor:pointer;font:inherit}.onb-consent__link:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.onb-consent__check{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--dur,.15s) ease,background var(--dur,.15s) ease;margin-bottom:var(--space-4)}.onb-consent__check.is-checked,.onb-consent__check:hover{border-color:var(--hds-red);background:var(--hds-red-soft)}.onb-consent__check input{position:absolute;opacity:0;width:0;height:0}.onb-consent__box{width:22px;height:22px;border:2px solid var(--line);border-radius:6px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;background:var(--paper);transition:background var(--dur,.15s) ease,border-color var(--dur,.15s) ease}.onb-consent__check.is-checked .onb-consent__box{background:var(--hds-red);border-color:var(--hds-red)}.onb-consent__box svg{width:13px;height:13px;opacity:0;transition:opacity var(--dur,.15s) ease}.onb-consent__check.is-checked .onb-consent__box svg{opacity:1}.onb-consent__check-lab{font-size:14px;color:var(--ink);line-height:1.55}.onb-consent__req{color:var(--hds-red);font-weight:700}.onb-terms-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--pal-hds-black) 50%,transparent);animation:onb-fade-in .2s ease}.onb-terms-modal__card{background:var(--paper);border-radius:var(--radius-lg);width:min(94vw,640px);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.onb-terms-modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);flex-shrink:0}.onb-terms-modal__head h3{font-size:16px;margin:0}.onb-terms-modal__close{width:34px;height:34px;border-radius:8px;border:none;background:var(--paper-2);cursor:pointer;font-size:16px;color:var(--muted);display:flex;align-items:center;justify-content:center}.onb-terms-modal__close:hover{background:var(--line);color:var(--ink)}.onb-terms-modal__body{padding:var(--space-5);overflow-y:auto}.onb-terms-modal__body h4{font-size:14px;margin:var(--space-4) 0 6px;color:var(--ink)}.onb-terms-modal__body h4:first-child{margin-top:0}.onb-terms-modal__body li,.onb-terms-modal__body p{font-size:13px;color:var(--muted);line-height:1.65}.onb-terms-modal__body ul{padding-left:18px;margin:6px 0}.onb-terms-modal__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);flex-shrink:0;text-align:right}@media (max-width:460px){.onb-consent__card{padding:var(--space-4);border-radius:var(--radius-lg)}.onb-consent__point-ic{width:32px;height:32px;font-size:15px}.onb-terms-modal__body,.onb-terms-modal__foot,.onb-terms-modal__head{padding-left:var(--space-4);padding-right:var(--space-4)}}.hds-switch{position:relative;flex:0 0 auto;width:52px;height:44px;padding:0;border:none;background:transparent;cursor:pointer}.hds-switch:before{content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);width:44px;height:26px;border-radius:var(--radius-pill);background:var(--paper-3);border:1px solid var(--line);transition:background var(--duration-fast,.15s) ease,border-color var(--duration-fast,.15s) ease}.hds-switch[data-state=checked]:before{background:var(--hds-red);border-color:var(--hds-red)}.hds-switch:focus-visible{outline:none}.hds-switch:focus-visible:before{box-shadow:0 0 0 3px var(--hds-red-soft)}.hds-switch:disabled{cursor:not-allowed;opacity:.5}.hds-switch-thumb{position:absolute;top:50%;left:7px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--pal-white);box-shadow:0 1px 3px color-mix(in srgb,var(--pal-black) 25%,transparent);transition:transform var(--duration-fast,.15s) var(--ease-out-expo,cubic-bezier(.16,1,.3,1));pointer-events:none}.hds-switch[data-state=checked] .hds-switch-thumb{transform:translate(18px,-50%)}.hds-shell>.hds-shell-main>.hd-spotlight-strip{flex:0 0 auto;width:100%;max-width:var(--container);margin:var(--space-4) auto 0;padding:0 var(--space-8);box-sizing:border-box}.hd-spotlight-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;overflow:hidden;min-height:148px;border-radius:var(--radius-lg);color:var(--pal-white);background:radial-gradient(90% 140% at 100% 0,color-mix(in srgb,var(--pal-hds-red) 42%,transparent),transparent 60%),linear-gradient(120deg,var(--hds-black) 0,var(--hds-black-soft) 100%);box-shadow:0 18px 40px -24px color-mix(in srgb,var(--pal-hds-black) 55%,transparent);animation:hd-spotlight-in .36s cubic-bezier(.16,1,.3,1)}.hd-spotlight-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:var(--space-6) var(--space-8);padding-right:56px}.hd-spotlight-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--danger-on-dark)}.hd-spotlight-title{margin:0;font-size:clamp(18px,1.2rem + .6vw,26px);font-weight:800;line-height:1.2;letter-spacing:-.01em}.hd-spotlight-desc{margin:0;max-width:56ch;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--pal-white) 72%,transparent)}.hd-spotlight-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--hds-red);color:var(--pal-white);font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s ease,background-color .15s ease}.hd-spotlight-cta:hover{background:var(--hds-red-dark);transform:translateY(-1px)}.hd-spotlight-cta:active{transform:translateY(0)}.hd-spotlight-close:focus-visible,.hd-spotlight-cta:focus-visible,.hd-spotlight-dots button:focus-visible{outline:2px solid var(--pal-white);outline-offset:2px}.hd-spotlight-cta span{transition:transform .15s ease}.hd-spotlight-cta:hover span{transform:translateX(3px)}.hd-spotlight-card.is-image{display:block;min-height:0;color:var(--ink);background:var(--paper-2)}.hd-spotlight-img-link{display:block}.hd-spotlight-img{display:block;width:100%;height:auto;max-height:var(--spotlight-img-max-h,400px);-o-object-fit:contain;object-fit:contain}.hd-spotlight-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px var(--space-6);color:var(--pal-white);background:linear-gradient(120deg,var(--hds-black) 0,var(--hds-black-soft) 100%)}.hd-spotlight-caption .hd-spotlight-cta{margin-top:0}.hd-spotlight-card.is-image .hd-spotlight-close,.hd-spotlight-dialog.is-image .hd-spotlight-close{background:color-mix(in srgb,var(--pal-hds-black) 55%,transparent)}.hd-spotlight-title-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.hd-spotlight-title-link:hover{text-decoration-thickness:2px}.hd-spotlight-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hd-spotlight-close{position:absolute;top:10px;right:10px;z-index:1;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--on-dark-surface-2);color:var(--pal-white);font-size:20px;line-height:1;cursor:pointer;transition:background-color .15s ease}.hd-spotlight-close:hover{background:var(--on-dark-surface-3)}.hd-spotlight-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.hd-spotlight-dots button{width:8px;height:8px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--line);cursor:pointer;transition:transform .2s ease,background-color .2s ease}.hd-spotlight-dots button.is-active{background:var(--hds-red);transform:scaleX(2.4)}.hd-spotlight-dialog{position:relative;box-sizing:border-box;border-radius:var(--radius-lg);color:var(--pal-white);background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--pal-hds-red) 40%,transparent),transparent 60%),var(--hds-black);border:1px solid color-mix(in srgb,var(--pal-white) 8%,transparent);box-shadow:0 18px 48px -18px color-mix(in srgb,var(--pal-black) 60%,transparent)}.hd-spotlight-corner{--corner-gap:var(--space-6);--corner-w:min(360px,calc(100% - 2 * var(--corner-gap)));--corner-img-max-h:min(50dvh,420px);position:fixed;left:max(var(--corner-gap),env(safe-area-inset-left,0px));bottom:var(--corner-gap);z-index:94;width:var(--corner-w);max-height:calc(100dvh - var(--nav-h, 64px) - 2 * var(--corner-gap));overflow-y:auto;overscroll-behavior:contain;animation:hd-spotlight-corner-in .28s cubic-bezier(.16,1,.3,1)}.hd-spotlight-corner.is-image{width:-moz-fit-content;width:fit-content;min-width:min(260px,var(--corner-w));max-width:var(--corner-w)}.hd-spotlight-dialog-img{display:block;max-width:100%;width:auto;height:auto;max-height:var(--corner-img-max-h);margin:0 auto;-o-object-fit:contain;object-fit:contain}.hd-spotlight-corner.is-image :is(.hd-spotlight-dialog-body,.hd-spotlight-optout){contain:inline-size}.hd-spotlight-dialog-body{display:flex;flex-direction:column;gap:8px;padding:var(--space-5) var(--space-5) var(--space-3)}.hd-spotlight-corner .hd-spotlight-title{padding-right:32px;font-size:18px}.hd-spotlight-corner .hd-spotlight-desc{font-size:13.5px}.hd-spotlight-corner .hd-spotlight-close{top:8px;right:8px;width:30px;height:30px}.hd-spotlight-dialog .hd-spotlight-cta{align-self:stretch;justify-content:center}.hd-spotlight-optout{display:flex;align-items:center;gap:8px;min-height:40px;padding:var(--space-2) var(--space-5);border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);font-size:12.5px;line-height:1.3;color:color-mix(in srgb,currentColor 72%,transparent);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hd-spotlight-optout:hover{color:inherit}.hd-spotlight-optout input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--hds-red);cursor:pointer}.hd-spotlight-optout input:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (max-width:768px){.hd-spotlight-corner{--corner-gap:var(--space-4);--corner-w:calc(100% - var(--corner-gap) - var(--fab-right, 16px) - var(--fab-size, 44px) - var(--space-3));--corner-img-max-h:min(34dvh,240px);bottom:calc(var(--bottom-nav-h, 60px) + var(--space-3));max-height:calc(100dvh - var(--nav-h, 64px) - var(--bottom-nav-h, 60px) - 2 * var(--space-3))}.hd-spotlight-corner .hd-spotlight-dialog-body{padding:var(--space-4) var(--space-4) var(--space-2)}.hd-spotlight-corner .hd-spotlight-title{font-size:16px}.hd-spotlight-optout{min-height:44px;padding:0 var(--space-4)}}@keyframes hd-spotlight-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hd-spotlight-corner-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hd-spotlight-card,.hd-spotlight-dialog{animation:none}.hd-spotlight-cta,.hd-spotlight-cta span,.hd-spotlight-dots button{transition:none}}@media (max-width:768px){.hds-shell>.hds-shell-main>.hd-spotlight-strip{padding:0 var(--space-4);margin-top:12px}.hd-spotlight-card.is-image{--spotlight-img-max-h:280px}.hd-spotlight-caption{padding:12px var(--space-4)}.hd-spotlight-copy{padding:var(--space-4);padding-right:52px}.hd-spotlight-cta{align-self:stretch;justify-content:center}}.hds-auth{--hds-red:var(--pal-hds-red);--hds-red-dark:var(--pal-c30022);--hds-black:var(--pal-hds-black);--paper:var(--pal-white);--paper-2:var(--pal-f6f6f7);--ink:var(--pal-hds-black);--muted:var(--pal-6b7280);--muted-2:var(--pal-9ca3af);--line:var(--pal-e5e7eb);--tier-gold:var(--pal-tier-gold);--ai-gradient:linear-gradient(90deg,var(--pal-hds-red) 0%,var(--pal-accent-pink) 100%);--shadow-sm:0 1px 2px color-mix(in srgb,var(--pal-black) 6%,transparent);color:var(--ink);font-family:var(--font-be-vietnam),"Be Vietnam Pro",sans-serif}.hds-auth .auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--hds-black);color:var(--pal-white)}@media (max-width:980px){.hds-auth .auth-page{grid-template-columns:1fr}}.hds-auth .auth-left{padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--pal-hds-red) 20%,transparent) 0,transparent 55%),radial-gradient(ellipse at 70% 80%,color-mix(in srgb,var(--pal-accent-pink) 15%,transparent) 0,transparent 55%),var(--hds-black)}.hds-auth .auth-left:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--pal-white) 2.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pal-white) 2.5%,transparent) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(180deg,transparent,var(--pal-black) 30%,var(--pal-black) 70%,transparent);mask-image:linear-gradient(180deg,transparent,var(--pal-black) 30%,var(--pal-black) 70%,transparent);pointer-events:none}.hds-auth .auth-left>*{position:relative;z-index:2}@media (max-width:980px){.hds-auth .auth-left{display:none}}.hds-auth .brand-block{display:flex;align-items:center}.hds-auth .auth-hero h1{font-size:44px;line-height:1.1;color:var(--pal-white);margin:0 0 18px;max-width:460px;overflow-wrap:anywhere}.hds-auth .auth-hero h1 .accent{background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hds-auth .auth-hero p{color:color-mix(in srgb,var(--pal-white) 75%,transparent);font-size:16px;max-width:440px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.hds-auth .auth-stats{display:flex;gap:40px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--pal-white) 8%,transparent)}.hds-auth .auth-stats .v{font-size:28px;font-weight:600;color:var(--pal-white);line-height:1}.hds-auth .auth-stats .l{font-size:11.5px;color:color-mix(in srgb,var(--pal-white) 55%,transparent);margin-top:4px}.hds-auth .auth-right{background:var(--paper);color:var(--ink);padding:32px 40px;display:flex;align-items:center;justify-content:center}@media (max-width:980px){.hds-auth .auth-right{padding:24px}}.hds-auth .auth-card{width:100%;max-width:420px}.hds-auth .auth-card h2{font-size:23px;margin:0 0 5px}.hds-auth .auth-card .sub{font-size:13.5px;color:var(--muted);margin-bottom:16px}.hds-auth .hdi-login-btn{width:100%;padding:13px 18px;min-height:44px;background:var(--pal-white);border:2px solid var(--tier-gold);border-radius:100px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15.5px;font-weight:700;color:var(--tier-gold);text-decoration:none;box-shadow:0 6px 18px color-mix(in srgb,var(--pal-tier-gold) 18%,transparent);transition:all .15s}.hds-auth .hdi-login-btn:hover{background:color-mix(in srgb,var(--pal-tier-gold) 6%,transparent);transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--pal-tier-gold) 26%,transparent)}.hds-auth .hdi-login-btn[aria-disabled=true]{opacity:.6;cursor:progress}.hds-auth .hdi-login-btn[aria-disabled=true]:hover{transform:none;box-shadow:none;background:var(--pal-white)}.hds-auth .hdi-login-btn .ic{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--hds-red);color:var(--pal-white);border-radius:8px;font-weight:800;font-size:12px;letter-spacing:.02em}.hds-auth .hdi-login-btn .txt{flex:1;text-align:center;line-height:1.25}.hds-auth .hdi-login-btn .arrow{font-size:18px}.hds-auth .hdi-helper{font-size:11.5px;color:var(--muted);text-align:center;margin-top:8px;line-height:1.45}.hds-auth .auth-error{padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--pal-hds-red) 6%,transparent);border:1px solid color-mix(in srgb,var(--pal-hds-red) 18%,transparent);color:var(--hds-red);font-size:13px;margin-bottom:14px}.hds-auth .divider{display:flex;align-items:center;gap:14px;margin:14px 0 12px;color:var(--muted);font-size:11.5px}.hds-auth .divider:after,.hds-auth .divider:before{content:"";flex:1;height:1px;background:var(--line)}.hds-auth .terms{display:block;font-size:11.5px;color:var(--muted);text-align:center;margin-top:16px;line-height:1.6}.hds-auth .terms a{color:var(--hds-red)}.hds-auth .txt-mobile{display:none}.hds-auth .auth-status{font-size:14px;color:var(--muted);text-align:center}.hds-auth .auth-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 0;text-align:center}.hds-auth .auth-loading h2{margin:0;font-size:22px}.hds-auth .auth-loading-sub{font-size:14px;color:var(--muted);max-width:320px;line-height:1.5}.hds-auth .auth-spinner{width:44px;height:44px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pal-tier-gold) 22%,transparent);border-top-color:var(--hds-red);animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hds-auth .auth-spinner{animation:none}}.hds-auth .auth-view-qr{animation:qrPop .18s ease}@keyframes qrPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hds-auth .auth-view-qr{text-align:center}.hds-auth .auth-view-qr .sub{max-width:320px;margin:0 auto 22px}.hds-auth .auth-view-qr .divider{margin-top:22px}.hds-auth .qr-view{display:flex;flex-direction:column;align-items:center;text-align:center}.hds-auth .qr-view-img{box-sizing:border-box;width:208px;height:208px;padding:14px;background:var(--pal-white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.hds-auth .qr-view-note{font-size:12.5px;color:var(--muted);max-width:300px;margin:14px auto 0;line-height:1.55}.hds-auth .qr-view-note b{color:var(--hds-red);font-weight:700}.hds-auth .qr-view-note .qr-timer{font-family:var(--font-mono,ui-monospace,monospace)}@media (max-width:980px){.hds-auth .auth-view-qr .divider,.hds-auth .auth-view-qr .qr-login,.hds-auth .auth-view-qr .qr-view,.hds-auth .txt-desktop{display:none}.hds-auth .txt-mobile{display:inline}.hds-auth .auth-view-qr{text-align:left}.hds-auth .auth-view-qr .sub{margin:0 0 22px}}.hds-auth .qr-login{display:flex;flex-direction:column;align-items:center;gap:12px}.hds-auth .qr-login-skeleton{width:208px;height:208px;border-radius:16px;background:linear-gradient(100deg,color-mix(in srgb,var(--pal-tier-gold) 8%,transparent) 40%,color-mix(in srgb,var(--pal-tier-gold) 18%,transparent) 50%,color-mix(in srgb,var(--pal-tier-gold) 8%,transparent) 60%);background-size:200% 100%;animation:qr-skeleton-shimmer 1.4s ease infinite}@keyframes qr-skeleton-shimmer{to{background-position:-200% 0}}.hds-auth .qr-login-expired{font-size:14px;color:var(--muted)}@media (prefers-reduced-motion:reduce){.hds-auth .auth-view-qr,.hds-auth .qr-login-skeleton{animation:none}.hds-auth .hdi-login-btn:hover{transform:none}}.hds-auth a:focus-visible,.hds-auth button:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}@media (max-width:768px){.hds-auth .auth-right{padding:24px 18px}.hds-auth .auth-card h2{font-size:25px}}@media (max-width:480px){.hds-auth .auth-right{padding:20px 16px}.hds-auth .auth-card h2{font-size:23px}.hds-auth .hdi-login-btn{font-size:14.5px;padding:15px 16px}}.hds-dashboard{display:block;max-width:var(--container);margin:0 auto;padding-top:var(--space-6)}.hds-dashboard>*+*{margin-top:var(--space-6)}.hds-dashboard .dash-hero{background:linear-gradient(135deg,var(--hds-black) 0,var(--hds-black-soft) 100%);color:var(--pal-white);border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden}.hds-dashboard .dash-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:70%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--pal-accent-pink) 18%,transparent),transparent 60%);pointer-events:none}.hds-dashboard .dash-hero-content{position:relative;z-index:2}.hds-dashboard .dash-hero .greeting{font-size:13px;color:var(--on-dark-3);margin-bottom:var(--space-1)}.hds-dashboard .dash-hero h1{font-size:clamp(1.5rem,1rem + 2.5vw,2rem);color:var(--pal-white);margin-bottom:var(--space-4);line-height:1.1}.hds-dashboard .dash-hero h1 .dash-name{display:inline-block;max-width:min(100%,24ch);vertical-align:bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hds-dashboard .resume-card{background:var(--on-dark-surface);border:1px solid var(--on-dark-line);padding:18px;gap:var(--space-4);margin-bottom:var(--space-4);backdrop-filter:blur(20px)}.hds-dashboard .resume-card,.hds-dashboard .resume-card .ic{border-radius:var(--radius-md);display:flex;align-items:center}.hds-dashboard .resume-card .ic{width:50px;height:50px;background:var(--hds-red);justify-content:center;font-size:22px;flex-shrink:0}.hds-dashboard .resume-card .info{flex:1;min-width:0}.hds-dashboard .resume-card .info .lbl{font-size:10.5px;color:var(--on-dark-3);letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:var(--space-1)}.hds-dashboard .resume-card .info .title{font-size:16px;font-weight:600;color:var(--pal-white);margin-bottom:var(--space-2);line-height:1.3}.hds-dashboard .resume-card .info .meta{display:flex;justify-content:space-between;gap:var(--space-3);font-size:11px;color:var(--on-dark-3);margin-top:6px;flex-wrap:wrap}.hds-dashboard .resume-card .resume-btn{padding:12px 18px;min-height:48px;background:var(--hds-red);color:var(--pal-white);border-radius:var(--radius-pill);font-weight:600;font-size:13px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s ease}.hds-dashboard .resume-card .resume-btn:hover{background:var(--hds-red-dark)}.hds-dashboard .hds-progress{width:100%;height:6px;background:var(--paper-2);border-radius:var(--radius-pill);overflow:hidden}.hds-dashboard .hds-progress__fill{height:100%;background:var(--accent-green);border-radius:var(--radius-pill);transition:width .4s ease}.hds-dashboard .hds-progress--red .hds-progress__fill{background:var(--hds-red)}.hds-dashboard .hds-progress--ai .hds-progress__fill{background:var(--ai-gradient)}.hds-dashboard .resume-card .hds-progress{height:5px;background:color-mix(in srgb,var(--pal-white) 10%,transparent)}.hds-dashboard .dash-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.hds-dashboard .dash-stat{background:var(--on-dark-surface);border:1px solid var(--on-dark-line);border-radius:var(--radius-md);padding:14px;position:relative;z-index:2}.hds-dashboard .dash-stat .v{font-size:22px;font-weight:600;color:var(--pal-white);line-height:1}.hds-dashboard .dash-stat .l{font-size:10.5px;color:var(--on-dark-3);margin-top:var(--space-1);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.hds-dashboard .suggestion-card{background:var(--ai-gradient-soft);border:1px solid color-mix(in srgb,var(--pal-accent-pink) 15%,transparent);border-radius:var(--radius-md);padding:18px;display:flex;gap:14px;align-items:flex-start}.hds-dashboard .suggestion-card .ai-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;color:var(--pal-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.hds-dashboard .suggestion-card .body{flex:1}.hds-dashboard .suggestion-card .label{font-size:10px;color:var(--accent-pink);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-1)}.hds-dashboard .suggestion-card .text{font-size:13.5px;color:var(--ink);line-height:1.5}.hds-dashboard .suggestion-card .text b{color:var(--hds-red)}.hds-dashboard .suggestion-card .text .more{color:var(--hds-red);font-weight:600;text-decoration:none;white-space:nowrap}.hds-dashboard .suggestion-card .text .more:focus-visible,.hds-dashboard .suggestion-card .text .more:hover{text-decoration:underline}.hds-dashboard .dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.hds-dashboard .dash-col{min-width:0}.hds-dashboard .dash-section{margin-top:var(--space-6)}.hds-dashboard .dash-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:14px}.hds-dashboard .dash-section-header h3{font-size:18px;margin:0}.hds-dashboard .dash-section-header .more{font-size:12.5px;color:var(--hds-red);font-weight:600;text-decoration:none;white-space:nowrap}.hds-dashboard .dash-section-header .more:hover{text-decoration:underline}.hds-dashboard .dash-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.hds-dashboard .snack-card-mini{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);text-decoration:none;color:inherit;transition:background .15s ease,border-color .15s ease}.hds-dashboard .snack-card-mini:hover{background:var(--paper-2);border-color:color-mix(in srgb,var(--pal-hds-red) 15%,transparent)}.hds-dashboard .snack-card-mini .meta{font-size:10.5px;color:var(--muted);letter-spacing:.04em;margin-bottom:var(--space-2);font-weight:600;text-transform:uppercase}.hds-dashboard .snack-card-mini .title{font-size:15px;font-weight:600;line-height:1.3}.hds-dashboard .snack-card-mini.live-today{background:linear-gradient(135deg,var(--paper),var(--paper-2))}.hds-dashboard .snack-card-mini .preview{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:var(--space-2)}.hds-dashboard .dash-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.hds-dashboard .dash-card+.dash-card{margin-top:var(--space-4)}.hds-dashboard .dash-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.hds-dashboard .dash-card-header h3{font-size:16px;margin:0}.hds-dashboard .dash-card-header .more{font-size:12px;color:var(--hds-red);font-weight:600;text-decoration:none;white-space:nowrap}.hds-dashboard .cert-row{display:flex;align-items:center;gap:14px}.hds-dashboard .cert-row+.cert-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.hds-dashboard .cert-row.pending{opacity:.6}.hds-dashboard .cert-ic{width:46px;height:46px;border-radius:12px;color:var(--pal-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-be-vietnam),"Be Vietnam Pro",serif;font-size:18px;font-weight:700;flex-shrink:0}.hds-dashboard .cert-ic.bronze{background:linear-gradient(135deg,var(--pal-c99458),var(--pal-8b5e2c))}.hds-dashboard .cert-ic.silver{background:linear-gradient(135deg,var(--pal-c0c2c8),var(--pal-888b92))}.hds-dashboard .cert-ic.gold{background:linear-gradient(135deg,var(--pal-e8c468),var(--pal-b58928))}.hds-dashboard .cert-ic.diamond{background:linear-gradient(135deg,var(--pal-9ad8f0),var(--pal-4c86c8))}.hds-dashboard .cert-grow{flex:1;min-width:0}.hds-dashboard .cert-t{font-size:14px;font-weight:600}.hds-dashboard .cert-sub{font-size:11.5px;color:var(--muted);margin-top:4px}.hds-dashboard .cert-grow .progress-line{margin-top:4px}.hds-dashboard .dash-btn-ghost{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:14px;padding:8px 16px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);font-size:12.5px;font-weight:600;text-decoration:none;transition:border-color .15s ease,color .15s ease}.hds-dashboard .dash-btn-ghost:hover{border-color:var(--hds-red);color:var(--hds-red)}.hds-dashboard .dash-event{display:block;padding:12px;background:var(--paper-2);border-radius:10px;color:inherit;text-decoration:none;transition:background .15s ease,box-shadow .15s ease}.hds-dashboard .dash-event:hover{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.hds-dashboard .dash-event:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.hds-dashboard .dash-event+.dash-event{margin-top:var(--space-2)}.hds-dashboard .dash-event .ev-time{font-size:10.5px;color:var(--muted);font-weight:700;letter-spacing:.08em;margin-bottom:4px}.hds-dashboard .dash-event .ev-time.hot{color:var(--hds-red)}.hds-dashboard .dash-event .ev-title{font-size:13.5px;font-weight:600;margin-bottom:6px}.hds-dashboard .dash-event .ev-meta{font-size:11.5px;color:var(--muted)}.hds-dashboard .community-mini{display:flex;flex-direction:column;gap:10px}.hds-dashboard .cm-item{display:block;padding:10px;border-radius:8px;text-decoration:none;color:inherit;transition:background .15s ease}.hds-dashboard .cm-item:hover{background:var(--paper-2)}.hds-dashboard .cm-title{font-size:12.5px;font-weight:600;margin-bottom:4px}.hds-dashboard .cm-meta{font-size:11px;color:var(--muted)}.hds-dashboard .activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.hds-dashboard .activity-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.hds-dashboard .activity-item .icon{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--paper-2);font-size:15px}.hds-dashboard .activity-item.green .icon{background:color-mix(in srgb,var(--pal-accent-green) 12%,transparent)}.hds-dashboard .activity-item.gold .icon{background:color-mix(in srgb,var(--pal-tier-gold) 14%,transparent)}.hds-dashboard .activity-item.pink .icon{background:color-mix(in srgb,var(--pal-accent-pink) 12%,transparent)}.hds-dashboard .activity-item .body{flex:1;min-width:0}.hds-dashboard .activity-item .title{font-size:13px;font-weight:600;line-height:1.3}.hds-dashboard .activity-item .meta{font-size:11.5px;color:var(--muted);margin-top:2px}.hds-dashboard .activity-item .time{font-size:11px;color:var(--muted-2);flex-shrink:0}.hds-dashboard .progress-line{height:6px;background:var(--paper-2);border-radius:var(--radius-pill);overflow:hidden}.hds-dashboard .progress-line>div{height:100%;background:var(--accent-green);border-radius:var(--radius-pill)}.hds-dashboard .empty-state{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left}.hds-dashboard .empty-state .es-body{flex:1;min-width:0}.hds-dashboard .empty-state .es-t{font-size:13px;font-weight:500;font-style:italic;color:var(--ink-soft)}.hds-dashboard .empty-state .es-s{font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:2px;font-style:italic}.hds-dashboard .dash-skel{background:var(--paper-2);border-radius:var(--radius-md);animation:hds-pulse 1.4s ease-in-out infinite}.hds-dashboard .dash-error{background:var(--hds-red-soft);border:1px solid color-mix(in srgb,var(--pal-hds-red) 20%,transparent);color:var(--hds-red-dark);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:13px;margin-bottom:var(--space-4)}@keyframes hds-pulse{0%,to{opacity:1}50%{opacity:.5}}.hds-dashboard .bottom-nav{display:none;margin:0;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:color-mix(in srgb,var(--pal-hds-black) 95%,transparent);backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb,var(--pal-white) 6%,transparent);z-index:80}.hds-dashboard .bottom-nav-inner{display:flex;height:100%}.hds-dashboard .bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:color-mix(in srgb,var(--pal-white) 55%,transparent);font-size:10px;text-decoration:none}.hds-dashboard .bottom-nav-item .ic{font-size:18px}.hds-dashboard .bottom-nav-item[aria-current=page]{color:var(--hds-red)}@media (max-width:1080px){.hds-dashboard .dash-grid{grid-template-columns:1fr}}@media (max-width:768px){.hds-dashboard .bottom-nav{display:block}.hds-dashboard{padding-left:var(--space-3);padding-right:var(--space-3);padding-bottom:calc(var(--space-12) + var(--bottom-nav-h))}}@media (max-width:480px){.hds-dashboard .dash-stats-row{grid-template-columns:1fr 1fr}.hds-dashboard .dash-tiles{grid-template-columns:1fr}.hds-dashboard .dash-hero{padding:var(--space-5)}.hds-dashboard .resume-card{flex-wrap:wrap}.hds-dashboard .resume-card .resume-btn{width:100%}}@media (prefers-reduced-motion:reduce){.hds-dashboard .dash-course-tile,.hds-dashboard .hds-progress__fill,.hds-dashboard .resume-card .resume-btn{transition:none}.hds-dashboard .dash-skel{animation:none}}.hds-activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.hds-activity__item{background:var(--paper);border:1px solid var(--line);border-radius:10px}.hds-activity__link{display:flex;gap:var(--space-3);align-items:flex-start;padding:12px 14px;color:inherit;text-decoration:none;border-radius:10px}a.hds-activity__link:hover{background:var(--paper-2)}a.hds-activity__link:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}.hds-activity__icon{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--paper-2);font-size:15px}.hds-activity__icon.tone-green{background:color-mix(in srgb,var(--pal-accent-green) 12%,transparent)}.hds-activity__icon.tone-gold{background:color-mix(in srgb,var(--pal-tier-gold) 14%,transparent)}.hds-activity__icon.tone-pink{background:color-mix(in srgb,var(--pal-accent-pink) 12%,transparent)}.hds-activity__body{flex:1;min-width:0;display:flex;flex-direction:column}.hds-activity__title{font-size:13px;font-weight:600;line-height:1.3}.hds-activity__meta,.hds-activity__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hds-activity__meta{font-size:11.5px;color:var(--muted);margin-top:2px}.hds-activity__time{font-size:11px;color:var(--muted-2);flex-shrink:0;white-space:nowrap}.hds-activity__item--skeleton,.hds-activity__item--skeleton .hds-activity__link{pointer-events:none}.hds-activity__item--skeleton{display:flex;gap:var(--space-3);align-items:flex-start;padding:12px 14px}.hds-activity__skeleton-icon{background:var(--paper-2)}.hds-activity__skeleton-line{height:10px;border-radius:6px;background:var(--paper-2);margin-top:4px;width:70%}.hds-activity__skeleton-line--short{width:40%}@media (prefers-reduced-motion:no-preference){.hds-activity__item--skeleton .hds-activity__skeleton-icon,.hds-activity__item--skeleton .hds-activity__skeleton-line{animation:hds-activity-pulse 1.2s ease-in-out infinite}}@keyframes hds-activity-pulse{50%{opacity:.5}}.hds-profile{background:var(--paper-2)}.hds-profile .profile-container{max-width:var(--container);margin:0 auto;padding-top:var(--space-8)}.hds-profile .section-error{font-size:13px;color:var(--hds-red);margin:0}.hds-profile .section-empty{font-size:14px;color:var(--muted);margin:0}.hds-profile .todo-note{font-size:11px;color:var(--muted-2);margin-top:10px;font-style:italic}.hds-profile .empty-state{display:flex;align-items:center;gap:12px;padding:16px 4px}.hds-profile .empty-state .es-body{flex:1;min-width:0}.hds-profile .empty-state .es-t{font-size:13px;font-weight:500;font-style:italic;color:var(--ink-soft)}.hds-profile .empty-state .es-s{font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:2px;font-style:italic}.hds-profile .profile-hero{background:linear-gradient(135deg,var(--hds-black) 0,var(--hds-black-soft) 100%);color:var(--pal-white);border-radius:18px;padding:var(--space-8);display:flex;gap:var(--space-8);align-items:center;margin-bottom:var(--space-7,28px);position:relative;overflow:hidden}.hds-profile .profile-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--pal-accent-pink) 18%,transparent),transparent 60%)}.hds-profile .profile-hero>*{position:relative;z-index:2}.hds-profile .av-large{width:110px;height:110px;border-radius:50%;background:var(--ai-gradient);display:grid;place-items:center;font-size:42px;font-weight:700;color:var(--pal-white);flex-shrink:0;box-shadow:0 12px 30px color-mix(in srgb,var(--pal-accent-pink) 40%,transparent);position:relative;overflow:hidden}.hds-profile .av-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hds-profile .av-large .av-edit{position:absolute;inset:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--pal-black) 50%,transparent);color:var(--pal-white);font-size:26px;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity .15s}.hds-profile .av-large .av-edit:disabled,.hds-profile .av-large .av-edit:focus-visible,.hds-profile .av-large:hover .av-edit{opacity:1}.hds-profile .hero-info{flex:1;min-width:0}.hds-profile .hero-info .top{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.hds-profile .hero-info h1{font-size:30px;color:var(--pal-white);margin:0;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hds-profile .hero-info .verified{color:var(--accent-green);font-size:18px}.hds-profile .hero-info .meta{color:color-mix(in srgb,var(--pal-white) 65%,transparent);font-size:13.5px;margin-bottom:16px}.hds-profile .level-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hds-profile .level-row .item-lv{padding:6px 14px;background:color-mix(in srgb,var(--pal-accent-pink) 15%,transparent);border:1px solid color-mix(in srgb,var(--pal-accent-pink) 30%,transparent);color:var(--accent-pink);border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:.05em}.hds-profile .level-row .joined{color:color-mix(in srgb,var(--pal-white) 55%,transparent);font-size:12px}.hds-profile .hd-wallet{background:color-mix(in srgb,var(--pal-white) 6%,transparent);border:1px solid color-mix(in srgb,var(--pal-white) 12%,transparent);border-radius:14px;padding:12px 16px;min-width:240px;flex-shrink:0}.hds-profile .hd-wallet .w-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.hds-profile .hd-wallet .w-lab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--pal-white) 55%,transparent);font-weight:700}.hds-profile .hd-wallet .tier-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--tier-silver),var(--pal-888b92));color:var(--hds-black-soft)}.hds-profile .hd-wallet .tier-badge.bronze{background:linear-gradient(135deg,var(--pal-c99458),var(--pal-8b5e2c));color:var(--pal-white)}.hds-profile .hd-wallet .tier-badge.gold{background:linear-gradient(135deg,var(--tier-gold),var(--pal-b58928));color:var(--pal-white)}.hds-profile .hd-wallet .tier-badge.diamond{background:linear-gradient(135deg,var(--pal-7dc8eb),var(--pal-4a8ab5));color:var(--pal-white)}.hds-profile .hd-wallet .w-balance{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.hds-profile .hd-wallet .w-balance .num{font-size:26px;font-weight:700;color:var(--accent-yellow);line-height:1}.hds-profile .hd-wallet .w-balance .unit{font-size:12px;color:color-mix(in srgb,var(--pal-white) 60%,transparent);font-weight:600}.hds-profile .hd-wallet .w-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:6px;background:var(--hds-red);color:var(--pal-white);padding:8px;border-radius:9px;font-size:12.5px;font-weight:700;border:none;cursor:pointer;text-decoration:none}.hds-profile .hd-wallet .w-btn:hover{background:var(--hds-red-dark)}.hds-profile .hero-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.hds-profile .act-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.hds-profile .act-btn.act-ghost{background:transparent;color:var(--pal-white);border:1px solid color-mix(in srgb,var(--pal-white) 20%,transparent)}.hds-profile .act-btn.act-ghost:hover{border-color:color-mix(in srgb,var(--pal-white) 45%,transparent)}.hds-profile .act-btn.act-primary{background:var(--hds-red);color:var(--pal-white);border:1px solid var(--hds-red)}.hds-profile .act-btn.act-primary:hover{background:var(--hds-red-dark)}@media (max-width:768px){.hds-profile .profile-hero{flex-direction:column;text-align:center;padding:var(--space-6)}.hds-profile .profile-hero h1{font-size:24px}.hds-profile .level-row{justify-content:center}.hds-profile .hd-wallet{width:100%;min-width:0}.hds-profile .hero-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}}@media (max-width:480px){.hds-profile .av-large{width:88px;height:88px;font-size:34px}}.hds-profile .profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:var(--space-7,28px);flex-wrap:wrap}.hds-profile .profile-tabs .tab{padding:12px 18px;font-size:14px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;text-decoration:none}.hds-profile .profile-tabs .tab.active{color:var(--hds-red);border-bottom-color:var(--hds-red)}.hds-profile .profile-tabs .tab{font-family:inherit;white-space:nowrap}.hds-profile .profile-tabs .tab:focus-visible{outline:2px solid var(--hds-red);outline-offset:2px}@media (max-width:720px){.hds-profile .profile-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.hds-profile .profile-tabs::-webkit-scrollbar{display:none}.hds-profile .profile-tabs .tab{flex:0 0 auto;scroll-snap-align:start}}.hds-profile .profile-tabpanel{margin-bottom:22px}.hds-profile .profile-tabpanel:focus-visible{outline:2px solid var(--hds-red);outline-offset:4px;border-radius:14px}.hds-profile .profile-tabpanel>.panel-grid:last-child{margin-bottom:0}.hds-profile .panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}@media (max-width:768px){.hds-profile .panel-grid{grid-template-columns:1fr}}.hds-profile .panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:var(--space-6)}.hds-profile .panel h3{font-size:16px;margin:0 0 var(--space-4)}.hds-profile .panel#skypoint-history{margin-bottom:22px}.hds-profile .earn-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.hds-profile .earn-head h3{margin:0}.hds-profile .earn-total{display:inline-flex;align-items:baseline;gap:6px}.hds-profile .earn-total__lab{font-size:12px;color:var(--muted)}.hds-profile .earn-total__num{font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.hds-profile .earn-total__unit{font-size:12px;font-weight:600;color:var(--muted)}.hds-profile .earn-list .hds-activity__meta,.hds-profile .earn-list .hds-activity__title{white-space:normal;overflow-wrap:anywhere}.hds-profile .earn-amount{flex-shrink:0;align-self:center;white-space:nowrap;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--v3-g,var(--pal-accent-green))}.hds-profile .panel-foot{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.hds-profile .panel-foot:disabled{opacity:.6;cursor:default}.hds-profile .panel-foot{display:flex;width:100%;justify-content:center;margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none;background:transparent}.hds-profile .panel-foot:hover{background:var(--paper-2)}.hds-profile .chart-area{height:200px;padding:14px 0;display:flex;align-items:flex-end;gap:6px;border-bottom:1px dashed var(--line)}.hds-profile .chart-bar{flex:1;background:linear-gradient(180deg,var(--accent-pink),var(--hds-red));border-radius:6px 6px 0 0;min-height:8%;position:relative}.hds-profile .chart-bar.gray{background:var(--paper-2)}.hds-profile .chart-bar:hover:after{content:attr(data-v);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--hds-black);color:var(--pal-white);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;margin-bottom:4px;font-family:monospace}.hds-profile .chart-labels{display:flex;gap:6px;padding-top:8px}.hds-profile .chart-labels span{flex:1;text-align:center;font-size:11px;color:var(--muted)}.hds-profile .chart-total{display:flex;justify-content:space-between;margin-top:14px;font-size:12.5px}.hds-profile .chart-total .muted{color:var(--muted)}.hds-profile .chart-total--avg{margin-top:0;padding-top:8px}.hds-profile .cert-mini{display:flex;align-items:center;gap:14px;padding:14px;background:var(--paper-2);border-radius:10px;margin-bottom:8px}.hds-profile .cert-mini.locked{opacity:.55}.hds-profile .cert-mini .cmark{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--pal-white);font-size:18px;font-weight:700;flex-shrink:0}.hds-profile .cert-mini .cmark.bronze{background:linear-gradient(135deg,var(--pal-c99458),var(--pal-8b5e2c))}.hds-profile .cert-mini .cmark.silver{background:linear-gradient(135deg,var(--pal-c0c2c8),var(--pal-888b92))}.hds-profile .cert-mini .cmark.gold{background:linear-gradient(135deg,var(--tier-gold),var(--pal-b58928))}.hds-profile .cert-mini .cmark.diamond{background:linear-gradient(135deg,var(--pal-7dc8eb),var(--pal-4a8ab5))}.hds-profile .cert-mini .info{flex:1;min-width:0}.hds-profile .cert-mini .name{font-size:13.5px;font-weight:600}.hds-profile .cert-mini .progress-line-mini{height:4px;background:var(--paper);border-radius:var(--radius-pill);margin-top:8px;overflow:hidden}.hds-profile .cert-mini .progress-line-mini>div{height:100%;background:var(--accent-green);border-radius:var(--radius-pill)}.hds-profile .cert-mini .pct{font-family:monospace;font-size:12px;font-weight:700;color:var(--ink)}.hds-profile .pill{font-size:9px;padding:2px 6px;border-radius:var(--radius-pill);margin-left:6px;font-weight:700}.hds-profile .pill.green{background:var(--accent-green);color:var(--pal-white)}.hds-profile .pill.yellow{background:var(--accent-yellow);color:var(--hds-black-soft)}.hds-profile .pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hds-profile .pf-item{background:var(--paper-2);border-radius:10px;padding:14px}.hds-profile .pf-item .v{font-size:22px;font-weight:700;color:var(--ink);line-height:1}.hds-profile .pf-item .v.green{color:var(--accent-green)}.hds-profile .pf-item .v.pink{color:var(--accent-pink)}.hds-profile .pf-item .l{font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.4}.hds-profile .notes-lab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:2px 0 10px}.hds-profile .notes-lab.mt{margin-top:16px}.hds-profile .note-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--paper-2);border-radius:10px;margin-bottom:8px}.hds-profile .note-item .ts{font-family:monospace;font-size:11px;font-weight:700;color:var(--hds-red);background:var(--hds-red-soft);padding:3px 7px;border-radius:5px;flex-shrink:0}.hds-profile .note-item .q-ic{flex-shrink:0;font-size:14px}.hds-profile .note-item .n-body{font-size:12.5px;color:var(--ink);line-height:1.4}.hds-profile .note-item .n-body .n-sub{font-size:11px;color:var(--muted);margin-top:2px}.hds-profile .badges-section{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:var(--space-6);margin-bottom:22px}.hds-profile .badges-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.hds-profile .badges-head h3{font-size:17px;margin:0}.hds-profile .badges-counter{font-size:12.5px;color:var(--muted);font-weight:500}.hds-profile .badges-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}@media (max-width:768px){.hds-profile .badges-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.hds-profile .badges-grid{grid-template-columns:repeat(3,1fr)}}.hds-profile .badge-item{text-align:center;cursor:pointer;padding:10px;border:none;background:transparent;border-radius:10px;font:inherit;color:inherit}.hds-profile .badge-item:hover{background:var(--paper-2)}.hds-profile .badge-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--hds-red)}.hds-profile .badge-icon-lg{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:22px;margin:0 auto 8px}.hds-profile .badge-icon-lg.unlocked{background:linear-gradient(135deg,var(--hds-red),var(--accent-pink));color:var(--pal-white);box-shadow:0 6px 16px color-mix(in srgb,var(--pal-hds-red) 25%,transparent)}.hds-profile .badge-icon-lg.gold{background:linear-gradient(135deg,var(--tier-gold),var(--pal-b58928));color:var(--pal-white);box-shadow:0 6px 16px color-mix(in srgb,var(--pal-tier-gold) 30%,transparent)}.hds-profile .badge-icon-lg.locked{background:var(--paper-3);filter:grayscale(1);opacity:.4}.hds-profile .badge-item .name{font-size:10.5px;color:var(--ink);line-height:1.3;font-weight:500}.hds-profile .badge-item.is-locked .name{color:var(--muted-2)}.hds-profile .badge-sheet-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--pal-black) 35%,transparent);display:grid;place-items:center;z-index:50}.hds-profile .badge-sheet{background:var(--paper);border-radius:var(--radius-lg);padding:var(--space-6);max-width:340px;width:calc(100% - 32px);text-align:center}.hds-profile .badge-sheet .sheet-icon{font-size:40px;margin-bottom:var(--space-3)}.hds-profile .badge-sheet h3{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-2);color:var(--ink)}.hds-profile .badge-sheet p{font-size:13px;color:var(--muted);margin:0 0 var(--space-2)}.hds-profile .badge-sheet .sheet-meta{font-size:12px;color:var(--ink-soft);font-weight:600}.hds-profile .badge-sheet .sheet-close{margin-top:var(--space-4);border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-pill);padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}@media (max-width:768px){.hds-profile .badge-sheet-backdrop{place-items:end center}.hds-profile .badge-sheet{max-width:none;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.hds-profile .card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:var(--space-6);margin-bottom:22px}.hds-profile .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hds-profile .card-header h3{font-size:16px;margin:0}.hds-profile .card-header a{font-size:12.5px;font-weight:600;color:var(--hds-red);text-decoration:none}.hds-profile .activity-list{display:flex;flex-direction:column;gap:8px}.hds-profile .activity-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.hds-profile .activity-item .icon{width:40px;height:40px;border-radius:10px;background:var(--hds-red-soft);color:var(--hds-red);display:grid;place-items:center;font-size:16px;flex-shrink:0}.hds-profile .activity-item.green .icon{background:color-mix(in srgb,var(--pal-accent-green) 10%,transparent);color:var(--accent-green)}.hds-profile .activity-item.pink .icon{background:color-mix(in srgb,var(--pal-accent-pink) 10%,transparent);color:var(--accent-pink)}.hds-profile .activity-item.gold .icon{background:color-mix(in srgb,var(--pal-tier-gold) 12%,transparent);color:var(--tier-gold)}.hds-profile .activity-item .body{flex:1;min-width:0}.hds-profile .activity-item .body .title{font-size:13.5px;font-weight:600}.hds-profile .activity-item .body .meta{font-size:11.5px;color:var(--muted);margin-top:2px}.hds-profile .activity-item .time{font-size:11px;color:var(--muted-2);font-family:monospace;flex-shrink:0}@media (max-width:768px){.hds-profile .profile-container{padding-left:var(--space-3);padding-right:var(--space-3)}}.hds-profile .level-row .item-tier{padding:6px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--pal-tier-gold) 18%,transparent);border:1px solid color-mix(in srgb,var(--pal-tier-gold) 42%,transparent);color:var(--pal-tier-gold);font-size:12px;font-weight:800}.hds-profile .level-row .item-tier.bronze{background:color-mix(in srgb,var(--pal-cd7f32) 18%,transparent);border-color:color-mix(in srgb,var(--pal-cd7f32) 42%,transparent);color:var(--pal-e0a06a)}.hds-profile .level-row .item-tier.diamond{background:color-mix(in srgb,var(--pal-78c8ff) 16%,transparent);border-color:color-mix(in srgb,var(--pal-78c8ff) 40%,transparent);color:var(--pal-9fdcff)}.hds-profile .level-row .followers{color:color-mix(in srgb,var(--pal-white) 55%,transparent);font-size:12px}.hds-profile .privacy-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted,var(--pal-6b6b76));background:var(--paper-2,var(--pal-faf7f2));border:1px dashed var(--line,var(--pal-e6e2da));border-radius:10px;padding:10px 14px;margin-bottom:22px}.hds-profile .hero-actions .follow-btn{padding:9px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;font-family:inherit;background:var(--hds-red,var(--pal-e30613));color:var(--pal-white);border:1px solid transparent;cursor:pointer}.hds-profile .hero-actions .follow-btn.following{background:color-mix(in srgb,var(--pal-white) 12%,transparent);border-color:color-mix(in srgb,var(--pal-white) 28%,transparent)}.hds-profile .hero-actions .follow-btn:hover{filter:brightness(1.08)}.hds-profile .public-badges .badges-grid .badge-item{cursor:default}