:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: radial-gradient(circle at 10% 10%, rgba(81, 161, 255, .26), transparent 24%), radial-gradient(circle at 90% 12%, rgba(90, 220, 185, .2), transparent 22%), radial-gradient(circle at 70% 75%, rgba(255, 189, 91, .12), transparent 18%), linear-gradient(140deg, #edf2f8 0%, #f8fbfe 48%, #eef4fa 100%);--text-main: #102033;--text-muted: #607488;--hero-surface: linear-gradient(135deg, rgba(10, 38, 74, .74), rgba(12, 118, 96, .62)), linear-gradient(160deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .02));--hero-border: rgba(255, 255, 255, .36);--hero-text: #f7fbff;--panel-bg: rgba(255, 255, 255, .52);--panel-border: rgba(255, 255, 255, .32);--panel-shadow: 0 24px 48px rgba(24, 52, 84, .12);--panel-highlight: rgba(255, 255, 255, .42);--chip-bg: rgba(255, 255, 255, .54);--chip-text: #284865;--generated-bg: linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .18));--generated-border: rgba(255, 255, 255, .3);--token-color: #0b7063;--token-hover: #084f47;--field-bg: rgba(255, 255, 255, .52);--field-border: rgba(255, 255, 255, .42);--field-focus: rgba(48, 120, 212, .18);--subtle-surface: rgba(255, 255, 255, .28);--theme-btn-bg: rgba(255, 255, 255, .16);--theme-btn-border: rgba(255, 255, 255, .22);--accent-sky: rgba(93, 156, 255, .18);--accent-mint: rgba(71, 207, 159, .16);--accent-sun: rgba(255, 183, 77, .18)}:root[data-theme=dark]{color-scheme:dark;--page-bg: radial-gradient(circle at 12% 10%, rgba(51, 101, 186, .3), transparent 22%), radial-gradient(circle at 90% 14%, rgba(18, 145, 117, .22), transparent 18%), radial-gradient(circle at 65% 80%, rgba(163, 91, 255, .12), transparent 14%), linear-gradient(140deg, #07111c 0%, #0a1420 42%, #0e1725 100%);--text-main: #edf4fb;--text-muted: #9bb0c4;--hero-surface: linear-gradient(135deg, rgba(15, 34, 61, .76), rgba(9, 92, 83, .66)), linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .01));--hero-border: rgba(255, 255, 255, .1);--hero-text: #f4f8ff;--panel-bg: rgba(10, 20, 33, .46);--panel-border: rgba(255, 255, 255, .08);--panel-shadow: 0 26px 50px rgba(2, 8, 16, .42);--panel-highlight: rgba(255, 255, 255, .08);--chip-bg: rgba(21, 36, 54, .64);--chip-text: #bfd0e3;--generated-bg: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .03));--generated-border: rgba(255, 255, 255, .08);--token-color: #72d9c2;--token-hover: #9cf5df;--field-bg: rgba(255, 255, 255, .04);--field-border: rgba(255, 255, 255, .08);--field-focus: rgba(93, 164, 255, .24);--subtle-surface: rgba(255, 255, 255, .03);--theme-btn-bg: rgba(255, 255, 255, .05);--theme-btn-border: rgba(255, 255, 255, .1);--accent-sky: rgba(93, 156, 255, .14);--accent-mint: rgba(71, 207, 159, .12);--accent-sun: rgba(255, 183, 77, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-main);background:var(--page-bg);transition:background-color .25s ease,color .25s ease}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;filter:blur(30px);opacity:.8}body:before{top:4rem;left:-4rem;width:14rem;height:14rem;border-radius:999px;background:#569dff2e}body:after{right:-3rem;bottom:10rem;width:16rem;height:16rem;border-radius:999px;background:#43d1ad24}button,input,select{font:inherit}.appShell{position:relative;z-index:1;min-height:100vh}.heroBar{padding:.75rem 0 0}.heroCard{position:relative;overflow:hidden;border:1px solid var(--hero-border);border-radius:30px;padding:1.55rem 1.55rem 1.35rem;background:var(--hero-surface);color:var(--hero-text);box-shadow:var(--panel-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.heroCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 24%);pointer-events:none}.heroTopRow{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.heroEyebrow{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ebf3ffc2}.heroBody{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center}.heroBrand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center}.heroLogoWrap{flex-shrink:0;width:7.5rem;height:7.5rem;border-radius:24px;padding:.55rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.heroLogo{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px}.heroCopy{min-width:0}.heroTitle{margin:0;font-size:clamp(1.95rem,3.4vw,3.25rem);line-height:.96;font-weight:800}.heroSubtitle{margin-top:.75rem;max-width:45rem;color:#f2f7ffdb}.heroStat{min-width:14rem;padding:.95rem 1rem;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.heroStatValue,.heroStatLabel{display:block}.heroStatValue{font-size:1rem;font-weight:700}.heroStatLabel{margin-top:.15rem;font-size:.84rem;color:#f2f7ffc2}.heroPills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;position:relative;z-index:1}.heroPills span{display:inline-flex;align-items:center;padding:.42rem .75rem;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);color:#f5f9ffeb;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.themeToggle{border:1px solid var(--theme-btn-border);border-radius:999px;background:var(--theme-btn-bg);color:var(--hero-text);padding:.55rem .9rem;font-size:.88rem;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bentoGrid{display:grid;grid-template-columns:1.05fr 1.2fr .75fr;gap:1rem;align-items:stretch}.bentoTile{min-width:0}.bentoColumnStack{display:grid;gap:1rem;height:100%}.bentoTileWide{grid-column:span 2}.bentoTileTall{grid-row:span 2}.panelCard{position:relative;border-radius:26px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.glassPanel:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:25px;background:linear-gradient(180deg,var(--panel-highlight),rgba(255,255,255,.01));pointer-events:none}.panelInner{position:relative;z-index:1;padding:1rem}.panelInnerLarge{padding:1rem 1rem 1.1rem}.panelBadge{font-weight:700;color:var(--chip-text)!important;background:var(--chip-bg)!important}.panelKicker{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .68rem;background:var(--chip-bg);color:var(--chip-text);font-size:.76rem;font-weight:700}.sectionTitle{margin:0;font-size:1.02rem;font-weight:700;color:var(--text-main)}.sectionText{color:var(--text-muted);font-size:.92rem}.form-label{margin-bottom:.4rem;color:var(--text-main);font-size:.84rem;font-weight:600}.form-select,.form-control{border-radius:14px;min-height:2.85rem;border:1px solid var(--field-border);background-color:var(--field-bg);color:var(--text-main);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-select:focus,.form-control:focus{border-color:transparent;box-shadow:0 0 0 .2rem var(--field-focus);background-color:var(--field-bg);color:var(--text-main)}.form-range{margin-top:.4rem}.filterHint{margin-top:.15rem;font-size:.82rem;color:var(--text-muted)}.compactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.controlBlock{padding:.85rem;border-radius:18px;background:var(--subtle-surface);border:1px solid var(--generated-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controlWide{grid-column:1 / -1}.countPill{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-size:.84rem;font-weight:700}.actionRow{display:flex;flex-wrap:wrap;gap:.65rem}.actionRow .btn{border-radius:14px;padding:.78rem 1rem;font-weight:600}.requestMeta{display:flex;flex-wrap:wrap;gap:.45rem}.requestMeta span,.chip,.insightStrip span{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .68rem;background:var(--chip-bg);color:var(--chip-text);font-size:.77rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.emptyState{border:1px dashed var(--generated-border);border-radius:20px;padding:1.7rem;text-align:center;background:var(--generated-bg);color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.emptyState h3{font-size:1rem;color:var(--text-main)}.titleBentoList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.generatedCard{border:1px solid var(--generated-border);border-radius:20px;padding:1rem;background:var(--generated-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.generatedCard:hover{transform:translateY(-2px);box-shadow:0 18px 30px #152d4a14}.resultLabel{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.generatedTitle{font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.42;color:var(--text-main)}.tokenButton{display:inline;border:0;padding:0;margin:0;background:none;color:var(--token-color);font-weight:700;text-decoration:underline;text-decoration-color:#5ab09f57;text-underline-offset:.16em}.tokenButton:hover{color:var(--token-hover)}.metaChips{display:flex;flex-wrap:wrap;gap:.45rem}.listGroupFlush{display:grid;gap:.75rem}.favoriteItem{border:1px solid var(--generated-border);border-radius:18px!important;background:var(--generated-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.favoriteTitleButton{border:0;padding:0;background:none;text-align:left;color:var(--text-main);font-weight:600}.historyList{display:grid;gap:.8rem;padding-left:1.1rem}.historyList li{color:var(--text-muted)}.historyTitle{display:block;font-weight:600;color:var(--text-main)}.historyMeta{display:inline-block;margin-top:.2rem;font-size:.82rem;color:var(--text-muted)}.summaryPanel{overflow:hidden}.summaryStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}.summaryStat{display:flex;flex-direction:column;justify-content:center;min-height:8.5rem;padding:1rem;border-radius:22px;border:1px solid var(--generated-border);background:var(--generated-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summaryStats .summaryStatsummary{display:none}.summaryStats .summaryStatsky,.summaryStats .summaryStatmint,.summaryStats .summaryStatsun{background:var(--generated-bg)}.summaryStats .summaryStatsky{box-shadow:inset 0 0 0 999px var(--accent-sky)}.summaryStats .summaryStatmint{box-shadow:inset 0 0 0 999px var(--accent-mint)}.summaryStats .summaryStatsun{box-shadow:inset 0 0 0 999px var(--accent-sun)}.summaryValue{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1;color:var(--text-main)}.summaryLabel{margin-top:.45rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.insightStrip{display:flex;flex-wrap:wrap;gap:.45rem}.btn-outline-secondary,.btn-outline-primary,.btn-outline-warning{--bs-btn-color: var(--text-main);--bs-btn-border-color: var(--generated-border);--bs-btn-hover-border-color: var(--generated-border)}@media (max-width: 1199px){.bentoGrid{grid-template-columns:1fr 1fr}.bentoTileWide,.bentoTileTall,.bentoTileSummary,.bentoTileControls{grid-column:auto;grid-row:auto}.bentoTileWide{grid-column:span 2}}@media (max-width: 991px){.bentoGrid,.titleBentoList,.summaryStats,.compactGrid,.bentoColumnStack{grid-template-columns:1fr}.bentoTileWide{grid-column:auto}.heroCard{padding:1.3rem 1.2rem 1.15rem}.heroBody{grid-template-columns:1fr}.heroStat{min-width:0}}@media (max-width: 767px){.heroBar{padding-top:.35rem}.heroCard,.panelCard{border-radius:22px}.panelInner,.panelInnerLarge{padding:.95rem}.heroBrand{grid-template-columns:1fr}.heroLogoWrap{width:5.75rem;height:5.75rem}.actionRow .btn{width:100%}}