.analyzer-wrapper{flex-direction:column;gap:1.5rem;max-width:900px;margin:2rem auto 4rem;display:flex}.companion-nudge{background:color-mix(in srgb, var(--color-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 15%, var(--color-hairline));width:fit-content;color:var(--color-body);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;transition:all .2s;display:inline-flex}.companion-nudge:hover{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.companion-nudge svg{color:var(--color-accent);flex-shrink:0}.companion-nudge a{color:var(--color-accent);font-weight:600;text-decoration:none}.companion-nudge a:hover{text-decoration:underline}.hero-panel{padding:2rem;position:relative;overflow:hidden}.hero-panel:before{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-success), var(--color-accent));background-size:200% 100%;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.hero-top{align-items:flex-start;gap:2.5rem;display:flex}@media (width<=768px){.hero-top{flex-direction:column;align-items:center}}.entropy-ring-container{text-align:center;flex-shrink:0;position:relative}.entropy-ring{width:160px;height:160px;filter:drop-shadow(0 0 12px var(--color-accent))}.ring-bg{fill:none;stroke:var(--color-surface);stroke-width:8px}.ring-fill{fill:none;stroke:var(--color-mute);stroke-width:8px;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73px;transform-origin:50%;filter:drop-shadow(0 0 8px);transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1),stroke .5s;transform:rotate(-90deg)}.ring-bits{fill:var(--color-ink);font-size:34px;font-weight:800;font-family:var(--font-mono)}.ring-label{fill:var(--color-mute);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.ring-tier{color:var(--color-mute);text-transform:uppercase;letter-spacing:.1em;margin-top:.875rem;font-size:.82rem;font-weight:700;transition:all .3s}.ring-tier.tier-red{color:#ef4444;text-shadow:0 0 12px #ef444466}.ring-tier.tier-yellow{color:#f59e0b;text-shadow:0 0 12px #f59e0b66}.ring-tier.tier-green{color:#22c55e;text-shadow:0 0 12px #22c55e66}.ring-tier.tier-purple{color:#a855f7;text-shadow:0 0 12px #a855f766}.hero-right{flex:1;min-width:0}.input-group{margin-bottom:.75rem;position:relative}#password-input{background:var(--color-canvas);border:2px solid var(--color-hairline-strong);border-radius:var(--radius-lg);width:100%;font-size:1.35rem;font-family:var(--font-mono);color:var(--color-ink);box-sizing:border-box;outline:none;padding:1rem 5rem 1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}#password-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 15%, transparent), 0 4px 12px #0000000d}#password-input::placeholder{color:var(--color-mute);font-family:var(--font-sans);font-weight:400}.input-actions{gap:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-actions button{color:var(--color-mute);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.input-actions button:hover{color:var(--color-ink);background:var(--color-surface)}.input-actions button.clear-btn{opacity:0;pointer-events:none;transition:opacity .2s}.input-actions button.clear-btn.visible{opacity:1;pointer-events:auto}.char-count-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.char-count{color:var(--color-mute);font-size:.75rem;font-weight:700;font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);padding:.2rem .5rem}.char-type-pills{flex-wrap:wrap;gap:.35rem;display:flex}.char-pill{letter-spacing:.03em;border:1px solid #0000;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;transition:all .2s}.char-pill.upper{color:#2563eb;background:#dbeafe;border-color:#bfdbfe}.char-pill.lower{color:#374151;background:#e5e7eb;border-color:#d1d5db}.char-pill.digit{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.char-pill.symbol{color:#dc2626;background:#fee2e2;border-color:#fecaca}.char-pill.space{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.sample-passwords{border-top:1px solid var(--color-hairline);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.sample-label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700}.sample-btn{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:.78rem;font-family:var(--font-mono);color:var(--color-ink);cursor:pointer;padding:.35rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.sample-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.meter-wrapper{gap:.35rem;height:8px;margin-bottom:1rem;display:flex}.meter-segment{background:var(--color-surface);border-radius:var(--radius-pill);flex:1;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.meter-segment:after{content:"";background:inherit;border-radius:inherit;opacity:0;transition:opacity .3s;position:absolute;inset:0}.score-0 .meter-segment#seg-1{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466}.score-1 .meter-segment#seg-1,.score-1 .meter-segment#seg-2{background:linear-gradient(90deg,#f97316,#ea580c);box-shadow:0 0 8px #f973164d}.score-2 .meter-segment#seg-1,.score-2 .meter-segment#seg-2,.score-2 .meter-segment#seg-3{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b4d}.score-3 .meter-segment#seg-1,.score-3 .meter-segment#seg-2,.score-3 .meter-segment#seg-3,.score-3 .meter-segment#seg-4{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e4d}.score-4 .meter-segment#seg-1,.score-4 .meter-segment#seg-2,.score-4 .meter-segment#seg-3,.score-4 .meter-segment#seg-4{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98180}.score-label-wrapper{align-items:center;gap:.75rem;display:flex}.score-label{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1.25rem;font-weight:800;transition:all .3s}.score-label.mute{color:var(--color-mute)}.score-label.score-0{color:#ef4444}.score-label.score-1{color:#f97316}.score-label.score-2{color:#f59e0b}.score-label.score-3{color:#22c55e}.score-label.score-4{color:#10b981}.common-alert-card{padding:0}.common-alert{border-radius:var(--radius-lg);align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.common-alert.level-critical{color:#dc2626;background:#dc262626;border:1px solid #dc26264d}.common-alert.level-warning{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.patterns-body{flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;display:flex}.pattern-badge{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pattern-badge.token{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-mono);border-color:var(--color-hairline)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.card-header{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);align-items:center;gap:.6rem;padding:1.25rem 1.5rem;display:flex}.card-header svg{color:var(--color-accent);flex-shrink:0}.card-header h2{margin:0;font-size:.95rem;font-weight:700}.stats-list{flex-direction:column;display:flex}.stat-row{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:background .2s;display:flex}.stat-row:hover{background:var(--color-canvas-soft)}.stat-row:last-child{border-bottom:none}.stat-row strong{color:var(--color-ink);margin-bottom:.2rem;font-size:.9rem;display:block}.stat-row p{color:var(--color-mute);margin:0;font-size:.75rem;line-height:1.4}.stat-value{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-hairline);white-space:nowrap;padding:.35rem .75rem;font-size:.95rem;font-weight:700;transition:all .3s}.stat-row:hover .stat-value{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 10%, transparent)}.feedback-content{padding:1.5rem}.feedback-content.empty-state{text-align:center;color:var(--color-mute);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;display:flex}.feedback-content.empty-state p{max-width:250px;margin:0;font-size:.9rem;line-height:1.5}.warning-alert{color:#dc2626;border-radius:var(--radius-md);background:linear-gradient(135deg,#dc26261f,#dc26260f);border:1px solid #dc262640;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 2px 8px #dc26261a}.suggestion-item{color:var(--color-body);background:var(--color-canvas-soft);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.88rem;line-height:1.5;display:flex}.suggestion-icon{color:var(--color-accent);flex-shrink:0;margin-top:.15rem}.hardware-row{align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.hardware-select-wrap{flex:1}.hardware-select{background:var(--color-canvas);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);width:100%;color:var(--color-ink);font-size:.88rem;font-family:var(--font-sans);cursor:pointer;padding:.75rem 1rem;transition:all .2s}.hardware-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.hardware-result{flex-shrink:0}.breach-body{padding:1.25rem 1.5rem}#val-pwned{background:0 0;border:none;padding:0;font-size:.88rem;font-weight:500}#val-pwned.safe{color:var(--color-success);font-weight:600}#val-pwned.breached{color:var(--color-error);font-weight:600}#val-pwned.checking{color:var(--color-mute)}#val-pwned.checking:after{content:"";border:2px solid var(--color-mute);vertical-align:middle;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.policy-toggles{flex-direction:column;gap:.875rem;padding:1rem 1.5rem;display:flex}.policy-toggle{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:.875rem;padding:.6rem .75rem;transition:background .2s;display:flex}.policy-toggle:hover{background:var(--color-canvas-soft)}.policy-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer;border-radius:4px}.policy-name{color:var(--color-ink);font-size:.9rem;font-weight:600}.policy-desc{color:var(--color-mute);margin-top:.1rem;font-size:.75rem}.custom-policy-config{background:var(--color-surface);border-top:1px solid var(--color-hairline);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:flex}.custom-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.custom-row label{color:var(--color-body);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.custom-input{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-canvas);width:70px;color:var(--color-ink);padding:.4rem .6rem;font-size:.88rem;transition:all .2s}.custom-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.policy-checklist{flex-direction:column;gap:.5rem;padding:.75rem 1.5rem;display:flex}.policy-check-item{align-items:center;gap:.6rem;padding:.3rem 0;font-size:.85rem;display:flex}.policy-check-item .check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.policy-check-item .check-icon.pass{color:#16a34a;background:#dcfce7;box-shadow:0 0 0 2px #dcfce7}.policy-check-item .check-icon.fail{color:#dc2626;background:#fee2e2;box-shadow:0 0 0 2px #fee2e2}.policy-check-item.pass{color:var(--color-success)}.policy-check-item.fail{color:var(--color-error)}.policy-result{padding:.75rem 1.5rem 1.25rem}.policy-badge{border-radius:999px;align-items:center;gap:.4rem;padding:.4rem 1.1rem;font-size:.82rem;font-weight:700;transition:all .3s;display:inline-flex}.policy-badge.pass{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 2px 8px #16a34a26}.policy-badge.fail{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 8px #dc262626}.hardening-body{padding:1.25rem 1.5rem}.hardening-suggestion{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);margin-bottom:.875rem;padding:1.1rem;transition:all .2s}.hardening-suggestion:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000d}.hardening-suggestion p{color:var(--color-body);margin:0 0 .875rem;font-size:.88rem;line-height:1.5}.hardening-suggestion code{font-family:var(--font-mono);background:var(--color-canvas);border-radius:var(--radius-md);color:var(--color-accent);word-break:break-all;border:1px solid var(--color-hairline);padding:.25rem .6rem;font-size:.85rem;display:inline-block}.hardening-actions{gap:.5rem;margin-top:.75rem;display:flex}.btn-sm{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-sm.primary{background:var(--color-accent);color:#fff}.btn-sm.primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-sm.secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-hairline)}.btn-sm.secondary:hover{background:var(--color-hairline);transform:translateY(-1px)}.action-row{flex-wrap:wrap;gap:.75rem;display:flex}.action-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-hairline);align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.action-btn:hover{background:var(--color-hairline);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.action-btn:active{transform:translateY(0)}.action-btn.copied{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:0 2px 8px #22c55e4d}.share-panel-card{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 5%, transparent), color-mix(in srgb, var(--color-accent) 2%, transparent));border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-hairline));padding:1.75rem 2rem;position:relative;overflow:hidden}.share-panel-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 3%, transparent) 0%, transparent 70%);width:200%;height:200%;animation:4s ease-in-out infinite pulse-bg;position:absolute;top:-50%;left:-50%}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:1}}.share-header{z-index:1;margin-bottom:1.25rem;position:relative}.share-header h3{color:var(--color-ink);justify-content:center;align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:1.05rem;font-weight:700;display:flex}.share-header p{color:var(--color-mute);margin:0;font-size:.85rem}.share-actions-row{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex;position:relative}.share-native-btn{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;height:42px;padding:0 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.share-native-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.social-links-container{flex-wrap:wrap;gap:.5rem;display:flex}.social-share-btn{border-radius:999px;justify-content:center;align-items:center;height:40px;padding:0 1.2rem;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #0000001f;color:#fff!important;text-decoration:none!important}.social-share-btn span{pointer-events:none;color:#fff!important}.social-share-btn:hover{opacity:1;filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.social-share-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}.social-share-btn.tw{background:#0f1419}.social-share-btn.tw:hover{background:#1a1f25}.social-share-btn.li{background:#0a66c2}.social-share-btn.li:hover{background:#0c7dda}.social-share-btn.wa{background:#25d366}.social-share-btn.wa:hover{background:#2bdf73}.social-share-btn.rd{background:#ff4500}.social-share-btn.rd:hover{background:#ff5722}.learning-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=768px){.learning-grid{grid-template-columns:1fr}}.learning-card{text-align:center;padding:1.75rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.learning-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.learning-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 8%, transparent));width:52px;height:52px;color:var(--color-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.1rem;display:inline-flex}.learning-card h3{color:var(--color-ink);margin:0 0 .875rem;font-size:1rem;font-weight:700}.learning-card p{color:var(--color-body);margin:0;font-size:.85rem;line-height:1.7}.cta-card{color:var(--color-accent);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 5%, transparent), transparent);border:1px solid color-mix(in srgb, var(--color-accent) 15%, var(--color-hairline));align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.cta-card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px color-mix(in srgb, var(--color-accent) 10%, transparent)}.cta-card svg{flex-shrink:0}.cta-card p{color:var(--color-body);margin:0;font-size:.92rem;line-height:1.5}.cta-card a{color:var(--color-accent);border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:border-color .2s}.cta-card a:hover{border-bottom-color:var(--color-accent)}