.lcd-container{min-height:100vh;background:radial-gradient(ellipse at 15% 25%,rgba(60,60,75,.04) 0,transparent 40%),radial-gradient(ellipse at 85% 75%,rgba(70,70,85,.03) 0,transparent 45%);color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lcd-content{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.lcd-header{text-align:center;padding:48px 24px 40px;margin:0 auto 24px;max-width:calc(1400px + 48px);position:relative}.lcd-title{font-family:Cinzel,Trajan Pro,serif;font-size:2.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin:0 0 16px;position:relative;background:linear-gradient(135deg,#FFD700,#FFF8DC 50%,#DAA520);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:lcdTitleShimmer 10s ease-in-out infinite;text-shadow:none}@keyframes lcdTitleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.lcd-subtitle{font-size:1rem;font-weight:300;color:rgba(255,255,255,.7);letter-spacing:.5px;margin:0 auto;max-width:680px;line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.5)}.lcd-split-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start;margin-top:1.5rem}.lcd-input-panel{position:sticky;top:2rem;z-index:5}.lcd-input-inner{background:rgba(18,18,22,.9);border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:1.5rem;backdrop-filter:blur(16px)}.lcd-input-heading{font-family:Cinzel,Cormorant Garamond,serif;font-size:.8rem;font-weight:600;color:rgba(255,215,0,.7);letter-spacing:2px;text-transform:uppercase;margin:0 0 1rem}.lcd-dropdowns{display:flex;flex-direction:column;gap:.5rem}.lcd-select{width:100%;background:rgba(0,0,0,.5);border:1px solid rgba(255,215,0,.12);border-radius:8px;color:#e8e8e8;font-size:.875rem;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFD700' fill-opacity='0.5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding:.6rem 2rem .6rem .75rem}.lcd-select:hover{border-color:rgba(255,215,0,.3)}.lcd-select:focus{border-color:rgba(255,215,0,.5);box-shadow:0 0 0 2px rgba(255,215,0,.08)}.lcd-select option{background:#111;color:#e8e8e8}.lcd-mobile-summary{display:none;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,215,0,.08)}.lcd-mobile-phase-name{font-size:.85rem;color:#FFD700;font-weight:500}.lcd-mobile-illum{font-size:.75rem;color:rgba(255,215,0,.6);font-variant-numeric:tabular-nums}.lcd-quick-stats{margin-top:.25rem}.lcd-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.lcd-stat-label{font-size:.75rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.5px}.lcd-stat-value{font-size:.85rem;color:#e8e8e8;font-weight:500}.lcd-stat-group{margin-top:.5rem}.lcd-stat-group .lcd-stat-label{display:block;margin-bottom:.35rem}.lcd-lucky-numbers{display:flex;gap:.35rem;flex-wrap:wrap}.lcd-lucky-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.7rem;font-weight:600;color:rgba(255,215,0,.8);background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.12);border-radius:6px;font-variant-numeric:tabular-nums}.lcd-lucky-colors{display:flex;gap:.35rem;flex-wrap:wrap}.lcd-color-chip{display:inline-block;font-size:.7rem;padding:.2rem .5rem;color:rgba(255,255,255,.7);background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.1);border-radius:10px;white-space:nowrap}.lcd-divider{border:none;border-top:1px solid rgba(255,215,0,.08);margin:1.25rem 0}.lcd-results-panel{min-height:400px}.lcd-phase-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.lcd-phase-icon{flex-shrink:0}.lcd-phase-info{flex:1;min-width:0}.lcd-phase-name{font-family:Cinzel,Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;color:#FFD700;margin:0 0 .25rem;line-height:1.2}.lcd-phase-archetype{font-size:.9rem;color:rgba(255,215,0,.55);font-style:italic;margin:0 0 .75rem}.lcd-phase-badges{display:flex;gap:.5rem;flex-wrap:wrap}.lcd-badge{display:inline-block;font-size:.7rem;padding:.25rem .65rem;color:rgba(255,215,0,.8);background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.15);border-radius:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.lcd-description{font-size:.95rem;line-height:1.7;color:rgba(255,255,255,.75);margin:0 0 1.5rem}.lcd-traits-section{display:flex;flex-direction:column;gap:1rem}.lcd-trait-heading{font-size:.7rem;font-weight:600;color:rgba(255,215,0,.6);text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem}.lcd-pills{display:flex;flex-wrap:wrap;gap:.4rem}.lcd-pill{display:inline-block;font-size:.78rem;padding:.3rem .7rem;color:rgba(255,255,255,.75);background:rgba(255,215,0,.04);border:1px solid rgba(255,215,0,.1);border-radius:16px;transition:background .2s ease,border-color .2s ease}.lcd-pill:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.2)}.lcd-pill-strength{border-color:rgba(100,200,120,.15);background:rgba(100,200,120,.04)}.lcd-pill-strength:hover{background:rgba(100,200,120,.08);border-color:rgba(100,200,120,.25)}.lcd-pill-growth{border-color:rgba(180,130,255,.15);background:rgba(180,130,255,.04)}.lcd-pill-growth:hover{background:rgba(180,130,255,.08);border-color:rgba(180,130,255,.25)}.lcd-section-heading{font-family:Cinzel,Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;color:#FFD700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.lcd-section-heading-top{margin-top:0}.lcd-inline-icon{color:rgba(255,215,0,.6);flex-shrink:0}.lcd-life-sub{margin-bottom:1rem}.lcd-life-sub:last-child{margin-bottom:0}.lcd-sub-heading{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;margin:0 0 .35rem}.lcd-body-text{font-size:.9rem;line-height:1.65;color:rgba(255,255,255,.7);margin:0}.lcd-compat-list{display:flex;flex-direction:column;gap:0}.lcd-compat-row{display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.lcd-compat-row:last-child{border-bottom:none}.lcd-compat-row:hover{background:rgba(255,215,0,.02)}.lcd-compat-emoji{font-size:1.1rem;flex-shrink:0;width:1.5rem;text-align:center}.lcd-compat-name{flex:1;font-size:.875rem;color:rgba(255,255,255,.8)}.lcd-compat-score{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:8px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.lcd-compat-best{color:#4ade80;background:rgba(74,222,128,.08)}.lcd-compat-good{color:#facc15;background:rgba(250,204,21,.08)}.lcd-compat-challenge{color:#fb923c;background:rgba(251,146,60,.08)}.lcd-numbered-list{margin:0;padding:0 0 0 1.5rem;list-style:decimal}.lcd-numbered-item{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.7);padding:.3rem 0}.lcd-numbered-item::marker{color:rgba(255,215,0,.5);font-weight:600}.lcd-guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.lcd-guidance-card{background:rgba(255,215,0,.02);border:1px solid rgba(255,215,0,.08);border-radius:12px;padding:1.25rem;transition:border-color .2s ease,background .2s ease}.lcd-guidance-card:hover{border-color:rgba(255,215,0,.15);background:rgba(255,215,0,.04)}.lcd-guidance-title{font-size:.72rem;font-weight:600;color:rgba(255,215,0,.65);text-transform:uppercase;letter-spacing:1px;margin:0 0 .6rem}.lcd-guidance-text{font-size:.85rem;line-height:1.6;color:rgba(255,255,255,.65);margin:0}.lcd-phases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.lcd-phase-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:rgba(255,215,0,.02);border:1px solid rgba(255,215,0,.08);border-radius:12px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;color:inherit;text-align:center}.lcd-phase-card:hover{border-color:rgba(255,215,0,.2);background:rgba(255,215,0,.05);transform:translateY(-1px)}.lcd-phase-card-active{border-color:rgba(255,215,0,.4);background:rgba(255,215,0,.08);box-shadow:0 0 16px rgba(255,215,0,.06)}.lcd-phase-card-name{font-size:.78rem;font-weight:500;color:#e8e8e8}.lcd-phase-card-archetype{font-size:.65rem;color:rgba(255,255,255,.4);font-style:italic}.lcd-date-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.lcd-date-row:last-child{border-bottom:none}.lcd-date-label{font-size:.8rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px}.lcd-date-value{font-size:.875rem;color:rgba(255,255,255,.85)}@media (max-width:900px){.lcd-split-layout{grid-template-columns:1fr;gap:0}.lcd-input-panel{position:sticky;top:0;z-index:10;background:rgba(10,10,10,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin:0 -1.5rem;border-radius:0}.lcd-input-inner{border-radius:0;border:none;border-bottom:1px solid rgba(255,215,0,.15);padding:.75rem 1rem;background:transparent}.lcd-input-heading{display:none}.lcd-dropdowns{flex-direction:row;gap:.4rem}.lcd-select{font-size:.8rem;padding:.45rem 1.5rem .45rem .5rem;background-position:right .4rem center}.lcd-quick-stats{display:none}.lcd-mobile-summary{display:flex}.lcd-results-panel{padding-top:1.25rem}.lcd-phase-header{flex-direction:column;align-items:center;text-align:center}.lcd-phase-badges{justify-content:center}.lcd-description{text-align:center}.lcd-guidance-grid{grid-template-columns:1fr}.lcd-phases-grid{grid-template-columns:repeat(2,1fr)}.lcd-header{padding:32px 16px 24px}.lcd-title{font-size:1.75rem;letter-spacing:1.5px}.lcd-phase-name{font-size:1.3rem}.lcd-date-row{flex-direction:column;align-items:flex-start;gap:.2rem}}@media (max-width:500px){.lcd-content{padding:0 1rem 3rem}.lcd-input-panel{margin:0 -1rem}.lcd-phases-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.lcd-phase-card{padding:.75rem .35rem}.lcd-guidance-card{padding:1rem}}.lcd-results-panel{animation:lcd-fadeIn .3s ease-out}@keyframes lcd-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lcd-container{scroll-behavior:smooth}.lcd-phase-card:focus-visible,.lcd-select:focus-visible{outline:2px solid rgba(255,215,0,.5);outline-offset:2px}.lcd-results-panel::-webkit-scrollbar{width:4px}.lcd-results-panel::-webkit-scrollbar-track{background:transparent}.lcd-results-panel::-webkit-scrollbar-thumb{background:rgba(255,215,0,.15);border-radius:2px}.lcd-results-panel::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.25)}