:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body {
  min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px;
  color: #eef5ed; background: radial-gradient(circle at top, #213a2b 0, #101713 42%, #080b09 100%);
}
.card { width: min(100%, 430px); padding: 38px; border: 1px solid #34483a; border-radius: 20px; background: rgba(19, 28, 22, .92); box-shadow: 0 24px 70px #0008; }
.brand { display: flex; align-items: center; gap: 11px; color: #b9c8bc; font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.cube { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: #0d170f; background: #75d786; font-size: 18px; letter-spacing: 0; box-shadow: inset -4px -4px #0002; }
.version { margin: 28px 0 8px; color: #75d786; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
h1 { margin: 0 0 8px; font-size: 32px; letter-spacing: -.03em; }
.muted, .hint { color: #9eaea1; line-height: 1.55; }
form { margin-top: 26px; }
label { display: block; margin: 17px 0 7px; color: #c9d4cb; font-size: 14px; font-weight: 650; }
input { width: 100%; padding: 13px 14px; border: 1px solid #415346; border-radius: 9px; outline: none; color: #fff; background: #0d130f; font: inherit; }
input:focus { border-color: #75d786; box-shadow: 0 0 0 3px #75d78622; }
button { width: 100%; margin-top: 24px; padding: 13px; border: 0; border-radius: 9px; color: #0a140c; background: #75d786; font: inherit; font-weight: 800; cursor: pointer; }
button:hover { background: #8be59a; }
.secondary { color: #d8e5da; background: #2d3d31; }
.secondary:hover { background: #3a5040; }
.hint { margin: 20px 0 0; text-align: center; font-size: 12px; }
.error { padding: 11px 13px; border: 1px solid #a94c4c; border-radius: 8px; color: #ffc1c1; background: #4b1f1f; font-size: 14px; }
.success-card { text-align: center; }
.success-card .brand { justify-content: center; }
.check { display: grid; place-items: center; width: 70px; height: 70px; margin: 25px auto 18px; border: 2px solid #75d786; border-radius: 50%; color: #75d786; background: #75d78618; font-size: 38px; }
@media (max-width: 480px) { .card { padding: 27px 22px; } }

/* Lists application shell */
.app-page{display:block;padding:0;background:#0a0e0b}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #29342c;background:rgba(14,20,16,.96)}.app-logo{display:flex;align-items:center;gap:10px;color:#eff7f0;text-decoration:none;font-size:21px;font-weight:800}.app-logo svg,.top-actions svg,.empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.app-logo svg{color:#75d786}.top-actions{display:flex;align-items:center;gap:9px}.version-menu{position:relative}.version-menu summary,.icon-button{height:42px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #344239;border-radius:10px;color:#d8e4da;background:#151d18;cursor:pointer}.version-menu summary{padding:0 13px;list-style:none;font-size:13px;font-weight:800}.version-menu summary::-webkit-details-marker{display:none}.version-menu[open] summary,.version-menu summary:hover,.icon-button:hover{color:#8be59a;border-color:#52705a;background:#1d2921}.version-menu summary svg{width:18px;height:18px}.icon-button{width:42px;padding:0}.icon-button svg{width:20px;height:20px}.changelog{position:absolute;z-index:10;top:52px;right:0;width:min(390px,calc(100vw - 32px));padding:22px;border:1px solid #3c4b40;border-radius:14px;background:#151d18;box-shadow:0 20px 60px #000b}.changelog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.changelog h2{margin:4px 0 0;font-size:21px}.eyebrow{color:#75d786;font-size:11px;font-weight:850;letter-spacing:.16em}.status{padding:5px 8px;border-radius:99px;color:#89e498;background:#75d78618;font-size:11px;font-weight:800}.release-date{margin:6px 0 17px;color:#839287;font-size:12px}.changelog ul{margin:0;padding-left:19px;color:#bdc9bf;font-size:13px;line-height:1.55}.changelog li+li{margin-top:8px}.app-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:74px 0}.app-content h1{margin-top:8px;font-size:clamp(34px,5vw,52px)}.intro{max-width:650px;margin:12px 0 45px;color:#98a69b;font-size:17px;line-height:1.65}.empty-state{padding:60px 24px;border:1px dashed #3b493f;border-radius:18px;text-align:center;background:#101612}.empty-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:14px;color:#75d786;background:#75d78612}.empty-state h2{margin:0 0 7px;font-size:20px}.empty-state p{margin:0;color:#89968c}.list-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#0d170f;background:#75d786;font-size:24px;letter-spacing:0}@media(max-width:600px){.topbar{padding:0 18px}.app-content{width:calc(100% - 36px);padding-top:52px}.version-menu summary span{display:none}}
/* V02 list widgets */
.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.list-widget{position:relative;min-height:260px;padding:26px;border:1px solid #344239;border-radius:18px;color:#eef5ed;background:linear-gradient(145deg,#151d18,#101612);text-align:left;font:inherit;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.list-widget::after{content:"";position:absolute;width:160px;height:160px;right:-70px;top:-70px;border-radius:50%;background:var(--accent,#75d786);opacity:.08;transition:transform .25s,opacity .25s}.list-widget:hover{transform:translateY(-5px);border-color:var(--accent,#75d786);box-shadow:0 18px 45px #0007}.list-widget:hover::after{transform:scale(1.35);opacity:.14}.widget-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:27px;border-radius:13px;color:var(--accent,#75d786);background:color-mix(in srgb,var(--accent,#75d786) 12%,transparent)}.widget-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.widget-label{color:var(--accent,#75d786);font-size:10px;font-weight:850;letter-spacing:.15em}.list-widget h2{margin:7px 0 8px;font-size:23px}.list-widget p{max-width:390px;margin:0;color:#98a69b;line-height:1.55}.widget-action{position:static;display:block;margin-top:22px;color:#cbd7cd;font-size:13px;font-weight:750}.widget-action b{display:inline-block;margin-left:5px;color:var(--accent,#75d786);transition:transform .2s}.list-widget:hover .widget-action b{transform:translateX(5px)}.motor{--accent:#f1a65a}.minecraft{--accent:#75d786}.finance{--accent:#67b8ed}.add-more{--accent:#b794f4;width:100%;margin:0;cursor:pointer}.previous-release{display:flex;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid #344239;color:#849187;font-size:12px}.previous-release strong{color:#b8c5ba}.info-dialog{width:min(430px,calc(100% - 32px));padding:0;border:1px solid #405044;border-radius:18px;color:#eef5ed;background:#151d18;box-shadow:0 30px 90px #000}.info-dialog::backdrop{background:#020403bb;backdrop-filter:blur(4px)}.info-dialog form{position:relative;margin:0;padding:32px}.dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px;margin:0;padding:0;border:1px solid #3b493f;color:#aab6ac;background:#202a23;font-size:24px;line-height:1}.dialog-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;border-radius:14px;color:#b794f4;background:#b794f419;font-size:31px}.info-dialog h2{margin:7px 0 9px;font-size:26px}.info-dialog p:not(.eyebrow){margin:0;color:#a5b2a8;line-height:1.6}.dialog-confirm{margin-top:26px}@media(max-width:720px){.list-grid{grid-template-columns:1fr}.list-widget{min-height:245px}}
/* V03 generated widget imagery */
.widget-image{display:block;width:calc(100% + 52px);height:152px;margin:-26px -26px 22px;object-fit:cover;border-bottom:1px solid #344239;filter:saturate(.88) brightness(.78);transition:transform .4s ease,filter .3s ease}.list-widget:hover .widget-image{transform:scale(1.035);filter:saturate(1.05) brightness(.92)}.list-widget:has(.widget-image){padding-top:26px;min-height:440px;display:flex;flex-direction:column}.list-widget:has(.widget-image) .widget-action{margin-top:auto;padding-top:22px}.list-widget:has(.widget-image)::after{z-index:1}.list-widget:has(.widget-image)>*:not(.widget-image){position:relative;z-index:2}

/* V04 individual application pages */
.widget-action-link{text-decoration:none}.widget-action-link::after{content:"";position:absolute;inset:0;z-index:5}.subapp-page{--app-accent:#75d786}.subapp-version{padding:7px 10px;border:1px solid #3a493e;border-radius:9px;color:var(--app-accent);font-size:12px;font-weight:850}.subapp-content{width:min(900px,calc(100% - 40px));margin:0 auto;padding:50px 0}.back-link{display:inline-flex;margin-bottom:36px;color:#9caaa0;text-decoration:none;font-size:14px}.back-link:hover{color:var(--app-accent)}.wip-panel{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;border:1px solid #344239;border-radius:22px;text-align:center;background:radial-gradient(circle at top,#1b2920,#101612 58%)}.wip-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:25px;border-radius:18px;color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 14%,transparent);font-size:34px}.wip-panel h1{margin:8px 0 15px;font-size:clamp(34px,6vw,54px)}.wip-badge{margin-bottom:25px;padding:7px 10px;border-radius:99px;color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 12%,transparent);font-size:10px;font-weight:850;letter-spacing:.13em}.wip-panel>p:not(.eyebrow):not(.wip-note){margin:0;color:#d6e0d8;font-size:20px}.wip-note{max-width:530px;margin:12px 0 0;color:#87958a;line-height:1.55}

/* V05 Minecraft Modlist */
.mod-app{background:#080d09}.mod-header-title{position:absolute;left:50%;display:flex;align-items:center;gap:9px;transform:translateX(-50%);font-size:14px;font-weight:750}.mod-cube{color:#75d786;font-size:20px}.mod-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 90px}.mod-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px}.mod-toolbar .back-link{margin-bottom:35px}.mod-toolbar h1{margin:7px 0 8px;font-size:clamp(34px,5vw,50px)}.mod-intro{max-width:670px;margin:0;color:#94a197;line-height:1.55}.add-mod-button{width:auto;margin:0;padding:12px 17px;white-space:nowrap}.view-tabs{display:flex;gap:7px;margin:42px 0 22px;padding-bottom:12px;border-bottom:1px solid #29352d}.view-tab{width:auto;margin:0;padding:10px 13px;color:#91a096;background:transparent;font-size:13px}.view-tab:hover,.view-tab.active{color:#e8f1e9;background:#1c2820}.view-tab.active{box-shadow:inset 0 -2px #75d786}.view-tab span{margin-left:5px}.concept-label{padding:3px 5px;border-radius:4px;color:#b69bdc;background:#b794f417;font-size:8px;letter-spacing:.08em}.mods-list{display:grid;gap:13px}.mod-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px;border:1px solid #314037;border-radius:15px;background:#111813;transition:border-color .2s,transform .2s}.mod-row:hover{transform:translateY(-2px);border-color:#4b6252}.mod-row.has-conflict{border-color:#8b6c34;background:linear-gradient(90deg,#231d10,#111813 25%)}.mod-row-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:12px;color:#75d786;background:#1d2b21;font-size:28px;overflow:hidden}.mod-row-icon img{width:100%;height:100%;object-fit:cover}.mod-row-heading{display:flex;align-items:center;gap:10px}.mod-row-heading h2{margin:0;font-size:20px}.warning-badge{padding:5px 7px;border-radius:6px;color:#ffc85c;background:#ffc85c15;font-size:10px;font-weight:850}.mod-description{margin:6px 0 10px;color:#96a299;line-height:1.45}.mod-meta{display:flex;flex-wrap:wrap;gap:5px}.version-chip{padding:4px 7px;border-radius:5px;color:#aebbb1;background:#263129;font-size:10px}.hook-path{margin-top:10px;color:#75d786;font-size:12px}.note-preview{margin-top:9px;padding-left:10px;border-left:2px solid #56655a;color:#849087;font-size:12px;font-style:italic}.mod-row-actions{display:flex;gap:6px}.row-action{width:auto;margin:0;padding:8px 10px;border:1px solid #344239;border-radius:7px;color:#b9c6bc;background:#1b251e;text-decoration:none;font:inherit;font-size:11px;font-weight:750;white-space:nowrap}.row-action:hover{color:#87df96;background:#243228}.row-action.danger:hover{color:#ff8f8f;border-color:#6b3d3d;background:#351c1c}.mods-empty,.hook-empty{padding:75px 25px;border:1px dashed #354239;border-radius:16px;text-align:center;background:#101612}.mods-empty>div{color:#75d786;font-size:42px}.mods-empty h2,.hook-empty h2{margin:14px 0 7px}.mods-empty p,.hook-empty p{margin:0 0 23px;color:#87948a}.hook-explanation{margin-bottom:18px;padding:17px 19px;border:1px solid #3c4b40;border-radius:12px;color:#c4cfc6;background:#172019}.hook-explanation p{margin:5px 0 0;color:#8d9a90;font-size:13px}.hook-list{display:grid;gap:11px}.hook-group{padding:18px;border:1px solid #344239;border-radius:13px;background:#111813}.hook-group.conflict{border-color:#8b6c34;background:#211b0f}.hook-group-header{display:flex;align-items:center;gap:10px}.hook-tree-icon{color:#75d786;font-size:19px}.hook-group.conflict .hook-tree-icon{color:#ffc85c}.hook-count{margin-left:auto;padding:4px 7px;border-radius:99px;color:#96a49a;background:#263129;font-size:10px}.conflict-count{color:#ffc85c;background:#ffc85c14}.hook-mods{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0 29px}.hook-mods span{padding:6px 9px;border-radius:6px;color:#cad4cc;background:#222d25;font-size:12px}.conflict-message{margin:13px 0 0 29px;color:#d9ad59;font-size:12px}.mod-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100vh - 32px);padding:0;border:1px solid #425246;border-radius:18px;color:#eef5ed;background:#141c17;box-shadow:0 30px 90px #000}.mod-dialog::backdrop{background:#020503d9;backdrop-filter:blur(4px)}.mod-dialog form{margin:0;padding:27px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.modal-head h2{margin:5px 0 0;font-size:27px}.mod-dialog .dialog-close{position:static;flex:none}.mod-dialog label{margin-top:16px}.mod-dialog input,.mod-dialog textarea{width:100%;padding:12px 13px;border:1px solid #415046;border-radius:8px;outline:none;color:#eef5ed;background:#0d130f;font:inherit;resize:vertical}.mod-dialog input:focus,.mod-dialog textarea:focus{border-color:#75d786;box-shadow:0 0 0 3px #75d78618}.api-search{position:relative;padding:18px;border:1px solid #38503e;border-radius:12px;background:#101a13}.api-search label{margin-top:0}.search-box{position:relative}.search-box input{padding-right:40px}.search-box span{position:absolute;right:14px;top:11px;color:#75d786}.search-results{position:absolute;z-index:20;top:89px;left:18px;right:18px;max-height:300px;overflow:auto;border:1px solid #435448;border-radius:10px;background:#172019;box-shadow:0 18px 45px #000b}.search-result{width:100%;margin:0;padding:10px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #2c3930;border-radius:0;color:#e4ece5;background:transparent;text-align:left}.search-result:hover{background:#223027}.search-result-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:8px;background:#243128;overflow:hidden}.search-result-icon img{width:100%;height:100%;object-fit:cover}.search-result-copy{display:grid;gap:3px}.search-result-copy small{color:#8f9c92;font-weight:400}.no-results{margin:0;padding:15px;color:#93a096}.field-help{margin:6px 0 0;color:#79867c;font-size:11px}.form-grid{display:grid;grid-template-columns:190px 1fr;gap:20px}.icon-picker{height:106px;display:flex;align-items:center;gap:10px}.icon-preview{width:84px;height:84px;display:grid;place-items:center;flex:none;border:1px dashed #506055;border-radius:13px;color:#75d786;background:#101612;font-size:30px;overflow:hidden}.icon-preview img{width:100%;height:100%;object-fit:cover}.upload-button{margin:0!important;padding:9px 10px;border:1px solid #3d4c42;border-radius:7px;cursor:pointer;font-size:11px}.upload-button:hover{border-color:#75d786}.form-error{margin-top:18px;padding:10px;border:1px solid #864343;border-radius:8px;color:#ffb0b0;background:#3c1b1b;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.modal-actions button{width:auto;margin:0;padding:11px 16px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;padding:11px 15px;border:1px solid #526359;border-radius:9px;color:#eaf2eb;background:#1d2821;box-shadow:0 10px 35px #0009;opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.mod-row{grid-template-columns:58px 1fr}.mod-row-icon{width:58px;height:58px}.mod-row-actions{grid-column:2;flex-wrap:wrap}.mod-header-title{display:none}}
@media(max-width:620px){.mod-toolbar{align-items:start;flex-direction:column}.mod-toolbar .add-mod-button{width:100%}.form-grid{grid-template-columns:1fr}.mod-row{grid-template-columns:1fr}.mod-row-icon{width:64px;height:64px}.mod-row-actions{grid-column:1}.view-tabs{overflow-x:auto}.mod-dialog form{padding:20px}.hook-group-header{align-items:start}.hook-count{white-space:nowrap}}