.chat-panel{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:.5px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;transition:background var(--t-slow)}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar-sm{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--rose));display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:12px;color:#fff;box-shadow:0 0 14px #7c6dfa66;flex-shrink:0}.chat-name{font-family:var(--f-head);font-weight:600;font-size:14px;color:var(--txt-primary)}.chat-subtitle{font-size:12px;color:var(--txt-secondary);margin-top:1px}.chat-header-actions{display:flex;align-items:center;gap:10px}.hdr-btn{width:34px;height:34px;border-radius:var(--r-sm);background:transparent;border:.5px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--txt-secondary);transition:all var(--t-mid)}.hdr-btn:hover{background:var(--bg-hover);color:var(--txt-primary);border-color:var(--border-medium)}.hdr-btn.active{background:#7c6dfa26;color:var(--violet);border-color:var(--violet)}.header-dots{display:flex;align-items:center;gap:4px;padding:0 6px}.header-dots span{width:6px;height:6px;border-radius:50%;background:var(--border-medium)}.header-dots span:nth-child(1){background:#ff5f56}.header-dots span:nth-child(2){background:#ffbd2e}.header-dots span:nth-child(3){background:#27c93f}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-elevated);border-bottom:.5px solid var(--border-subtle);flex-shrink:0;animation:slide-down .2s ease}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.search-bar svg{color:var(--txt-secondary);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--txt-primary);font-size:14px;font-family:var(--f-body)}.search-input::placeholder{color:var(--txt-secondary)}.search-clear{background:transparent;border:none;color:var(--txt-secondary);font-size:12px;padding:3px 6px;border-radius:4px;transition:all var(--t-fast)}.search-clear:hover{background:var(--bg-hover);color:var(--txt-primary)}.search-count{font-size:11px;color:var(--txt-secondary);white-space:nowrap}.messages-area{flex:1;overflow-y:auto;min-height:0}.messages-inner{padding:20px;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex;gap:10px;align-items:flex-end;opacity:0;animation:msg-in .4s cubic-bezier(.34,1.56,.64,1) forwards;position:relative}.msg-row.user{flex-direction:row-reverse}@keyframes msg-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;font-size:11px;flex-shrink:0}.ai-av{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;box-shadow:0 0 12px #7c6dfa66}.user-av{background:linear-gradient(135deg,var(--teal),#6d9ffa);color:#070f0f}.msg-body{display:flex;flex-direction:column;max-width:74%;gap:4px;position:relative}.user .msg-body{align-items:flex-end}.nudge-tag{font-size:10px;color:var(--rose);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.bubble{padding:11px 15px;border-radius:18px;line-height:1.55}.ai .bubble{background:var(--bubble-ai);border:.5px solid var(--border-subtle);border-bottom-left-radius:4px;color:var(--txt-primary)}.user .bubble{background:var(--bubble-user);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 18px #7c6dfa4d}.nudge .bubble{border-color:#f062924d!important;background:#f0629214!important}.bubble-text{font-size:14px;margin:0}.typing-bubble{display:flex;gap:5px;align-items:center;padding:14px 18px;min-width:60px}.dot{width:7px;height:7px;border-radius:50%;background:var(--violet);animation:dot-bounce 1.2s ease-in-out infinite}.dot:nth-child(2){background:var(--rose);animation-delay:.22s}.dot:nth-child(3){background:var(--teal);animation-delay:.44s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-9px)}}.msg-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.user .msg-footer{justify-content:flex-end}.msg-time{font-size:10px;color:var(--txt-secondary);opacity:.7}.reaction-count{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:20px;padding:2px 8px;font-size:12px;color:var(--txt-primary);transition:all var(--t-fast)}.reaction-count:hover{border-color:var(--violet);background:#7c6dfa1a;transform:scale(1.05)}.emoji-picker{display:flex;gap:3px;background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:30px;padding:5px 8px;position:absolute;top:-38px;left:0;z-index:10;box-shadow:0 4px 20px #0003;animation:picker-in .15s ease}@keyframes picker-in{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-pick-btn{background:transparent;border:none;font-size:17px;padding:2px 3px;border-radius:6px;transition:transform var(--t-fast)}.emoji-pick-btn:hover{transform:scale(1.25)}mark.highlight{background:#fbbf2459;color:var(--txt-primary);border-radius:3px;padding:0 2px}.float-emoji{position:absolute;bottom:80px;font-size:24px;pointer-events:none;z-index:50;animation:float-up 1.4s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(1.6)}}.quick-row{display:flex;gap:8px;flex-wrap:wrap;padding:8px 20px 10px;flex-shrink:0}.quick-btn{background:var(--bg-elevated);border:.5px solid var(--border-subtle);color:var(--txt-secondary);font-size:12px;padding:7px 14px;border-radius:20px;transition:all var(--t-mid);font-family:var(--f-body)}.quick-btn:hover{border-color:var(--violet);color:var(--txt-primary);background:#7c6dfa1a;transform:translateY(-2px);box-shadow:0 4px 12px #7c6dfa33}.input-area{padding:12px 18px 16px;border-top:.5px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;transition:background var(--t-slow)}.input-box{display:flex;align-items:flex-end;gap:8px;background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:16px;padding:8px 10px;transition:border-color var(--t-mid),box-shadow var(--t-mid)}.input-box:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px var(--input-ring)}.msg-input{flex:1;background:transparent;border:none;outline:none;color:var(--txt-primary);font-size:14px;font-family:var(--f-body);resize:none;min-height:22px;max-height:100px;overflow-y:auto;line-height:1.55}.msg-input::placeholder{color:var(--txt-secondary)}.icon-btn{width:32px;height:32px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--txt-secondary);border-radius:var(--r-sm);transition:all var(--t-fast);flex-shrink:0}.icon-btn:hover{background:var(--bg-hover);color:var(--txt-primary)}.send-btn{width:36px;height:36px;background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--txt-secondary);transition:all var(--t-mid);flex-shrink:0}.send-btn.ready{background:linear-gradient(135deg,var(--violet),var(--rose));border-color:transparent;color:#fff;box-shadow:0 4px 14px #7c6dfa73}.send-btn.ready:hover{transform:scale(1.07);box-shadow:0 6px 18px #7c6dfa8c}.send-btn:active{transform:scale(.95)}@media (max-width: 760px){.chat-header{padding:14px 16px}.search-bar,.quick-row{padding-inline:16px}.messages-inner{padding:16px}.msg-body{max-width:84%}.bubble{padding:10px 13px}.input-area{padding:10px 14px 14px}.quick-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.quick-btn{flex:0 0 auto}}@media (max-width: 480px){.chat-header{padding:12px 14px}.chat-header-actions{gap:8px}.header-dots{display:none}.chat-avatar-sm{width:34px;height:34px}.messages-inner,.search-bar,.quick-row{padding-inline:12px}.msg-row{gap:8px}.msg-avatar{width:28px;height:28px;font-size:10px}.msg-body{max-width:90%}.bubble-text,.msg-input,.search-input{font-size:13px}.input-area{padding:10px 12px 12px}.input-box{padding:7px 8px}}.game-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 24px;height:100%;overflow-y:auto;scrollbar-width:thin}.scoreboard{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:var(--r-lg);padding:12px 28px;width:100%;max-width:480px;flex-shrink:0}.sb-side{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.sb-label{font-size:11px;color:var(--txt-secondary);font-weight:500;text-align:center}.sb-score{font-family:var(--f-head);font-weight:800;font-size:40px;line-height:1}.sb-score.ai{background:linear-gradient(135deg,var(--violet),var(--rose));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sb-score.you{background:linear-gradient(135deg,var(--teal),#6daffe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sb-divider{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 20px;color:var(--txt-secondary);font-family:var(--f-head);font-weight:700;font-size:13px}.sb-star{font-size:18px}.game-card{background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:var(--r-xl);padding:26px 24px;width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:16px;animation:card-in .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.aki-avatar-large{font-size:64px;line-height:1;filter:drop-shadow(0 0 18px rgba(124,109,250,.5));animation:float 3s ease-in-out infinite}.aki-avatar-large.pulsing{animation:float 3s ease-in-out infinite,pulse-glow 1.2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px rgba(124,109,250,.4))}50%{filter:drop-shadow(0 0 30px rgba(124,109,250,.9))}}.aki-header{display:flex;align-items:center;gap:14px;width:100%}.aki-avatar-play{font-size:42px;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(124,109,250,.5));animation:float 3s ease-in-out infinite}.aki-speech-bubble{background:linear-gradient(135deg,#7c6dfa1f,#f0629214);border:.5px solid var(--border-medium);border-radius:16px 16px 16px 4px;padding:11px 15px;font-size:13px;color:var(--txt-primary);line-height:1.5;flex:1;animation:msg-in .35s ease}@keyframes msg-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.game-title{font-family:var(--f-head);font-weight:800;font-size:24px;text-align:center;background:linear-gradient(135deg,var(--violet),var(--rose));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.game-desc{font-size:14px;color:var(--txt-secondary);text-align:center;line-height:1.65;max-width:380px}.game-desc em{color:var(--violet);font-style:normal;font-weight:600}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.rule-chip{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:11px 13px;font-size:13px;color:var(--txt-primary)}.g-input{width:100%;background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:13px 16px;color:var(--txt-primary);font-family:var(--f-body);font-size:14px;outline:none;transition:all var(--t-mid)}.g-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--input-ring)}.g-input::placeholder{color:var(--txt-secondary)}.think-note{display:flex;align-items:flex-start;gap:8px;background:#7c6dfa14;border:.5px solid rgba(124,109,250,.2);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;color:var(--txt-secondary);width:100%;line-height:1.5}.think-waves{display:flex;align-items:center;gap:6px}.wave{width:6px;height:6px;border-radius:50%;background:var(--violet);animation:wave-bounce 1.2s ease-in-out infinite}.wave:nth-child(2){animation-delay:.2s;background:var(--rose)}.wave:nth-child(3){animation-delay:.4s;background:var(--teal)}@keyframes wave-bounce{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.4);opacity:1}}.think-sub{font-size:12px;color:var(--txt-secondary);letter-spacing:.04em}.progress-row{display:flex;align-items:center;gap:12px;width:100%}.progress-track{flex:1;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--rose));border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-label{font-size:11px;color:var(--txt-secondary);font-weight:600;white-space:nowrap}.conf-meter{display:flex;align-items:center;gap:10px;width:100%}.conf-label{font-size:11px;color:var(--txt-secondary);white-space:nowrap;font-weight:500}.conf-dots{display:flex;gap:4px;flex:1}.conf-dot{flex:1;height:5px;border-radius:3px;background:var(--bg-card);transition:background .4s ease}.conf-dot.cool{background:var(--teal)}.conf-dot.warm{background:var(--amber)}.conf-dot.hot{background:var(--rose)}.q-card{background:var(--bg-card);border:.5px solid var(--border-medium);border-radius:var(--r-lg);padding:22px 20px;width:100%;text-align:center;animation:q-slide .35s cubic-bezier(.34,1.2,.64,1)}@keyframes q-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.q-num-badge{display:inline-block;background:linear-gradient(135deg,#7c6dfa33,#f0629226);color:var(--violet);font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase}.q-text{font-size:17px;color:var(--txt-primary);font-weight:500;line-height:1.55}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.ans-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:var(--r-md);padding:14px 12px;color:var(--txt-primary);font-family:var(--f-body);transition:all var(--t-mid);cursor:pointer}.ans-btn:hover:not(:disabled){border-color:var(--violet);background:#7c6dfa1a;transform:translateY(-2px);box-shadow:0 6px 18px #7c6dfa33}.ans-btn:active{transform:scale(.97)}.ans-btn:disabled{opacity:.45;cursor:not-allowed}.ans-btn.selected{border-color:var(--violet);background:#7c6dfa2e}.ans-btn:last-child:nth-child(odd){grid-column:span 2}.ans-icon{font-size:20px;line-height:1}.ans-label{font-size:13px;font-weight:600}.custom-ans{display:flex;gap:8px;width:100%}.ans-send{width:48px;height:48px;background:linear-gradient(135deg,var(--violet),var(--rose));border:none;border-radius:var(--r-md);color:#fff;font-size:18px;transition:all var(--t-mid);flex-shrink:0}.ans-send:hover:not(:disabled){transform:scale(1.06)}.ans-send:disabled{opacity:.4;cursor:not-allowed}.clue-trail{background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:13px;width:100%}.trail-head{font-size:11px;color:var(--txt-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.trail-list{display:flex;flex-direction:column;gap:5px}.trail-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;border-bottom:.5px solid var(--border-subtle);font-size:12px}.trail-item:last-child{border-bottom:none}.trail-q{color:var(--txt-secondary);flex:1}.trail-a{color:var(--violet);font-weight:600;flex-shrink:0}.guessing-card{gap:18px}.guess-rings{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.guess-ring{position:absolute;border:2.5px solid var(--violet);border-radius:50%;animation:ring-out 1.5s ease-out infinite;opacity:0}.guess-ring:nth-child(1){width:40px;height:40px}.guess-ring:nth-child(2){width:60px;height:60px;animation-delay:.4s;border-color:var(--rose)}.guess-ring:nth-child(3){width:80px;height:80px;animation-delay:.8s;border-color:var(--teal)}@keyframes ring-out{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.result-intro-line{font-size:13px;color:var(--txt-secondary);text-align:center}.reveal-box{position:relative;background:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:var(--r-xl);padding:28px 22px;width:100%;text-align:center;overflow:hidden;animation:reveal-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes reveal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.reveal-box.high{border-color:#26d4b080}.reveal-box.medium{border-color:#fbbf2466}.reveal-box.low{border-color:var(--border-medium)}.reveal-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(124,109,250,.12),transparent 70%);pointer-events:none}.reveal-icon{font-size:36px;position:relative;margin-bottom:8px}.reveal-name{font-family:var(--f-head);font-weight:900;font-size:32px;color:var(--txt-primary);position:relative;margin-bottom:8px;background:linear-gradient(135deg,var(--txt-primary),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reveal-reason{font-size:13px;color:var(--txt-secondary);font-style:italic;position:relative;margin-bottom:12px;line-height:1.5}.reveal-conf-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--txt-secondary);position:relative}.conf-pill{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--bg-elevated);border:.5px solid var(--border-medium);color:var(--txt-primary)}.conf-pill.high{border-color:#26d4b066;color:var(--teal)}.conf-pill.medium{border-color:#fbbf2466;color:var(--amber)}.verdict-row{display:flex;gap:10px;width:100%}.verdict-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 16px;border:none;border-radius:var(--r-md);font-family:var(--f-head);font-weight:700;font-size:14px;transition:all var(--t-mid);cursor:pointer}.yes-btn{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#071a10}.no-btn{background:linear-gradient(135deg,var(--rose),var(--violet));color:#fff}.verdict-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.reveal-actual{width:100%}.reveal-ask{font-size:14px;color:var(--txt-secondary);text-align:center;margin-bottom:10px}.round-result-banner{width:100%;border-radius:var(--r-lg);padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.round-result-banner.ai{background:linear-gradient(135deg,#7c6dfa26,#f062921a);border:.5px solid rgba(124,109,250,.3)}.round-result-banner.you{background:linear-gradient(135deg,#26d4b01f,#6daffe1a);border:.5px solid rgba(38,212,176,.3)}.result-icon{font-size:44px}.round-result-banner h3{font-family:var(--f-head);font-weight:800;font-size:22px;color:var(--txt-primary)}.round-result-banner p{font-size:14px;color:var(--txt-secondary);line-height:1.5}.final-board{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 32px;background:var(--bg-card);border-radius:var(--r-md);width:100%}.fb-col{display:flex;flex-direction:column;align-items:center;gap:4px}.fb-label{font-size:12px;color:var(--txt-secondary)}.fb-num{font-family:var(--f-head);font-weight:800;font-size:48px;line-height:1}.ai-col .fb-num{background:linear-gradient(135deg,var(--violet),var(--rose));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.you-col .fb-num{background:linear-gradient(135deg,var(--teal),#6daffe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fb-divider{font-family:var(--f-head);font-weight:800;font-size:24px;color:var(--border-strong)}.game-cta{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border:none;border-radius:var(--r-md);padding:14px 28px;font-family:var(--f-head);font-weight:700;font-size:15px;width:100%;transition:all var(--t-mid);box-shadow:0 4px 18px #7c6dfa59;cursor:pointer}.game-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #7c6dfa80}.game-cta:active{transform:scale(.98)}.game-cta:disabled{opacity:.45;cursor:not-allowed}.game-cta.secondary{background:var(--bg-card);color:var(--txt-secondary);box-shadow:none;border:.5px solid var(--border-medium)}.game-cta.secondary:hover{color:var(--txt-primary);border-color:var(--border-strong)}.over-actions{display:flex;flex-direction:column;gap:10px;width:100%}@media (max-width: 760px){.game-panel{padding:16px;gap:12px}.scoreboard{padding:10px 18px}.sb-score{font-size:32px}.sb-divider{padding-inline:14px}.game-card{padding:20px 16px;border-radius:22px}.aki-avatar-large{font-size:52px}.game-title{font-size:21px}.rules-grid,.answer-grid{grid-template-columns:1fr}.ans-btn:last-child:nth-child(odd){grid-column:auto}.verdict-row,.final-board,.aki-header,.reveal-conf-row{flex-direction:column;align-items:stretch}.aki-header{text-align:center}.aki-avatar-play{align-self:center}.trail-item{flex-direction:column;align-items:flex-start;gap:4px}.reveal-name{font-size:26px}.fb-num{font-size:40px}}@media (max-width: 480px){.game-panel{padding:12px}.scoreboard{padding:10px 14px}.sb-score{font-size:28px}.game-card{padding:18px 14px}.game-title{font-size:19px}.game-desc,.aki-speech-bubble,.q-text,.reveal-ask,.round-result-banner p{font-size:13px}.q-card,.reveal-box,.round-result-banner{padding-inline:16px}.ans-btn{min-height:60px}.custom-ans{flex-direction:column}.ans-send{width:100%;height:44px}}.hp-root{display:grid;grid-template-columns:70px 1fr;height:100%;overflow:hidden;background:var(--bg-card)}.hp-rail{display:flex;flex-direction:column;gap:1px;padding:8px 5px;background:var(--bg-elevated);border-right:.5px solid var(--border-subtle);overflow-y:auto;scrollbar-width:none}.hp-rail::-webkit-scrollbar{display:none}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer;transition:all var(--t-mid);color:var(--txt-secondary);position:relative}.rail-btn:hover{background:var(--bg-hover);color:var(--txt-primary)}.rail-btn.active{background:linear-gradient(135deg,#7c6dfa2e,#f062921a);color:var(--txt-primary);border:.5px solid var(--border-medium)}.rail-btn.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;background:linear-gradient(to bottom,var(--violet),var(--rose));border-radius:0 2px 2px 0}.rail-ico{font-size:17px;line-height:1}.rail-lbl{font-size:9px;font-weight:600;letter-spacing:.01em;text-align:center;line-height:1.2}.hp-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.section-wrap{padding:20px;display:flex;flex-direction:column;gap:14px;animation:sw-in .3s ease forwards}@keyframes sw-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sec-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:.5px solid var(--border-subtle)}.sec-head-ico{font-size:22px}.sec-head-title{font-family:var(--f-head);font-weight:700;font-size:17px;color:var(--txt-primary)}.sec-head-sub{font-size:11px;color:var(--txt-secondary);margin-top:2px}.grp-lbl{font-size:10px;font-weight:700;color:var(--txt-secondary);text-transform:uppercase;letter-spacing:.08em}.hero-card{border:.5px solid var(--border-medium);border-radius:var(--r-xl);overflow:hidden;position:relative;background:var(--bg-elevated)}.hero-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,109,250,.12) 0%,transparent 70%);top:-100px;right:-80px;pointer-events:none}.hero-orb2{width:200px;height:200px;background:radial-gradient(circle,rgba(240,98,146,.1) 0%,transparent 70%);bottom:-80px;left:-60px;top:auto}.hero-inner{padding:22px;display:flex;gap:16px;align-items:flex-start;position:relative;flex-wrap:wrap}.av-wrap{position:relative;flex-shrink:0}.av-img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2.5px solid var(--border-medium);box-shadow:0 0 22px #7c6dfa4d}.av-init{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--rose));display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:26px;color:#fff;box-shadow:0 0 28px #7c6dfa66}.ow-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px dashed #4ade80;animation:ring-spin 10s linear infinite}@keyframes ring-spin{to{transform:rotate(360deg)}}.hero-info{flex:1;min-width:180px}.hero-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.hero-name{font-family:var(--f-head);font-weight:800;font-size:19px;color:var(--txt-primary)}.badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px}.badge-green{background:#4ade8026;border:.5px solid rgba(74,222,128,.4);color:#4ade80}.badge-blue{background:#6daffe26;border:.5px solid rgba(109,175,254,.3);color:#6daffe}.hero-title{font-size:13px;color:var(--violet);font-weight:500;margin-bottom:3px}.hero-quote{font-size:12px;color:var(--txt-secondary);font-style:italic;margin-bottom:9px}.hero-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.meta-pill{font-size:11px;color:var(--txt-secondary);background:var(--bg-card);border:.5px solid var(--border-subtle);padding:3px 9px;border-radius:20px}.hero-links{display:flex;gap:6px;flex-wrap:wrap}.hlink{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:500;text-decoration:none;border:.5px solid var(--border-subtle);background:var(--bg-card);color:var(--txt-secondary);transition:all var(--t-fast)}.hlink:hover{transform:translateY(-1px)}.email-l:hover{border-color:var(--violet);color:var(--violet)}.li-l:hover{border-color:#0077b5;color:#0077b5}.gh-l:hover{border-color:var(--txt-primary);color:var(--txt-primary)}.port-l:hover{border-color:var(--teal);color:var(--teal)}.dl-resume-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;text-decoration:none;font-size:12px;font-weight:700;font-family:var(--f-body);box-shadow:0 4px 14px #7c6dfa66;transition:all var(--t-mid);white-space:nowrap;flex-shrink:0;align-self:flex-start}.dl-resume-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7c6dfa80}.dl-resume-btn:active{transform:scale(.97)}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.stat-card{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:11px 8px;text-align:center;transition:all var(--t-mid)}.stat-card:hover{border-color:var(--violet);transform:translateY(-2px)}.stat-num{display:block;font-family:var(--f-head);font-weight:800;font-size:22px;background:linear-gradient(135deg,var(--violet),var(--rose));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-lbl{font-size:10px;color:var(--txt-secondary);margin-top:1px}.edu-card{display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:13px 16px}.edu-ico{font-size:24px;flex-shrink:0}.edu-degree{font-size:13px;font-weight:500;color:var(--txt-primary)}.edu-sub{font-size:11px;color:var(--txt-secondary);margin-top:2px}.edu-grade{font-size:11px;color:var(--violet);margin-top:2px}.qnav-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qnav-card{display:flex;align-items:center;gap:10px;padding:13px;border-radius:var(--r-md);background:var(--bg-elevated);border:.5px solid var(--border-subtle);cursor:pointer;text-align:left;transition:all var(--t-mid);font-family:var(--f-body)}.qnav-card:hover{border-color:var(--violet);background:#7c6dfa0d;transform:translateY(-2px);box-shadow:0 4px 14px #7c6dfa1a}.qnav-ico{font-size:18px;flex-shrink:0}.qnav-text{display:flex;flex-direction:column;gap:1px;flex:1}.qnav-lbl{font-size:12px;font-weight:600;color:var(--txt-primary)}.qnav-sub{font-size:10px;color:var(--txt-secondary)}.qnav-arrow{font-size:14px;color:var(--txt-secondary);transition:transform var(--t-fast);flex-shrink:0}.qnav-card:hover .qnav-arrow{transform:translate(3px);color:var(--violet)}.skill-block{display:flex;flex-direction:column;gap:9px}.skill-cat{font-family:var(--f-head);font-weight:700;font-size:12px;color:var(--txt-primary);padding-bottom:5px;border-bottom:.5px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em}.skill-list{display:flex;flex-direction:column;gap:8px}.skill-row{display:flex;align-items:center;gap:10px;opacity:0;animation:sk-in .35s ease forwards}@keyframes sk-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.skill-lbl{display:flex;align-items:center;gap:6px;width:145px;flex-shrink:0}.sk-ico{font-size:13px}.sk-name{font-size:12px;color:var(--txt-primary)}.skill-track{flex:1;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;border:.5px solid var(--border-subtle)}.skill-fill{height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--rose));border-radius:3px;animation:fill-bar .9s cubic-bezier(.4,0,.2,1) forwards}@keyframes fill-bar{0%{width:0}to{width:var(--pct)}}.skill-pct{font-size:10px;color:var(--txt-secondary);width:30px;text-align:right;flex-shrink:0}.cert-list{display:flex;flex-direction:column;gap:6px}.cert-row{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-sm);padding:9px 12px;transition:all var(--t-fast)}.cert-row:hover{border-color:#fbbf24;transform:translate(2px)}.cert-ico{font-size:17px;flex-shrink:0}.cert-info{flex:1}.cert-name{font-size:12px;font-weight:500;color:var(--txt-primary)}.cert-by{font-size:10px;color:var(--txt-secondary);margin-top:1px}.cert-link{font-size:11px;color:var(--violet);text-decoration:none;padding:3px 8px;border-radius:6px;background:#7c6dfa1a}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:11px}.proj-card{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;transition:all var(--t-mid);display:flex;flex-direction:column}.proj-card:hover{border-color:var(--border-medium);box-shadow:0 6px 26px #7c6dfa21;transform:translateY(-2px)}.proj-card.open{border-color:var(--violet)}.proj-thumb{position:relative;height:125px;cursor:pointer;overflow:hidden;background:var(--bg-card)}.proj-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.proj-card:hover .proj-img{transform:scale(1.05)}.proj-placeholder{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#7c6dfa1a,#f0629214)}.pp-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(124,109,250,.2),transparent 60%);animation:pp-anim 2s ease-in-out infinite}@keyframes pp-anim{0%,to{opacity:.5}50%{opacity:1}}.pp-ico{font-size:30px;position:relative}.pp-name{font-size:10px;color:var(--txt-secondary);position:relative}.feat-pill{position:absolute;top:7px;right:7px;background:#fbbf24eb;color:#1a1200;font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px}.proj-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity var(--t-mid)}.proj-thumb:hover .proj-hover-overlay{opacity:1}.proj-body{padding:12px;display:flex;flex-direction:column;gap:7px;flex:1}.proj-name{font-family:var(--f-head);font-weight:700;font-size:13px;color:var(--txt-primary)}.proj-tag{font-size:11px;color:var(--txt-secondary);line-height:1.4}.proj-detail{display:flex;flex-direction:column;gap:6px}.proj-desc{font-size:12px;color:var(--txt-primary);line-height:1.6}.proj-bullets{list-style:none;display:flex;flex-direction:column;gap:3px}.proj-bullets li{font-size:11px;color:var(--txt-secondary);padding-left:12px;position:relative}.proj-bullets li:before{content:"→";position:absolute;left:0;color:var(--violet)}.proj-techs{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.tech-tag{background:#7c6dfa1a;border:.5px solid rgba(124,109,250,.2);color:var(--violet);font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px}.proj-btns{display:flex;gap:6px;align-items:center}.proj-toggle-btn{background:transparent;border:.5px solid var(--border-subtle);border-radius:var(--r-sm);padding:4px 9px;font-size:10px;color:var(--txt-secondary);cursor:pointer;transition:all var(--t-fast);font-family:var(--f-body)}.proj-toggle-btn:hover{border-color:var(--violet);color:var(--violet)}.proj-ext{padding:4px 10px;border-radius:var(--r-sm);font-size:10px;font-weight:700;text-decoration:none;transition:all var(--t-fast)}.proj-ext.gh{background:var(--bg-card);border:.5px solid var(--border-subtle);color:var(--txt-secondary)}.proj-ext.gh:hover{border-color:var(--txt-primary);color:var(--txt-primary)}.proj-ext.live{background:#26d4b01a;border:.5px solid rgba(38,212,176,.3);color:var(--teal)}.proj-ext.live:hover{background:#26d4b02e}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:12px;position:relative;padding-bottom:4px}.tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:17px;background:var(--ac, var(--violet));border:2px solid var(--bg-card);box-shadow:0 0 8px var(--ac, var(--violet));z-index:2}.tl-line{position:absolute;left:5px;top:28px;bottom:0;width:1.5px;background:linear-gradient(to bottom,var(--ac, var(--violet)),transparent);opacity:.25;z-index:1}.tl-card{flex:1;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-left:2px solid var(--ac, var(--violet));border-radius:var(--r-lg);padding:13px;margin-bottom:13px;transition:all var(--t-mid)}.tl-card:hover{box-shadow:0 4px 18px #00000012}.exp-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:9px}.exp-logo-img{width:36px;height:36px;border-radius:var(--r-sm);object-fit:cover}.exp-logo-ph{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:15px;flex-shrink:0}.exp-meta{flex:1}.exp-role{font-family:var(--f-head);font-weight:700;font-size:13px;color:var(--txt-primary)}.exp-co{font-size:11px;color:var(--txt-secondary);margin-top:1px}.exp-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.exp-dur{font-size:10px;color:var(--txt-secondary)}.exp-type{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;background:#7c6dfa26;color:var(--violet)}.exp-loc{font-size:10px;color:var(--txt-secondary)}.exp-pts{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:9px}.exp-pts li{font-size:12px;color:var(--txt-primary);line-height:1.5;padding-left:13px;position:relative}.exp-pts li:before{content:"▸";position:absolute;left:0;color:var(--violet)}.exp-techs{display:flex;flex-wrap:wrap;gap:4px}.exp-tech{background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:20px;padding:2px 8px;font-size:10px;color:var(--txt-secondary)}.ref-relation{font-size:9px;font-weight:700;color:var(--txt-secondary);background:var(--bg-card);border:.5px solid var(--border-subtle);padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.jd-input-card{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.field-label{font-size:11px;font-weight:600;color:var(--txt-secondary);display:block;margin-bottom:4px}.jd-ta{background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:11px 13px;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;resize:vertical;min-height:110px;outline:none;line-height:1.6;transition:border-color var(--t-mid)}.jd-ta:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7c6dfa1a}.jd-ta::placeholder{color:var(--txt-secondary)}.analyse-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);border:.5px solid var(--border-medium);background:var(--bg-card);color:var(--txt-secondary);font-size:14px;font-weight:700;font-family:var(--f-body);cursor:pointer;transition:all var(--t-mid)}.analyse-btn.ready{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border-color:transparent;box-shadow:0 4px 16px #7c6dfa66}.analyse-btn.ready:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c6dfa80}.analyse-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.jd-result{display:flex;flex-direction:column;gap:12px;animation:sw-in .4s ease}.score-card{display:flex;gap:20px;align-items:center;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-xl);padding:20px;flex-wrap:wrap}.score-svg{width:120px;height:120px;flex-shrink:0}.score-right{flex:1;min-width:180px;display:flex;flex-direction:column;gap:7px}.score-verdict{font-family:var(--f-head);font-weight:800;font-size:17px}.score-summary{font-size:12px;color:var(--txt-secondary);line-height:1.6}.interview-tips{display:flex;flex-direction:column;gap:4px}.tips-label{font-size:10px;font-weight:700;color:var(--txt-secondary);text-transform:uppercase;letter-spacing:.06em}.tip-item{font-size:12px;color:var(--txt-primary)}.result-block{border:.5px solid;border-radius:var(--r-lg);padding:13px;display:flex;flex-direction:column;gap:8px}.result-block-title{font-size:12px;font-weight:700;color:var(--txt-primary)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.chip-green{background:#4ade801f;border:.5px solid rgba(74,222,128,.3);color:#4ade80}.chip-amber{background:#fbbf241a;border:.5px solid rgba(251,191,36,.3);color:#fbbf24}.chip-blue{background:#6daffe1a;border:.5px solid rgba(109,175,254,.3);color:#6daffe}.result-list{list-style:none;display:flex;flex-direction:column;gap:4px}.result-list li{font-size:12px;color:var(--txt-primary);padding-left:13px;position:relative}.result-list li:before{content:"→";position:absolute;left:0;color:var(--violet)}.result-list.muted li{color:var(--txt-secondary)}.result-list.muted li:before{color:var(--txt-secondary)}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-pill{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:12px;text-decoration:none;transition:all var(--t-mid)}.contact-pill:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:0 4px 14px #7c6dfa1f}.cp-ico{font-size:18px;flex-shrink:0}.cp-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.cp-lbl{font-size:9px;font-weight:700;color:var(--txt-secondary);text-transform:uppercase;letter-spacing:.06em}.cp-val{font-size:11px;color:var(--txt-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-arrow{font-size:13px;color:var(--txt-secondary);transition:transform var(--t-fast);flex-shrink:0}.contact-pill:hover .cp-arrow{transform:translate(3px);color:var(--violet)}.contact-form{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.form-title{font-family:var(--f-head);font-weight:700;font-size:14px;color:var(--txt-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-field{display:flex;flex-direction:column;gap:4px}.form-input,.form-ta{background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:var(--r-sm);padding:9px 12px;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;outline:none;transition:border-color var(--t-mid)}.form-input:focus,.form-ta:focus{border-color:var(--teal);box-shadow:0 0 0 2px #26d4b01a}.form-input::placeholder,.form-ta::placeholder{color:var(--txt-secondary)}.form-ta{resize:vertical;min-height:80px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);border:none;background:linear-gradient(135deg,var(--teal),#6daffe);color:#071a10;font-size:14px;font-weight:700;font-family:var(--f-body);cursor:pointer;transition:all var(--t-mid);box-shadow:0 4px 14px #26d4b059}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #26d4b073}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-note{font-size:10px;color:var(--txt-secondary)}.form-note a{color:var(--teal);text-decoration:none}.error-msg{font-size:12px;color:#f06292;padding:8px 12px;background:#f062921a;border-radius:var(--r-sm);border:.5px solid rgba(240,98,146,.3)}.success-card{display:flex;flex-direction:column;align-items:center;gap:9px;background:var(--bg-elevated);border:.5px solid rgba(74,222,128,.3);border-radius:var(--r-lg);padding:28px;text-align:center}.success-icon{font-size:44px}.success-card h3{font-family:var(--f-head);font-size:17px;color:var(--txt-primary)}.success-card p{font-size:12px;color:var(--txt-secondary)}.ai-reply-bubble{background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:13px 15px;font-size:13px;color:var(--txt-primary);line-height:1.6;font-style:italic;text-align:left;width:100%}.reset-btn{margin-top:4px;padding:8px 18px;border-radius:var(--r-sm);background:transparent;border:.5px solid var(--border-medium);color:var(--txt-secondary);font-family:var(--f-body);font-size:12px;cursor:pointer;transition:all var(--t-fast)}.reset-btn:hover{border-color:var(--violet);color:var(--txt-primary)}.resume-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#7c6dfa17,#f062920f);border:.5px solid var(--border-medium);border-radius:var(--r-lg);padding:14px 16px;flex-wrap:wrap}.resume-cta-left{display:flex;align-items:center;gap:10px}.resume-cta-left span{font-size:26px}.rta-title{font-size:13px;font-weight:600;color:var(--txt-primary)}.rta-sub{font-size:11px;color:var(--txt-secondary);margin-top:1px}.resume-dl-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 4px 12px #7c6dfa61;transition:all var(--t-mid);white-space:nowrap}.resume-dl-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7c6dfa80}.ask-wrap{display:flex;flex-direction:column;height:100%}.ask-topbar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg-elevated);border-bottom:.5px solid var(--border-subtle);flex-shrink:0}.ask-tb-lbl{font-size:11px;color:var(--txt-secondary);white-space:nowrap}.ask-tb-input{flex:1;background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:var(--r-sm);padding:6px 10px;color:var(--txt-primary);font-family:var(--f-body);font-size:12px;outline:none;transition:border-color var(--t-mid)}.ask-tb-input:focus{border-color:var(--teal)}.ask-tb-input::placeholder{color:var(--txt-secondary)}.ask-msgs{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}.ask-msgs-inner{padding:14px;display:flex;flex-direction:column;gap:10px}.ask-msg{display:flex;gap:8px;align-items:flex-end;opacity:0;animation:msg-pop .35s ease forwards}.ask-msg.user{flex-direction:row-reverse}@keyframes msg-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:9px;flex-shrink:0}.msg-av.ai-av{background:linear-gradient(135deg,var(--teal),#6daffe);color:#071a10}.msg-av.hr-av{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff}.msg-body{display:flex;flex-direction:column;gap:2px;max-width:78%}.ask-msg.user .msg-body{align-items:flex-end}.msg-bubble{padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap}.ask-msg.ai .msg-bubble{background:var(--bubble-ai);border:.5px solid var(--border-subtle);border-bottom-left-radius:3px;color:var(--txt-primary)}.ask-msg.user .msg-bubble{background:linear-gradient(135deg,var(--teal),#6daffe);color:#071a10;border-bottom-right-radius:3px;box-shadow:0 3px 12px #26d4b047}.typing-bub{display:flex;gap:5px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:dot-bop 1.2s ease-in-out infinite}.dot:nth-child(2){background:#6daffe;animation-delay:.22s}.dot:nth-child(3){background:var(--violet);animation-delay:.44s}@keyframes dot-bop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-7px)}}.msg-ts{font-size:9px;color:var(--txt-secondary);opacity:.6}.ask-quickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px 14px 5px;flex-shrink:0}.ask-qbtn{background:var(--bg-elevated);border:.5px solid var(--border-subtle);color:var(--txt-secondary);font-size:10px;padding:7px 6px;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-mid);font-family:var(--f-body);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ask-qbtn:hover{border-color:var(--teal);color:var(--txt-primary);background:#26d4b012}.ask-inputrow{padding:7px 14px 13px;border-top:.5px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0}.ask-inputbox{display:flex;align-items:flex-end;gap:7px;background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:14px;padding:7px 9px;transition:border-color var(--t-mid),box-shadow var(--t-mid)}.ask-inputbox:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #26d4b01a}.ask-ta{flex:1;background:transparent;border:none;outline:none;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;resize:none;min-height:20px;max-height:80px;overflow-y:auto;line-height:1.55}.ask-ta::placeholder{color:var(--txt-secondary)}.ask-send{width:31px;height:31px;border-radius:9px;background:var(--bg-card);border:.5px solid var(--border-medium);display:flex;align-items:center;justify-content:center;color:var(--txt-secondary);transition:all var(--t-mid);flex-shrink:0}.ask-send.ready{background:linear-gradient(135deg,var(--teal),#6daffe);border-color:transparent;color:#071a10;box-shadow:0 3px 10px #26d4b059}.ask-send.ready:hover{transform:scale(1.08)}.ask-send:active{transform:scale(.95)}.spinner{width:13px;height:13px;border-radius:50%;display:inline-block;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}.form-dl-link{color:var(--violet);font-weight:600;text-decoration:none;border-bottom:.5px dashed var(--violet);transition:opacity var(--t-fast)}.form-dl-link:hover{opacity:.7}.fb-stats-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#fbbf241a,#f59e0b12);border:.5px solid rgba(251,191,36,.3);border-radius:var(--r-md)}.fb-stats-stars{font-size:18px;letter-spacing:1px;color:#fbbf24}.fb-stats-text{font-size:13px;color:var(--txt-secondary)}.fb-stats-text strong{color:var(--txt-primary);font-weight:600}.ref-tabs{display:flex;gap:4px;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:4px}.ref-tab{flex:1;padding:9px 10px;border-radius:calc(var(--r-sm) + 1px);border:none;background:transparent;color:var(--txt-secondary);font-size:12px;font-weight:500;font-family:var(--f-body);cursor:pointer;transition:all var(--t-mid);white-space:nowrap}.ref-tab:hover{background:var(--bg-hover);color:var(--txt-primary)}.ref-tab.active{background:linear-gradient(135deg,#7c6dfa33,#f062921f);color:var(--txt-primary);border:.5px solid var(--border-medium);font-weight:600}.ref-loading{display:flex;align-items:center;gap:10px;justify-content:center;padding:32px;color:var(--txt-secondary);font-size:13px}.ref-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-medium);border-top-color:var(--violet);animation:spin .8s linear infinite}.ref-empty{text-align:center;padding:32px;color:var(--txt-secondary);font-size:13px;background:var(--bg-elevated);border:.5px dashed var(--border-medium);border-radius:var(--r-lg)}.ref-grid{display:flex;flex-direction:column;gap:12px}.ref-card{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-xl);padding:18px 16px;position:relative;overflow:hidden;transition:all var(--t-mid)}.ref-card:hover{border-color:var(--border-medium);box-shadow:0 6px 22px #7c6dfa1a;transform:translateY(-2px)}.ref-card.db-card{border-color:#7c6dfa33}.ref-new-badge{position:absolute;top:10px;left:12px;font-size:9px;font-weight:700;color:var(--violet);background:#7c6dfa1f;border:.5px solid rgba(124,109,250,.25);padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.ref-qmark{position:absolute;top:8px;right:14px;font-family:var(--f-head);font-size:60px;color:var(--border-subtle);line-height:1;pointer-events:none}.ref-quote{font-size:13px;color:var(--txt-primary);line-height:1.7;font-style:italic;margin-bottom:13px;position:relative}.ref-foot{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:7px}.ref-person{display:flex;align-items:center;gap:10px}.ref-photo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--border-subtle)}.ref-init{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:14px;flex-shrink:0}.ref-info{display:flex;flex-direction:column;gap:1px}.ref-name-row{display:flex;align-items:center;gap:5px}.ref-name{font-size:13px;font-weight:600;color:var(--txt-primary)}.ref-verified{background:#4ade8026;color:#4ade80;font-size:9px;padding:1px 5px;border-radius:20px;font-weight:700}.ref-role{font-size:11px;color:var(--txt-secondary)}.ref-co{font-size:10px;color:var(--violet)}.ref-relation{font-size:9px;font-weight:700;color:var(--txt-secondary);background:var(--bg-card);border:.5px solid var(--border-subtle);padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ref-form-wrap{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:14px}.ref-form-header{display:flex;flex-direction:column;gap:3px}.ref-form-title{font-family:var(--f-head);font-weight:700;font-size:15px;color:var(--txt-primary)}.ref-form-sub{font-size:12px;color:var(--txt-secondary)}.story-section{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-xl);padding:20px;width:100%}.story-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.story-head-ico{font-size:26px}.story-head-title{font-family:var(--f-head);font-weight:700;font-size:16px;color:var(--txt-primary)}.story-head-sub{font-size:12px;color:var(--txt-secondary);margin-top:2px}.story-timeline{display:flex;flex-direction:column;gap:0}.story-item{display:flex;gap:14px;cursor:pointer}.story-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.story-dot{width:36px;height:36px;border-radius:50%;background:rgba(var(--sc, 124,109,250),.15);border:2px solid var(--sc, var(--violet));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;z-index:1;transition:all var(--t-mid);box-shadow:0 0 0 0 var(--sc, var(--violet))}.story-item:hover .story-dot,.story-item.open .story-dot{box-shadow:0 0 0 4px #7c6dfa26;transform:scale(1.1)}.story-line{width:2px;flex:1;min-height:16px;background:var(--border-subtle);margin:4px 0}.story-content{flex:1;padding-bottom:16px}.story-meta{display:flex;align-items:center;gap:10px;padding:8px 0 4px}.story-year{font-size:11px;font-weight:700;color:var(--sc, var(--violet));background:#7c6dfa1a;border:.5px solid rgba(124,109,250,.2);padding:2px 8px;border-radius:20px;flex-shrink:0}.story-title{font-size:14px;font-weight:600;color:var(--txt-primary);flex:1}.story-chevron{font-size:9px;color:var(--txt-secondary);flex-shrink:0}.story-body{font-size:13px;color:var(--txt-secondary);line-height:1.7;margin-top:6px;padding:10px 14px;background:var(--bg-card);border-radius:var(--r-sm);border-left:3px solid var(--sc, var(--violet));animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-methods,.form-row{grid-template-columns:1fr}.ask-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-card,.resume-cta{flex-wrap:wrap}}@media (max-width: 760px){.hp-root{grid-template-columns:1fr;grid-template-rows:auto 1fr}.hp-rail{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px;border-right:none;border-bottom:.5px solid var(--border-subtle);scrollbar-width:none}.hp-rail::-webkit-scrollbar{display:none}.rail-btn{flex:0 0 auto;min-width:72px;padding:8px 10px}.rail-btn.active:before{left:16%;right:16%;top:auto;bottom:0;width:auto;height:2px;border-radius:2px 2px 0 0}.section-wrap{padding:16px;gap:12px}.hero-inner,.resume-cta,.resume-cta-left,.story-item,.score-card{flex-direction:column;align-items:flex-start}.hero-info,.score-right{min-width:0;width:100%}.stats-row,.qnav-grid,.contact-methods,.form-row{grid-template-columns:1fr}.skill-row{flex-wrap:wrap}.skill-lbl{width:100%}.skill-pct{width:auto}.proj-grid{grid-template-columns:1fr}.exp-head,.ref-foot,.story-meta{flex-wrap:wrap}.ask-wrap{min-height:0}.msg-body{max-width:88%}}@media (max-width: 480px){.section-wrap{padding:12px}.hero-inner,.story-section{padding:16px}.hero-name,.sec-head-title{font-size:16px}.hero-title,.hero-quote,.story-body,.msg-bubble{font-size:12px}.stats-row{grid-template-columns:1fr 1fr}.stat-num{font-size:20px}.ask-quickgrid{grid-template-columns:1fr}.ask-topbar,.ask-inputrow,.ask-msgs-inner{padding-inline:12px}.score-svg{width:100px;height:100px}}.rf-form{display:flex;flex-direction:column;gap:14px;animation:rf-in .3s ease}@keyframes rf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rf-photo-area{display:flex;justify-content:center}.rf-photo-placeholder{width:90px;height:90px;border-radius:50%;border:2px dashed var(--border-medium);background:var(--bg-elevated);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all var(--t-mid)}.rf-photo-placeholder:hover{border-color:var(--violet);background:#7c6dfa0f}.rf-ph-icon{font-size:20px}.rf-ph-label{font-size:10px;font-weight:700;color:var(--txt-secondary)}.rf-ph-sub{font-size:9px;color:var(--txt-secondary);opacity:.7}.rf-photo-preview-wrap{position:relative}.rf-photo-preview{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2.5px solid var(--violet);box-shadow:0 0 16px #7c6dfa59}.rf-photo-remove{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--rose);border:2px solid var(--bg-card);color:#fff;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast)}.rf-photo-remove:hover{transform:scale(1.15)}.rf-file-input{display:none}.rf-fields{display:flex;flex-direction:column;gap:10px}.rf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rf-field{display:flex;flex-direction:column;gap:4px;position:relative}.rf-label{font-size:11px;font-weight:600;color:var(--txt-secondary)}.rf-input{background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:var(--r-sm);padding:9px 12px;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;outline:none;transition:border-color var(--t-mid);width:100%}.rf-input:focus{border-color:var(--violet);box-shadow:0 0 0 2px #7c6dfa1f}.rf-input::placeholder{color:var(--txt-secondary)}.rf-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.rf-ta{resize:vertical;min-height:80px;line-height:1.6}.rf-char{position:absolute;bottom:8px;right:10px;font-size:10px;color:var(--txt-secondary);opacity:.6}.rf-error{font-size:12px;color:#f06292;padding:8px 12px;border-radius:var(--r-sm);background:#f062921a;border:.5px solid rgba(240,98,146,.3)}.rf-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);border:none;background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;font-size:14px;font-weight:700;font-family:var(--f-body);cursor:pointer;transition:all var(--t-mid);box-shadow:0 4px 14px #7c6dfa66}.rf-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #7c6dfa80}.rf-submit:disabled{opacity:.55;cursor:not-allowed}.rf-spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.rf-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;text-align:center;background:var(--bg-elevated);border:.5px solid rgba(74,222,128,.3);border-radius:var(--r-lg)}.rf-success-icon{font-size:48px}.rf-success h3{font-family:var(--f-head);font-size:18px;color:var(--txt-primary)}.rf-success p{font-size:13px;color:var(--txt-secondary)}.rf-again-btn{padding:9px 20px;border-radius:var(--r-sm);background:transparent;border:.5px solid var(--border-medium);color:var(--txt-secondary);font-family:var(--f-body);font-size:13px;cursor:pointer;transition:all var(--t-fast);margin-top:6px}.rf-again-btn:hover{border-color:var(--violet);color:var(--txt-primary)}@media (max-width: 480px){.rf-row{grid-template-columns:1fr}}.fb-form{display:flex;flex-direction:column;gap:14px;animation:fb-in .3s ease}@keyframes fb-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fb-stars-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-lg)}.fb-stars-label{font-size:13px;color:var(--txt-secondary);font-weight:500}.fb-stars-row{display:flex;gap:6px}.fb-star{background:transparent;border:none;cursor:pointer;font-size:36px;color:var(--border-medium);transition:all .12s ease;padding:2px;line-height:1}.fb-star.active{color:#fbbf24;transform:scale(1.1)}.fb-star:hover{transform:scale(1.2)}.fb-rating-label{font-size:13px;font-weight:600;color:var(--txt-primary);min-height:20px}.fb-msg-section{display:flex;flex-direction:column;gap:6px}.fb-label{font-size:11px;font-weight:600;color:var(--txt-secondary)}.fb-ta{background:var(--bg-input);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:11px 13px;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;resize:vertical;min-height:100px;outline:none;line-height:1.6;transition:border-color var(--t-mid)}.fb-ta:focus{border-color:var(--violet);box-shadow:0 0 0 2px #7c6dfa1a}.fb-ta::placeholder{color:var(--txt-secondary)}.fb-ta-footer{display:flex;justify-content:space-between;align-items:center}.fb-anon-note{font-size:11px;color:var(--txt-secondary)}.fb-char{font-size:10px;color:var(--txt-secondary);opacity:.6}.fb-error{font-size:12px;color:#f06292;padding:8px 12px;border-radius:var(--r-sm);background:#f062921a;border:.5px solid rgba(240,98,146,.3)}.fb-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);border:.5px solid var(--border-medium);background:var(--bg-card);color:var(--txt-secondary);font-size:14px;font-weight:700;font-family:var(--f-body);cursor:pointer;transition:all var(--t-mid)}.fb-submit.ready{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1200;border-color:transparent;box-shadow:0 4px 14px #fbbf2466}.fb-submit.ready:hover{transform:translateY(-1px);box-shadow:0 6px 18px #fbbf2480}.fb-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.fb-spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fb-thankyou{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px;text-align:center;background:var(--bg-elevated);border:.5px solid rgba(251,191,36,.3);border-radius:var(--r-lg);animation:fb-in .3s ease}.fb-ty-stars{font-size:28px;letter-spacing:2px}.fb-thankyou h3{font-family:var(--f-head);font-size:17px;color:var(--txt-primary)}.fb-ai-reply{font-size:13px;color:var(--txt-primary);font-style:italic;line-height:1.6;background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:var(--r-md);padding:12px 14px;max-width:400px}.fb-again{margin-top:6px;padding:8px 18px;border-radius:var(--r-sm);background:transparent;border:.5px solid var(--border-medium);color:var(--txt-secondary);font-family:var(--f-body);font-size:12px;cursor:pointer;transition:all var(--t-fast)}.fb-again:hover{border-color:var(--violet);color:var(--txt-primary)}@media (max-width: 480px){.fb-stars-section,.fb-thankyou{padding:14px}.fb-star{font-size:30px}.fb-ta-footer{flex-direction:column;align-items:flex-start;gap:6px}.fb-ai-reply{max-width:100%}}.rm-panel{display:flex;flex-direction:column;gap:16px;padding:24px 26px;height:100%;overflow:auto}.rm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.rm-title{font-family:var(--f-head);font-size:24px;font-weight:800;color:var(--txt-primary)}.rm-subtitle,.phase-body p{font-size:14px;color:var(--txt-secondary);line-height:1.7}.rm-live-dot{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#4ade801f;color:#4ade80;font-size:12px;font-weight:700;border:.5px solid rgba(74,222,128,.25)}.live-ping{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8080;animation:ping 1.5s ease-in-out infinite}@keyframes ping{50%{box-shadow:0 0 0 6px #4ade8000}}.now-card,.phase-card{background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:20px}.now-card{padding:22px}.now-badge{display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:999px;background:#7c6dfa26;color:var(--violet);font-size:11px;font-weight:700;text-transform:uppercase}.now-card h3,.phase-title{font-family:var(--f-head);color:var(--txt-primary)}.now-card h3{font-size:20px;margin-bottom:8px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag-pill{padding:4px 10px;border-radius:999px;font-size:11px;color:var(--txt-secondary);background:var(--bg-card);border:.5px solid var(--border-subtle)}.progress-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px;color:var(--txt-secondary);font-size:13px}.progress-track{height:8px;border-radius:999px;background:var(--bg-card);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,var(--violet),var(--rose))}.rm-section-label,.phase-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--txt-secondary)}.phase-list{display:flex;flex-direction:column;gap:10px}.phase-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left}.phase-title{font-size:16px;font-weight:700;margin-top:4px}.phase-right{color:var(--txt-secondary)}.phase-body{padding:0 18px 18px}.phase-item{display:flex;gap:10px;margin-top:8px;color:var(--txt-primary);font-size:13px}@media (max-width: 760px){.rm-panel{padding:18px 16px}.rm-header,.progress-row,.phase-head{flex-direction:column;align-items:flex-start}.rm-title{font-size:21px}.now-card,.phase-body{padding-inline:16px}}@media (max-width: 480px){.rm-panel{padding:14px 12px}.rm-title{font-size:19px}.rm-subtitle,.phase-body p,.phase-item{font-size:13px}}.learn-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:radial-gradient(circle at top left,rgba(38,212,176,.12),transparent 24%),radial-gradient(circle at top right,rgba(109,175,254,.1),transparent 22%),var(--bg-card)}.learn-header{display:flex;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:.5px solid var(--border-subtle);background:#080d1aa3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.learn-kicker,.learn-section-kicker,.learn-editor-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#67e8f9}.learn-header h2,.learn-section-head h3,.learn-course-hero h3,.learn-pane-head h4,.learn-topic-card h4,.learn-discussion-card h4,.learn-empty-detail h3,.learn-editor-head h3{font-family:var(--f-head);color:var(--txt-primary)}.learn-header h2{margin:8px 0;font-size:30px;line-height:1.15}.learn-header p{max-width:680px;color:var(--txt-secondary);font-size:14px;line-height:1.7}.learn-header-actions{display:flex;align-items:flex-start;gap:10px}.learn-search{min-width:300px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:.5px solid var(--border-medium);border-radius:16px;background:#ffffff08;color:var(--txt-secondary)}.learn-search input,.learn-field input,.learn-field textarea,.learn-field select,.learn-comment-form input,.learn-comment-form textarea,.learn-link-row input{width:100%;background:transparent;border:none;outline:none;color:var(--txt-primary);font-family:var(--f-body)}.learn-search input::placeholder,.learn-comment-form input::placeholder,.learn-comment-form textarea::placeholder,.learn-field input::placeholder,.learn-field textarea::placeholder,.learn-link-row input::placeholder{color:var(--txt-secondary)}.learn-body{display:grid;grid-template-columns:360px 1fr;gap:0;min-height:0;flex:1}.learn-body.detail-open{grid-template-columns:1fr}.learn-catalog,.learn-detail{min-height:0;overflow-y:auto;padding:22px 24px 28px}.learn-catalog{border-right:.5px solid var(--border-subtle);background:#ffffff05}.learn-catalog-full,.learn-detail-full{border-right:none;max-width:100%}.learn-section-head,.learn-pane-head,.learn-editor-head,.learn-topic-card-head,.learn-links-head,.learn-comment-form-foot,.learn-comment-head,.learn-course-card-top,.learn-card-meta,.learn-progress-banner{display:flex;justify-content:space-between;gap:12px;align-items:center}.learn-inline-actions,.learn-header-actions,.learn-editor-actions,.learn-topic-actions,.learn-topic-node-actions{display:flex;gap:8px;align-items:center}.learn-course-grid{display:grid;gap:14px;margin-top:16px}.learn-course-card,.learn-empty-state,.learn-course-hero,.learn-progress-banner,.learn-topics-pane,.learn-topic-card,.learn-discussion-card,.learn-editor,.learn-login-modal,.learn-empty-detail,.learn-stat-card,.learn-resource-card,.learn-comment-card{border-radius:22px;border:.5px solid var(--border-medium);background:var(--bg-elevated)}.learn-course-card{width:100%;padding:18px;text-align:left;cursor:pointer;transition:transform var(--t-mid),border-color var(--t-mid),box-shadow var(--t-mid);background:radial-gradient(circle at top right,rgba(103,232,249,.12),transparent 30%),var(--bg-elevated)}.learn-course-card:hover,.learn-course-card.active{transform:translateY(-2px);border-color:#67e8f961;box-shadow:0 18px 36px #0000002e}.learn-course-card h4{margin:12px 0 8px;font-size:18px;color:var(--txt-primary)}.learn-course-card p,.learn-empty-state span,.learn-empty-detail p,.learn-muted-note,.learn-topic-description,.learn-comment-card p{color:var(--txt-secondary);font-size:14px;line-height:1.7}.learn-course-kind,.learn-news-pill,.learn-author-badge,.learn-status-pill,.learn-topic-node-index{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:700}.learn-course-kind{padding:5px 10px;background:#ffffff12;color:#fff}.learn-news-pill,.learn-author-badge{padding:5px 10px;background:#fbbf2424;color:#facc15;border:.5px solid rgba(250,204,21,.28)}.learn-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.learn-tag-row span{padding:5px 11px;border-radius:999px;font-size:12px;color:var(--txt-secondary);background:#ffffff0a;border:.5px solid var(--border-subtle)}.learn-mini-progress,.learn-wide-progress{width:100%;overflow:hidden;border-radius:999px;background:#ffffff0f}.learn-mini-progress{height:8px;margin-top:12px}.learn-wide-progress{max-width:320px;height:10px}.learn-mini-progress div,.learn-wide-progress div{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--learn-accent, var(--violet)),#6daffe)}.learn-course-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;padding:22px;background:radial-gradient(circle at top right,rgba(103,232,249,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--bg-elevated)}.learn-course-hero p{margin-top:10px;color:var(--txt-secondary);line-height:1.7}.learn-course-hero-copy{display:flex;flex-direction:column;align-items:flex-start}.learn-course-hero-side{display:flex;flex-direction:column;gap:16px}.learn-author-line{display:flex;flex-direction:column;gap:6px;margin-top:10px}.learn-author-line strong{color:var(--txt-primary);font-size:15px}.learn-course-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-stat-card{padding:16px;display:flex;flex-direction:column;gap:8px}.learn-stat-card span{font-size:12px;color:var(--txt-secondary)}.learn-stat-card strong{font-size:24px;color:var(--txt-primary)}.learn-detail-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.learn-mobile-library{display:none}.learn-mobile-library-head h4{margin-top:6px;color:var(--txt-primary);font-size:16px}.learn-mobile-course-row{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none}.learn-mobile-course-row::-webkit-scrollbar{display:none}.learn-mobile-course-card{min-width:240px;max-width:280px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:18px;border:.5px solid var(--border-medium);background:radial-gradient(circle at top right,rgba(103,232,249,.1),transparent 28%),var(--bg-elevated);text-align:left;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.learn-mobile-course-card.active{border-color:#67e8f961;box-shadow:0 14px 28px #0000002e}.learn-mobile-course-card strong{color:var(--txt-primary);line-height:1.4}.learn-mobile-course-card span:last-child{color:var(--txt-secondary);font-size:12px;line-height:1.5}.learn-mobile-course-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.learn-hero-progress{padding:18px 20px;border-radius:18px;border:.5px solid var(--border-subtle);background:#ffffff08}.learn-hero-progress-copy{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.learn-hero-progress-copy h4{color:var(--txt-primary);font-size:16px}.learn-workspace{display:grid;grid-template-columns:minmax(280px,33%) minmax(0,1fr);gap:16px;margin-top:16px}.learn-topic-detail{display:flex;flex-direction:column;gap:16px}.learn-interaction-section{margin-top:18px}.learn-interaction-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-radius:20px;border:.5px solid var(--border-medium);background:linear-gradient(90deg,rgba(103,232,249,.05),transparent 60%),var(--bg-elevated);text-align:left;cursor:pointer;transition:border-color var(--t-fast),transform var(--t-fast)}.learn-interaction-toggle:hover,.learn-interaction-toggle.active{border-color:#67e8f961;transform:translateY(-1px)}.learn-interaction-toggle h4{margin-top:6px;color:var(--txt-primary);font-size:18px}.learn-interaction-toggle span:last-child{color:#67e8f9;font-weight:700;font-size:13px}.learn-topics-pane,.learn-topic-card,.learn-discussion-card,.learn-empty-detail{padding:18px}.learn-topic-tree{display:flex;flex-direction:column;gap:10px;margin-top:14px}.learn-topic-node{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;width:100%;text-align:left;align-items:center;padding:13px 14px;border-radius:18px;border:.5px solid var(--border-subtle);background:linear-gradient(90deg,rgba(103,232,249,.04),transparent 65%),#ffffff05;cursor:pointer;margin-left:calc(var(--depth, 0) * 16px);transition:border-color var(--t-fast),transform var(--t-fast),background var(--t-fast)}.learn-topic-node:hover,.learn-topic-node.active{border-color:#67e8f961;transform:translateY(-1px)}.learn-topic-node-index{width:36px;height:36px;color:var(--txt-primary);background:#ffffff0f}.learn-topic-node-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.learn-topic-node-copy strong{color:var(--txt-primary);line-height:1.45}.learn-status-pill{width:fit-content;padding:4px 10px;border:.5px solid transparent}.learn-status-pill.muted{color:#cbd5e1;background:#94a3b81f}.learn-status-pill.active{color:#38bdf8;background:#38bdf824;border-color:#38bdf84d}.learn-status-pill.done{color:#4ade80;background:#4ade8024;border-color:#4ade8047}.learn-inline-link,.learn-ghost-btn,.learn-danger-btn,.learn-primary-btn,.learn-status-btn{border:none;cursor:pointer;transition:all var(--t-fast);font-family:var(--f-body)}.learn-inline-link{background:transparent;color:#67e8f9;font-size:12px;padding:0}.learn-inline-link.danger{color:#fb7185}.learn-ghost-btn,.learn-danger-btn,.learn-primary-btn,.learn-status-btn{padding:10px 14px;border-radius:14px}.learn-ghost-btn{background:#ffffff08;color:var(--txt-secondary);border:.5px solid var(--border-subtle)}.learn-ghost-btn:hover{color:var(--txt-primary);border-color:var(--border-medium)}.learn-danger-btn{background:#fb71851f;color:#fb7185;border:.5px solid rgba(251,113,133,.2)}.learn-primary-btn{background:linear-gradient(135deg,#26d4b0,#6daffe);color:#05131d;font-weight:700}.learn-primary-btn.small{padding:8px 12px;font-size:12px}.learn-primary-btn:hover:not(:disabled),.learn-status-btn:hover{transform:translateY(-1px)}.learn-primary-btn:disabled{opacity:.45;cursor:not-allowed}.learn-topic-description{margin:14px 0 18px}.learn-topic-actions{flex-wrap:wrap;margin-bottom:20px}.learn-status-btn{color:var(--txt-secondary);background:#ffffff08;border:.5px solid var(--border-subtle)}.learn-status-btn.active{color:#05131d;background:linear-gradient(135deg,#67e8f9,#26d4b0);border-color:transparent}.learn-topic-links{margin-top:16px}.learn-topic-links-head h5{margin-top:6px;font-size:18px;color:var(--txt-primary)}.learn-resource-list,.learn-comment-thread,.learn-comment-children{display:flex;flex-direction:column;gap:12px}.learn-resource-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none}.learn-resource-card strong{color:var(--txt-primary)}.learn-resource-card span{color:var(--txt-secondary);font-size:12px;line-height:1.6;word-break:break-word}.learn-comment-form{display:flex;flex-direction:column;gap:10px;margin-top:16px}.learn-comment-form input,.learn-comment-form textarea,.learn-field input,.learn-field textarea,.learn-field select,.learn-link-row input{padding:12px 14px;border-radius:14px;border:.5px solid var(--border-medium);background:#ffffff08}.learn-reply-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#67e8f914;color:#67e8f9;font-size:12px}.learn-comment-form-foot span,.learn-comment-head span,.learn-editor-error{color:var(--txt-secondary);font-size:12px}.learn-comment-node{margin-left:calc(var(--comment-depth, 0) * 18px)}.learn-comment-card{padding:14px 16px}.learn-comment-head strong{color:var(--txt-primary);margin-right:8px}.learn-comment-head div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.learn-comment-card p{margin:10px 0 12px}.learn-modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#030610b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learn-editor,.learn-login-modal{width:min(820px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:22px}.learn-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.learn-field,.learn-toggle,.learn-links-editor{display:flex;flex-direction:column;gap:8px}.learn-field span,.learn-toggle span,.learn-links-head span{color:var(--txt-secondary);font-size:12px}.learn-field-wide,.learn-toggle,.learn-links-editor{grid-column:1 / -1}.learn-toggle{flex-direction:row;align-items:center}.learn-links-head{margin-bottom:8px}.learn-link-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;margin-top:10px}.learn-empty-state,.learn-empty-detail{display:flex;flex-direction:column;gap:10px;padding:26px;align-items:flex-start}.learn-skeleton-card{min-height:210px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:learn-shimmer 1.5s infinite linear}@keyframes learn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1120px){.learn-body,.learn-workspace,.learn-course-hero{grid-template-columns:1fr}.learn-catalog{border-right:none;border-bottom:.5px solid var(--border-subtle)}}@media (max-width: 760px){.learn-header,.learn-section-head,.learn-pane-head,.learn-comment-form-foot,.learn-course-card-top,.learn-card-meta,.learn-editor-head,.learn-links-head,.learn-topic-card-head,.learn-comment-head,.learn-detail-topbar,.learn-hero-progress-copy{flex-direction:column;align-items:flex-start}.learn-header-actions,.learn-editor-grid,.learn-link-row{grid-template-columns:1fr;width:100%}.learn-search{min-width:0;width:100%}.learn-course-stats{grid-template-columns:1fr}.learn-mobile-library{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.learn-topic-node{grid-template-columns:36px minmax(0,1fr)}.learn-topic-node-actions{grid-column:1 / -1}}@media (max-width: 480px){.learn-mobile-course-card{min-width:min(84vw,240px)}}.blog-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.blog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:.5px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0}.blog-header-left{display:flex;align-items:center;gap:12px}.blog-header-right{display:flex;align-items:center;gap:10px}.blog-title{font-family:var(--f-head);font-weight:800;font-size:20px;background:linear-gradient(135deg,var(--violet),var(--rose));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-subtitle{font-size:12px;color:var(--txt-secondary);margin-top:2px}.back-btn{background:none;border:.5px solid var(--border-medium);border-radius:var(--r-sm);padding:6px 12px;color:var(--txt-secondary);font-size:13px;cursor:pointer;transition:all var(--t-fast)}.back-btn:hover{color:var(--txt-primary);border-color:var(--border-strong)}.write-btn{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border:none;border-radius:var(--r-md);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t-mid)}.write-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7c6dfa66}.admin-pill{font-size:11px;color:var(--violet);background:#7c6dfa1f;border:.5px solid rgba(124,109,250,.3);border-radius:20px;padding:4px 10px}.blog-list-view{display:flex;flex-direction:column;gap:14px;padding:18px 24px;overflow-y:auto;flex:1;scrollbar-width:thin}.blog-controls{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.blog-search{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:9px 14px}.blog-search svg{color:var(--txt-secondary);flex-shrink:0}.blog-search-input{flex:1;background:none;border:none;outline:none;color:var(--txt-primary);font-family:var(--f-body);font-size:13px}.blog-search-input::placeholder{color:var(--txt-secondary)}.search-clear-btn{background:none;border:none;color:var(--txt-secondary);cursor:pointer;font-size:13px}.cat-tabs{display:flex;gap:6px;flex-wrap:wrap}.cat-tab{padding:5px 14px;border-radius:20px;border:.5px solid var(--border-subtle);background:none;color:var(--txt-secondary);font-size:12px;cursor:pointer;transition:all var(--t-fast);font-family:var(--f-body)}.cat-tab:hover{border-color:var(--border-medium);color:var(--txt-primary)}.cat-tab.active{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border-color:transparent}.blog-loading{display:flex;flex-direction:column;gap:12px}.blog-skeleton{height:120px;border-radius:var(--r-lg);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--txt-secondary);font-size:14px}.blog-empty span{font-size:40px}.blog-grid{display:flex;flex-direction:column;gap:12px}.blog-card{background:var(--bg-elevated);border:.5px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:all var(--t-mid);animation:card-in .4s cubic-bezier(.34,1.2,.64,1) both}.blog-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 8px 30px #0003}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.blog-card-img{position:relative;height:160px;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-elevated))}.blog-card-cover-fallback{min-height:160px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:radial-gradient(circle at top right,rgba(240,98,146,.22),transparent 34%),radial-gradient(circle at left,rgba(124,109,250,.24),transparent 42%),linear-gradient(145deg,#7c6dfa2e,#121625f2)}.blog-card-cover-fallback p{color:#ffffffd1;font-size:13px;line-height:1.6;margin:0}.blog-card-cover-pill{width:fit-content;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ffffff24;border:.5px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 10px}.blog-card-body{padding:16px 18px}.blog-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.blog-cat-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);background:#7c6dfa1f;border:.5px solid rgba(124,109,250,.25);padding:3px 9px;border-radius:20px}.blog-del-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.5;transition:opacity var(--t-fast)}.blog-del-btn:hover{opacity:1}.blog-card-title{font-family:var(--f-head);font-weight:700;font-size:16px;color:var(--txt-primary);margin-bottom:6px;line-height:1.3}.blog-card-desc{font-size:13px;color:var(--txt-secondary);line-height:1.6;margin-bottom:12px}.blog-card-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-date,.blog-read-time{font-size:11px;color:var(--txt-secondary)}.blog-stats{display:flex;gap:8px;margin-left:auto}.blog-stat{font-size:12px;color:var(--txt-secondary)}.single-post{flex:1;overflow-y:auto;scrollbar-width:thin}.post-hero-img{position:relative;height:220px;overflow:hidden;flex-shrink:0}.post-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.post-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--bg-card))}.post-content{padding:22px 28px 40px;max-width:720px;margin:0 auto}.post-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.post-title{font-family:var(--f-head);font-weight:900;font-size:28px;color:var(--txt-primary);line-height:1.3;margin-bottom:16px}.post-actions{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.like-btn{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:8px 16px;color:var(--txt-secondary);font-size:13px;cursor:pointer;transition:all var(--t-mid)}.like-btn:hover:not(:disabled){border-color:#f0629280;color:var(--rose)}.like-btn.liked{background:#f062921a;border-color:#f0629266;color:var(--rose);cursor:default}.like-btn.pop .like-icon{animation:heart-pop .5s ease}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.9)}to{transform:scale(1)}}.listen-btn,.del-post-btn{background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:8px 14px;color:var(--txt-secondary);font-size:13px;cursor:pointer;transition:all var(--t-fast)}.listen-btn:hover{border-color:var(--border-strong);color:var(--txt-primary)}.del-post-btn{color:var(--rose)}.del-post-btn:hover{background:#f062921a}.post-body{margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.post-paragraph{font-size:15px;color:var(--txt-primary);line-height:1.9;margin:0}.comments-section{border-top:.5px solid var(--border-subtle);padding-top:28px}.comments-title{font-family:var(--f-head);font-weight:700;font-size:18px;color:var(--txt-primary);margin-bottom:18px}.add-comment{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.comment-name-input{background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:10px 14px;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;outline:none;transition:border-color var(--t-mid)}.comment-name-input:focus{border-color:var(--violet)}.comment-name-input::placeholder{color:var(--txt-secondary)}.comment-textarea{background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:12px 14px;color:var(--txt-primary);font-family:var(--f-body);font-size:13px;outline:none;resize:vertical;min-height:80px;transition:border-color var(--t-mid)}.comment-textarea:focus{border-color:var(--violet)}.comment-textarea::placeholder{color:var(--txt-secondary)}.comment-post-btn{align-self:flex-end;background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border:none;border-radius:var(--r-md);padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--t-mid)}.comment-post-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #7c6dfa66}.comment-post-btn:disabled{opacity:.4;cursor:not-allowed}.comments-loading,.no-comments{font-size:13px;color:var(--txt-secondary);text-align:center;padding:20px}.comments-list{display:flex;flex-direction:column;gap:14px}.comment-item{display:flex;gap:12px;animation:card-in .3s ease both}.comment-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--rose));display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.comment-body{flex:1}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.comment-name{font-size:13px;font-weight:600;color:var(--txt-primary)}.comment-date{font-size:11px;color:var(--txt-secondary)}.comment-text{font-size:13px;color:var(--txt-secondary);line-height:1.6}.write-post{display:flex;flex-direction:column;flex:1;overflow:hidden}.write-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:.5px solid var(--border-subtle);flex-shrink:0}.write-title{font-family:var(--f-head);font-weight:700;font-size:18px;color:var(--txt-primary)}.cancel-btn{background:none;border:.5px solid var(--border-medium);border-radius:var(--r-sm);padding:6px 12px;color:var(--txt-secondary);font-size:13px;cursor:pointer;transition:all var(--t-fast)}.cancel-btn:hover{border-color:var(--rose);color:var(--rose)}.write-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px;overflow-y:auto;flex:1;scrollbar-width:thin}.wf-field{display:flex;flex-direction:column;gap:7px}.wf-field label{font-size:12px;font-weight:600;color:var(--txt-secondary);text-transform:uppercase;letter-spacing:.05em}.wf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-input{background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:11px 14px;color:var(--txt-primary);font-family:var(--f-body);font-size:14px;outline:none;transition:border-color var(--t-mid)}.wf-input:focus{border-color:var(--violet)}.wf-input::placeholder{color:var(--txt-secondary)}.wf-select{background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:11px 14px;color:var(--txt-primary);font-family:var(--f-body);font-size:14px;outline:none;cursor:pointer}.wf-textarea{background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:12px 14px;color:var(--txt-primary);font-family:var(--f-body);font-size:14px;outline:none;resize:vertical;min-height:200px;line-height:1.7;transition:border-color var(--t-mid)}.wf-textarea:focus{border-color:var(--violet)}.wf-textarea::placeholder{color:var(--txt-secondary)}.wf-char-count{font-size:11px;color:var(--txt-secondary);align-self:flex-end}.img-upload-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.img-upload-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);border:.5px dashed var(--border-medium);border-radius:var(--r-md);padding:9px 16px;color:var(--txt-secondary);font-size:13px;cursor:pointer;transition:all var(--t-mid)}.img-upload-btn:hover{border-color:var(--violet);color:var(--violet)}.img-or{font-size:12px;color:var(--txt-secondary)}.img-preview{position:relative;width:100%;max-height:160px;border-radius:var(--r-md);overflow:hidden;margin-top:6px}.img-preview img{width:100%;height:160px;object-fit:cover;display:block}.img-remove{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:12px;cursor:pointer}.wf-error{color:var(--rose);font-size:13px;background:#f062921a;padding:10px 14px;border-radius:var(--r-sm)}.publish-btn{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border:none;border-radius:var(--r-md);padding:14px;font-family:var(--f-head);font-weight:700;font-size:15px;cursor:pointer;transition:all var(--t-mid);box-shadow:0 4px 18px #7c6dfa59}.publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #7c6dfa80}.publish-btn:disabled{opacity:.4;cursor:not-allowed}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-modal{background:var(--bg-elevated);border:.5px solid var(--border-medium);border-radius:var(--r-xl);padding:0;width:340px;box-shadow:0 30px 80px #00000080,0 0 0 1px #7c6dfa33;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.login-header{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:.5px solid var(--border-subtle)}.login-icon{font-size:22px}.login-header h3{font-family:var(--f-head);font-weight:700;font-size:17px;color:var(--txt-primary);flex:1}.login-close{background:none;border:none;color:var(--txt-secondary);font-size:16px;cursor:pointer}.login-body{display:flex;flex-direction:column;gap:12px;padding:20px}.login-input{background:var(--bg-input);border:.5px solid var(--border-medium);border-radius:var(--r-md);padding:12px 14px;color:var(--txt-primary);font-family:var(--f-body);font-size:14px;outline:none;transition:border-color var(--t-mid)}.login-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--input-ring)}.login-input::placeholder{color:var(--txt-secondary)}.login-error{color:var(--rose);font-size:12px;text-align:center}.login-btn{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;border:none;border-radius:var(--r-md);padding:12px;font-family:var(--f-head);font-weight:700;font-size:14px;cursor:pointer;transition:all var(--t-mid)}.login-btn:hover:not(:disabled){transform:translateY(-1px)}.login-btn:disabled{opacity:.4}.login-hint{font-size:11px;color:var(--txt-secondary);text-align:center}@media (max-width: 760px){.blog-header,.write-header{padding:14px 16px;flex-wrap:wrap}.blog-header{align-items:flex-start}.blog-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.blog-list-view,.write-form{padding:16px}.post-content{padding:18px 18px 32px}.post-title{font-size:24px}.post-hero-img{height:180px}.wf-row{grid-template-columns:1fr}.img-upload-area{flex-direction:column;align-items:stretch}.comment-post-btn{align-self:stretch}}@media (max-width: 480px){.blog-header,.write-header,.blog-list-view,.write-form{padding:12px}.blog-title,.write-title{font-size:18px}.blog-card-body,.login-body{padding:14px}.post-content{padding:16px 12px 24px}.post-title{font-size:21px}.post-paragraph{font-size:14px;line-height:1.75}.post-actions{gap:8px}.like-btn,.listen-btn,.del-post-btn,.write-btn{width:100%;justify-content:center}.login-modal{width:calc(100vw - 24px)}}.quake-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center}.quake-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(124,109,250,.15) 100%);animation:vignette-pulse .2s ease-in-out infinite alternate}@keyframes vignette-pulse{0%{opacity:.5}to{opacity:1}}.quake-msg{position:relative;z-index:10;background:linear-gradient(135deg,#7c6dfa,#f06292);color:#fff;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(16px,3.5vw,26px);padding:16px 28px;border-radius:16px;text-align:center;max-width:80%;box-shadow:0 0 60px #7c6dfab3,0 0 120px #f062924d;animation:msg-shake .15s ease-in-out infinite}@keyframes msg-shake{0%,to{transform:rotate(-1.5deg) scale(1)}50%{transform:rotate(1.5deg) scale(1.03)}}.cracks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crack{position:absolute;top:0;width:1.5px;height:100%;left:calc(var(--i) * 11% + 5%);background:linear-gradient(to bottom,transparent 0%,rgba(124,109,250,.6) 30%,rgba(240,98,146,.8) 60%,transparent 100%);transform-origin:top center;animation:crack-sway .15s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .04s);clip-path:polygon(45% 0%,55% 0%,65% 50%,55% 100%,45% 100%,35% 50%)}@keyframes crack-sway{0%{transform:skew(calc(-3deg * (var(--i) - 5))) scaleY(.95);opacity:.4}to{transform:skew(calc(4deg * (var(--i) - 5))) scaleY(1);opacity:.8}}.app-root{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px}@keyframes quake{0%{transform:translate(0) rotate(0)}6%{transform:translate(-14px,8px) rotate(-2deg)}12%{transform:translate(16px,-10px) rotate(1.8deg)}18%{transform:translate(-18px,12px) rotate(-2.5deg)}24%{transform:translate(14px,-8px) rotate(1.5deg)}30%{transform:translate(-10px,16px) rotate(-1.8deg)}36%{transform:translate(18px,-12px) rotate(2.2deg)}42%{transform:translate(-16px,8px) rotate(-2deg)}48%{transform:translate(12px,-16px) rotate(1.2deg)}54%{transform:translate(-18px,10px) rotate(-2.2deg)}60%{transform:translate(16px,-6px) rotate(1.8deg)}66%{transform:translate(-8px,14px) rotate(-1.5deg)}72%{transform:translate(14px,-10px) rotate(2deg)}78%{transform:translate(-16px,8px) rotate(-1.8deg)}84%{transform:translate(10px,-12px) rotate(1.2deg)}92%{transform:translate(-6px,10px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes quake-bg{0%,to{background-position:0% 0%}25%{background-position:3% 2%}50%{background-position:-2% 3%}75%{background-position:2% -2%}}@keyframes letter-fall{0%{transform:translateY(0) rotate(0);opacity:1}20%{transform:translateY(20px) rotate(10deg);opacity:.9}50%{transform:translateY(80px) rotate(-25deg);opacity:.5}to{transform:translateY(220px) rotate(50deg);opacity:0}}.app-root.quaking .shell{animation:quake .1s linear infinite;box-shadow:0 0 80px #7c6dfa99,0 0 40px #f0629266!important}.app-root.quaking .bubble-text{overflow:hidden}.app-root.quaking .bubble p,.app-root.quaking .bubble-text{animation:letter-fall 1s ease-in forwards}.shell{width:100%;max-width:1100px;height:min(860px,calc(100dvh - 24px));max-height:860px;display:grid;grid-template-columns:230px 1fr;background:var(--bg-card);border:.5px solid var(--border-medium);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--glow-violet),0 40px 80px #0000004d;transition:background var(--t-slow),border-color var(--t-slow),box-shadow var(--t-slow);position:relative;z-index:2}.sidebar{display:flex;flex-direction:column;background:var(--bg-elevated);border-right:.5px solid var(--border-subtle);padding:20px 14px;gap:6px;transition:background var(--t-slow),border-color var(--t-slow)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px 20px;border-bottom:.5px solid var(--border-subtle);margin-bottom:8px}.sidebar-brand-main{display:flex;align-items:center;gap:12px;min-width:0}.brand-orb{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--rose));display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:13px;color:#fff;position:relative;flex-shrink:0;box-shadow:0 0 20px #7c6dfa80}.orb-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid rgba(124,109,250,.4);animation:orb-pulse 2.5s ease-in-out infinite}.orb-ring-2{top:-11px;right:-11px;bottom:-11px;left:-11px;border-color:#7c6dfa26;animation-delay:.8s}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.1}}.brand-text h1{font-family:var(--f-head);font-weight:700;font-size:15px;color:var(--txt-primary);line-height:1.2}.status-pill{font-size:11px;color:#4ade80;font-weight:500;animation:status-blink 2.5s ease-in-out infinite}.menu-toggle{display:none;width:42px;height:42px;padding:0;border-radius:12px;border:.5px solid var(--border-subtle);background:transparent;color:var(--txt-primary);align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{width:16px;height:1.5px;border-radius:999px;background:currentColor;transition:transform var(--t-mid),opacity var(--t-mid)}.menu-toggle.active span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 14px;border-radius:var(--r-md);border:none;background:transparent;color:var(--txt-secondary);font-size:14px;font-weight:400;transition:all var(--t-mid);position:relative;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--txt-primary)}.nav-item.active{background:linear-gradient(135deg,#7c6dfa33,#f062921a);color:var(--txt-primary);border:.5px solid var(--border-medium);font-weight:500}.nav-item.active svg{color:var(--violet)}.score-badge{margin-left:auto;background:var(--violet);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:.5px solid var(--border-subtle)}.theme-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:var(--r-md);border:.5px solid var(--border-subtle);background:transparent;color:var(--txt-secondary);font-size:13px;transition:all var(--t-mid)}.theme-btn:hover{background:var(--bg-hover);color:var(--txt-primary);border-color:var(--border-medium)}.main-content{overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);transition:background var(--t-slow);min-width:0;min-height:0}.hire-badge{margin-left:auto;background:linear-gradient(135deg,#26d4b0,#6daffe);color:#071a10;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.04em}.hire-nav.active{background:linear-gradient(135deg,#26d4b026,#6daffe1a)!important;border-color:#26d4b04d!important}.hire-nav.active svg{color:#26d4b0!important}.live-badge{margin-left:auto;background:#4ade8026;color:#4ade80;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;border:.5px solid rgba(74,222,128,.3);letter-spacing:.04em;text-transform:uppercase}.dev-badge{margin-left:auto;background:#4ade8026;color:#f7ff58;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;border:.5px solid rgba(158,156,7,.3);letter-spacing:.04em;text-transform:uppercase}@media (max-width: 980px){.shell{grid-template-columns:200px 1fr}.sidebar{padding-inline:10px}.brand-text h1{font-size:14px}.nav-item{padding-inline:12px;font-size:13px}}@media (max-width: 760px){.app-root{align-items:stretch;padding:0;overflow:auto}.shell{height:100dvh;max-height:none;border-radius:0;margin:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{gap:12px;padding:12px;border-right:none;border-bottom:.5px solid var(--border-subtle)}.sidebar-brand{padding:0;margin-bottom:0;border-bottom:none}.sidebar-brand-main{min-width:0}.menu-toggle{display:inline-flex}.sidebar-nav,.sidebar-footer{display:none}.sidebar.mobile-open .sidebar-nav{display:flex;flex-direction:column;margin-top:4px}.sidebar.mobile-open .sidebar-footer{display:block}.nav-item{width:100%;white-space:nowrap;padding:10px 12px}.sidebar-footer{margin-top:0;padding-top:12px;border-top:.5px solid var(--border-subtle)}.theme-btn{width:100%;padding:9px 12px}.main-content{min-height:0}}@media (max-width: 480px){.sidebar{padding:10px}.sidebar-brand{gap:10px}.brand-orb{width:40px;height:40px}.brand-text h1{font-size:13px}.status-pill{font-size:10px}.nav-item{gap:8px;padding:9px 11px;font-size:12px}.score-badge,.live-badge,.dev-badge{font-size:8px;padding-inline:6px}.theme-btn span{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--violet: #7c6dfa;--rose: #f06292;--teal: #26d4b0;--amber: #fbbf24;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--f-head: "Syne", sans-serif;--f-body: "DM Sans", sans-serif;--t-fast: .15s ease;--t-mid: .25s ease;--t-slow: .4s ease}[data-theme=dark],:root{--bg-base: #07070f;--bg-card: #0f0f1c;--bg-elevated:#17172a;--bg-input: #12121f;--bg-hover: #1e1e30;--txt-primary: #eeeeff;--txt-secondary: #9090bb;--txt-muted: #5555880;--border-subtle: rgba(120,105,255,.12);--border-medium: rgba(120,105,255,.25);--border-strong: rgba(120,105,255,.45);--glow-violet: 0 0 30px rgba(124,109,250,.2);--glow-rose: 0 0 30px rgba(240,98,146,.2);--bubble-ai: #17172a;--bubble-user: linear-gradient(135deg, #6c5ee8, #9068ee);--input-ring: rgba(124,109,250,.25)}[data-theme=light]{--bg-base: #f0eeff;--bg-card: #ffffff;--bg-elevated:#f8f6ff;--bg-input: #ffffff;--bg-hover: #ede9ff;--txt-primary: #1a1240;--txt-secondary: #5a4f90;--txt-muted: #9080bb;--border-subtle: rgba(100,80,220,.1);--border-medium: rgba(100,80,220,.2);--border-strong: rgba(100,80,220,.4);--glow-violet: 0 4px 30px rgba(100,80,220,.12);--glow-rose: 0 4px 30px rgba(200,60,120,.1);--bubble-ai: #f3f0ff;--bubble-user: linear-gradient(135deg, #7c6dfa, #9b8bff);--input-ring: rgba(100,80,220,.2)}html,body{min-height:100%;font-family:var(--f-body);background:var(--bg-base);color:var(--txt-primary);transition:background var(--t-slow),color var(--t-slow);overflow-x:hidden}#root{min-height:100%}::selection{background:#7c6dfa4d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}button{font-family:var(--f-body);cursor:pointer}input,textarea{font-family:var(--f-body)}