*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(180deg,#182f4a,#1a3555 8%,#1d4070 20%,#1e4878 35%,#1e4878 65%,#215080 80%,#255690 92%,#2d5e9e);min-height:100vh;color:#fff}header{text-align:center;padding:70px 20px 40px}.header-badge{display:inline-block;background:#a8d8f01f;border:1px solid rgba(168,216,240,.35);color:#a8d8f0;padding:5px 16px;border-radius:20px;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}header h1{font-size:3.4rem;letter-spacing:2px;text-shadow:0 2px 16px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#a8d8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header>p{margin-top:12px;font-size:1.05rem;opacity:.75;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.header-nav{display:flex;justify-content:center;gap:28px;margin-top:28px;flex-wrap:wrap}.header-nav a{color:#fff9;text-decoration:none;font-size:.88rem;letter-spacing:.5px;transition:color .2s;padding-bottom:2px;border-bottom:1px solid transparent}.header-nav a:hover{color:#fff;border-bottom-color:#fff6}.section-label{text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:2.5px;opacity:.45;margin-bottom:10px}.section-title{text-align:center;font-size:1.7rem;font-weight:700;margin-bottom:6px}.section-sub{text-align:center;opacity:.55;font-size:.92rem;margin-bottom:32px}.models-section{max-width:1100px;margin:0 auto;padding:20px 20px 70px}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.model-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-top:3px solid;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,background .2s}.model-card:hover{transform:translateY(-4px);background:#ffffff24}.model-header{display:flex;align-items:flex-start;gap:14px}.model-icon{font-size:2rem;flex-shrink:0;margin-top:2px}.model-title{display:flex;flex-direction:column;gap:2px}.model-tier{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.model-name{font-size:1.15rem;font-weight:700;line-height:1.2}.model-id{font-size:.65rem;opacity:.4;font-family:Cascadia Code,Fira Code,Consolas,monospace;letter-spacing:.3px}.model-desc{font-size:.88rem;line-height:1.65;opacity:.85}.model-meta{display:flex;gap:12px;flex-wrap:wrap}.model-stat{display:flex;flex-direction:column;gap:1px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 14px;font-size:.85rem;font-weight:600}.model-stat-label{font-size:.62rem;opacity:.5;text-transform:uppercase;letter-spacing:.8px;font-weight:400;display:block}.model-strengths{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:2px}.model-strengths li{font-size:.82rem;opacity:.75;padding-left:14px;position:relative;line-height:1.4}.model-strengths li:before{content:"›";position:absolute;left:0;opacity:.5}.skills-section{max-width:1100px;margin:0 auto;padding:20px 20px 70px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.skill-card{background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:background .2s,transform .2s}.skill-card:hover{background:#ffffff1a;transform:translateY(-2px)}.skill-card-wide{grid-column:1 / -1}.skill-header{display:flex;align-items:flex-start;gap:14px}.skill-icon{font-size:1.9rem;flex-shrink:0;margin-top:2px}.skill-header h3{font-size:1.05rem;font-weight:700;margin-bottom:4px}.skill-header p{font-size:.8rem;opacity:.6;line-height:1.5}.skill-body{display:flex;flex-direction:column;gap:10px;flex:1}.col-label{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;display:flex;align-items:center;gap:10px}.skill-input{width:100%;background:#00000047;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:11px 15px;color:#fff;font-size:.88rem;resize:vertical;font-family:inherit;transition:border-color .2s}.skill-input::placeholder{color:#ffffff47}.skill-input:focus{outline:none;border-color:#a8d8f080}.skill-input.mono{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.78rem}.sample-btn{background:#a8d8f01a;border:1px solid rgba(168,216,240,.3);color:#a8d8f0;padding:2px 10px;border-radius:8px;cursor:pointer;font-size:.68rem;letter-spacing:.3px;transition:all .2s;white-space:nowrap}.sample-btn:hover{background:#a8d8f033}.analysis-results{display:flex;flex-direction:column;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#00000038;border-radius:12px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:3px}.stat-num{font-size:1.35rem;font-weight:700;color:#a8d8f0;letter-spacing:-.5px}.stat-label{font-size:.65rem;opacity:.55;text-transform:uppercase;letter-spacing:.5px}.meta-row{display:flex;gap:8px;flex-wrap:wrap}.meta-pill{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:4px 12px;font-size:.76rem}.meta-pill.small{font-size:.68rem;padding:2px 8px}.top-words{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:.78rem}.top-words-label{opacity:.5;font-size:.72rem}.word-chip{background:#a8d8f01f;border:1px solid rgba(168,216,240,.25);border-radius:10px;padding:2px 9px;font-size:.75rem;color:#c8e8f8}.word-chip em{opacity:.55;font-style:normal;font-size:.7rem}.json-body{display:flex;flex-direction:row;gap:14px;flex:1}.json-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.json-output{background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 15px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.76rem;color:#a8d8f0;overflow-y:auto;max-height:260px;white-space:pre;flex:1;line-height:1.55}.json-error{background:#ff3c3c1f;border:1px solid rgba(255,80,80,.3);border-radius:12px;padding:11px 15px;font-size:.8rem;color:#f99;line-height:1.5}.md-body{display:flex;flex-direction:row;gap:14px;flex:1}.md-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.md-preview{background:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 20px;overflow-y:auto;max-height:340px;font-size:.87rem;line-height:1.65;flex:1}.md-preview h1,.md-preview h2,.md-preview h3{color:#a8d8f0;margin:14px 0 6px}.md-preview h1:first-child,.md-preview h2:first-child,.md-preview h3:first-child{margin-top:0}.md-preview h1{font-size:1.4rem}.md-preview h2{font-size:1.1rem}.md-preview h3{font-size:.95rem}.md-preview p{margin:5px 0}.md-preview ul{margin:6px 0 6px 18px}.md-preview li{margin:3px 0}.md-preview code{background:#a8d8f021;padding:1px 5px;border-radius:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.84em;color:#a8d8f0}.md-preview pre{background:#0000004d;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.md-preview pre code{background:none;padding:0}.md-preview blockquote{border-left:3px solid rgba(168,216,240,.4);padding-left:12px;opacity:.75;margin:8px 0}.md-preview hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:12px 0}.preset-row{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#ffffffb3;padding:4px 13px;border-radius:12px;cursor:pointer;font-size:.78rem;transition:all .2s;font-family:inherit}.preset-btn:hover,.preset-btn.active{background:#ffffff2e;border-color:#ffffff73;color:#fff}.palette-row{display:flex;gap:8px;flex-wrap:wrap}.swatch{flex:1;min-width:72px;height:90px;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 10px;overflow:hidden;transition:transform .15s}.swatch:hover{transform:scale(1.04)}.swatch-label{font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch-hex{font-size:.6rem;color:#fffc;font-family:Cascadia Code,Fira Code,monospace;text-shadow:0 1px 3px rgba(0,0,0,.7)}.clouds-section{max-width:1100px;margin:0 auto;padding:20px 0 70px}.filter-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 20px 30px}.filter-btn{padding:7px 18px;border:2px solid rgba(255,255,255,.5);border-radius:20px;background:transparent;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s;font-family:inherit}.filter-btn:hover,.filter-btn.active{background:#ffffff38;border-color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:0 20px}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:24px;transition:transform .2s,background .2s}.card:hover{transform:translateY(-4px);background:#ffffff2e}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.icon{font-size:2rem}.card h2{font-size:1.15rem;font-weight:600}.altitude-badge{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:10px;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-high{background:#4a5fa0}.badge-mid{background:#2e7a60}.badge-low{background:#6a4420}.badge-multi{background:#6a2a6a}.badge-special{background:#6a5a10}.dc-title{display:flex;flex-direction:column;gap:1px;min-width:0}.dc-fullname{font-size:.68rem;opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-tier{margin-left:auto;padding:2px 9px;border-radius:20px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border:1px solid;white-space:nowrap;flex-shrink:0}.dc-joke{font-size:.78rem;opacity:.58;font-style:italic;border-top:1px solid rgba(255,255,255,.1);padding-top:9px;margin-top:2px;line-height:1.5}.card p{font-size:.9rem;line-height:1.6;opacity:.88}.fact{margin-top:12px;font-size:.8rem;opacity:.65;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}.joke-section{max-width:1100px;margin:0 auto;padding:20px 20px 70px}.joke-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.joke-card{background:#00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-left:4px solid;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,background .2s}.joke-card:hover{transform:translateY(-3px);background:#0000006b}.joke-card-header{display:flex;align-items:center;gap:12px}.joke-icon{font-size:1.8rem;flex-shrink:0}.joke-title-block{display:flex;flex-direction:column;gap:1px}.joke-short{font-size:1.15rem;font-weight:700;line-height:1.2}.joke-fullname{font-size:.7rem;opacity:.45}.joke-tier{margin-left:auto;padding:3px 10px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;white-space:nowrap;flex-shrink:0}.joke-type{font-size:.72rem;opacity:.42;font-style:italic}.joke-desc{font-size:.86rem;line-height:1.65;opacity:.82}.joke-incident{font-size:.78rem;opacity:.68;background:#ffffff0d;border-radius:8px;padding:8px 12px;line-height:1.55}.joke-joke{font-size:.78rem;opacity:.6;font-style:italic;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;line-height:1.5}.upload-wrapper{max-width:800px;margin:0 auto;padding:20px 20px 70px}.upload-section{margin-top:10px}.upload-box{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.35);border-radius:16px;padding:30px;text-align:center;transition:background .2s,border-color .2s;cursor:pointer}.upload-box.drag-over{background:#ffffff2e;border-color:#fff}.upload-box input[type=file]{display:none}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon{font-size:2.5rem}.upload-hint{font-size:.82rem;opacity:.55;margin-top:4px}.preview-area{margin-top:20px}.preview-area img{width:100%;max-height:420px;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.18);display:block}.preview-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.82rem;opacity:.7;flex-wrap:wrap;gap:8px}.clear-btn{background:#ff505040;border:1px solid rgba(255,100,100,.4);color:#fff;padding:4px 14px;border-radius:12px;cursor:pointer;font-size:.78rem;transition:background .2s;font-family:inherit}.clear-btn:hover{background:#ff505073}.identify-btn{display:block;margin:14px auto 0;padding:10px 28px;background:#ffffff24;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:20px;cursor:pointer;font-size:.92rem;transition:background .2s;font-family:inherit}.identify-btn:hover{background:#ffffff42}.identify-result{margin-top:14px;padding:14px 18px;background:#00000047;border-radius:12px;font-size:.9rem;line-height:1.6}.identify-result strong{color:#a8d8f0}.identify-result .fact{margin-top:10px;font-size:.8rem;opacity:.65;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}footer{text-align:center;padding:24px 20px;font-size:.78rem;opacity:.4;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 640px){header h1{font-size:2.2rem}.json-body,.md-body{flex-direction:column}.stat-grid{grid-template-columns:repeat(2,1fr)}.joke-card-header{flex-wrap:wrap}.joke-tier{margin-left:0}}