.rec-badge{font-size:10px;font-weight:800;color:var(--purple);background:rgba(124,77,255,.12);padding:2px 8px;border-radius:20px} .bnav{position:absolute;bottom:0;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:8px 0;display:flex;justify-content:space-around;z-index:20} .nitem{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 20px;position:relative} .nicon{font-size:20px;transition:transform .2s} .nitem.on .nicon{animation:bounce3d .35s ease;color:var(--blue)} .nlbl{font-size:10px;font-weight:700;color:var(--muted)} .nitem.on .nlbl{color:var(--blue)} .nbadge{position:absolute;top:0;right:10px;min-width:17px;height:17px;border-radius:9px;background:var(--red);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px} .dhead{background:var(--grad);padding:50px 20px 28px;position:relative} .dback{position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:#fff} .dlogo{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px} .dtags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap} .dtag{background:rgba(255,255,255,.2);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700} .dbody{padding:20px} .dstats{display:flex;gap:10px;margin-bottom:20px} .dstat{flex:1;background:var(--card);border-radius:14px;padding:12px 10px;text-align:center;border:1.5px solid var(--border)} .dstat-v{font-size:16px;font-weight:900;color:var(--blue)} .dstat-k{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-top:2px} .sblock{background:var(--card);border-radius:16px;padding:16px;margin-bottom:14px;border:1.5px solid var(--border)} .sblock h4{font-size:14px;font-weight:800;margin-bottom:10px} .sblock p{font-size:14px;font-weight:500;color:var(--muted);line-height:1.6} .rlist{display:flex;flex-direction:column;gap:8px} .ritem{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--muted)} .ricon{width:24px;height:24px;border-radius:8px;background:rgba(79,110,247,.15);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0} .abar{position:sticky;bottom:80px;padding:12px 20px;background:var(--nav-bg);backdrop-filter:blur(10px);display:flex;gap:10px} .afull{flex:1;padding:14px;border-radius:14px;border:none;cursor:pointer;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;background:var(--grad);color:#fff;box-shadow:0 4px 16px rgba(79,110,247,.35);transition:transform .15s,background .2s} .afull:active{transform:scale(.97)} .afull.done{background:linear-gradient(135deg,#22C55E,#16A34A)} .sbtn{width:50px;height:50px;border-radius:14px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:transform .15s} .sbtn:active{transform:scale(.9)} .phead{background:var(--grad);padding:40px 20px 28px;text-align:center;position:relative} .pav{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 12px;border:3px solid rgba(255,255,255,.4);animation:float3d 4s ease-in-out infinite} .pname{font-size:20px;font-weight:900;color:#fff} .psub{font-size:13px;color:rgba(255,255,255,.8);font-weight:600;margin-top:4px} .pbody{padding:20px} .pstats{display:flex;gap:10px;margin-bottom:20px} .pstat{flex:1;background:var(--card);border-radius:14px;padding:14px 10px;text-align:center;border:1.5px solid var(--border)} .pstat-n{font-size:22px;font-weight:900;color:var(--blue)} .pstat-k{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-top:2px} .srow{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border-radius:14px;margin-bottom:8px;cursor:pointer;border:1.5px solid var(--border);transition:transform .1s} .srow:active{transform:scale(.98)} .sico{font-size:20px;width:36px;height:36px;border-radius:10px;background:var(--sub);display:flex;align-items:center;justify-content:center;flex-shrink:0} .slbl{font-size:14px;font-weight:700} .ssub{font-size:12px;opacity:.6;font-weight:600;margin-top:2px} .schev{font-size:18px;color:var(--muted)} .einput{background:transparent;border:none;outline:none;border-bottom:1.5px solid var(--border);font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--text);width:100%;padding-bottom:4px} textarea.einput{border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;resize:none;height:90px;display:block} .subhead{display:flex;align-items:center;gap:14px;padding:14px 20px 12px;background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);transition:background .3s} .subback{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:var(--sub);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text)} .subtitle{font-size:18px;font-weight:900} .trow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)} .trow:last-child{border-bottom:none} .ticon{width:38px;height:38px;border-radius:11px;background:var(--sub);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0} .ttrack{width:46px;height:26px;border-radius:13px;cursor:pointer;transition:background .25s;position:relative;flex-shrink:0;background:#4A5280} .ttrack.on{background:var(--blue)} .tthumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .25s;box-shadow:0 1px 4px rgba(0,0,0,.25)} .ttrack.on .tthumb{left:23px} .faqitem{background:var(--card);border-radius:14px;border:1.5px solid var(--border);overflow:hidden;margin-bottom:8px;transition:border-color .2s} .faqitem.open{border-color:var(--blue)} .faqq{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer} .faqa{padding:0 16px 14px;font-size:13px;color:var(--muted);font-weight:600;line-height:1.6} .faqchev{font-size:14px;color:var(--blue);font-weight:800;transition:transform .2s;margin-left:auto} .faqitem.open .faqchev{transform:rotate(90deg)} .skill-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--sub);font-size:13px;font-weight:700;margin:3px} .skill-x{cursor:pointer;color:var(--muted);font-size:12px} .drow{display:flex;align-items:center;gap:14px;padding:13px 0;cursor:pointer;border-bottom:1px solid var(--border)} .drow:last-child{border-bottom:none} .dico{width:36px;height:36px;border-radius:10px;background:var(--sub);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0} .star{font-size:36px;cursor:pointer;transition:transform .15s;display:inline-block;filter:grayscale(1) opacity(.4)} .star.lit{filter:none;transform:scale(1.15)} .toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:30px;font-size:13px;font-weight:700;color:#fff;z-index:200;animation:tin .3s ease;white-space:nowrap;pointer-events:none} .toast.success{background:linear-gradient(135deg,#22C55E,#16A34A)} .toast.info{background:linear-gradient(135deg,#4F6EF7,#7C4DFF)} .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center} .empty-icon{font-size:52px;animation:float3d 3.2s ease-in-out infinite} .doodle-layer{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden} .dsvg{position:absolute;fill:none} .dsvg path,.dsvg circle,.dsvg rect,.dsvg polygon{stroke-dasharray:400;stroke-dashoffset:400;animation:drawInFade 2.8s ease forwards;stroke-linecap:round;stroke-linejoin:round} .li-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(10,102,194,.1);border:1.5px solid rgba(10,102,194,.25);cursor:pointer;margin-top:10px} .li-icon{width:28px;height:28px;border-radius:8px;background:#0A66C2;display:flex;align-items:center;justify-content:center;flex-shrink:0} .li-url{font-size:11px;font-weight:600;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .li-hero-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.2);cursor:pointer;font-size:12px;font-weight:800;color:#fff} .del-confirm{padding:16px;border-radius:14px;background:rgba(239,68,68,.08);border:1.5px solid var(--red);margin-top:14px}