:root{--guide-navy:#06172c;--guide-ink:#0b2037;--guide-blue:#1476ff;--guide-cyan:#58c8ff;--guide-line:#d4e2ee;--guide-muted:#62788d;--guide-card:#fff}
.settings-guide-page{background:#eef5fb;color:var(--guide-ink)}
.guide-hero{padding:124px clamp(22px,6vw,92px) 60px;background:radial-gradient(circle at 82% 18%,rgba(51,174,255,.26),transparent 27%),linear-gradient(135deg,#041225,#0a2b4f);color:#fff}
.guide-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;align-items:end;max-width:1380px;margin:auto}.guide-hero h1{max-width:980px;margin:14px 0 22px;font-size:clamp(2.8rem,6vw,6.4rem);line-height:.92;letter-spacing:-.065em}.guide-hero h1 em{color:var(--guide-cyan);font-style:normal}.guide-hero-copy>p:last-child{max-width:810px;color:#c5d7e7;line-height:1.7}.guide-promise{padding:23px;border:1px solid rgba(105,197,255,.28);border-radius:18px;background:rgba(8,36,66,.75)}.guide-promise b,.guide-promise span{display:block}.guide-promise b{font-size:2.2rem}.guide-promise span{margin-top:8px;color:#8fd7ff;font-size:.76rem;line-height:1.5}
.guide-app{padding:42px clamp(14px,5vw,72px) 74px}.guide-shell{max-width:1460px;margin:auto}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.guide-steps span{padding:12px 15px;border:1px solid #c9dce9;border-radius:10px;background:#fff;color:#60768a;font-size:.68rem;font-weight:850}.guide-steps b{margin-right:8px;color:var(--guide-blue)}
.guide-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px}.guide-controls,.guide-results{border:1px solid #c9dce9;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(8,38,70,.1)}.guide-controls{padding:22px;align-self:start;position:sticky;top:86px}.guide-field{margin-bottom:17px}.guide-field label{display:block;margin-bottom:7px;color:#536b81;font-size:.7rem;font-weight:900}.guide-field select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #c7d8e6;border-radius:9px;background:#fff;color:var(--guide-ink);font:inherit;font-size:.78rem}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-toggle button{padding:12px;border:1px solid #bed0df;border-radius:9px;background:#f7fbfe;color:#587087;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.mode-toggle button.active{border-color:var(--guide-blue);background:var(--guide-blue);color:#fff}.device-note{padding:13px;border-radius:9px;background:#edf7ff;color:#557189;font-size:.66rem;line-height:1.55}.device-note strong{display:block;margin-bottom:4px;color:var(--guide-blue)}.guide-controls .primary-action{font-size:.78rem}
.guide-results{min-width:0;overflow:hidden}.scene-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--guide-line)}.scene-toolbar h2{margin:0;font-size:1.15rem}.scene-toolbar input{width:min(290px,46%);padding:10px 12px;border:1px solid #c7d8e6;border-radius:9px;font:inherit}.scene-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:620px;padding:18px;overflow:auto}.scene-card{position:relative;min-height:180px;padding:0;border:1px solid #d2e0eb;border-radius:13px;background:#fff;overflow:hidden;text-align:left;cursor:pointer}.scene-card[hidden]{display:none}.scene-card.active{border-color:var(--guide-blue);box-shadow:0 0 0 2px rgba(20,118,255,.15)}.scene-art{position:relative;display:grid;height:94px;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--a),var(--b));color:#fff;font-size:2rem}.scene-art::before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.22);transform:translate(54px,30px)}.scene-art::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-30px;height:72px;border-radius:50% 50% 0 0;background:rgba(3,20,38,.45)}.scene-art span{position:relative;z-index:1}.scene-copy{display:block;padding:13px}.scene-copy b{display:block;font-size:.76rem}.scene-copy small{display:block;margin-top:6px;color:#6b7f92;font-size:.63rem;line-height:1.4}.scene-card .scene-mode{position:absolute;right:8px;top:8px;z-index:2;padding:5px 7px;border-radius:999px;background:rgba(3,19,36,.72);color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.06em}
.recommendation{margin:0 18px 18px;border-radius:14px;background:#07182d;color:#fff;overflow:hidden}.recommendation-empty{display:grid;min-height:390px;place-items:center;padding:30px;color:#8fa8bf;text-align:center}.recommendation-empty strong{display:block;color:#e6eef6;font-size:1.1rem}.recommendation-empty p{max-width:540px;line-height:1.7}.recommendation-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:25px;border-bottom:1px solid rgba(130,188,233,.16)}.recommendation-head h2{margin:5px 0 8px;font-size:1.7rem}.recommendation-head p{margin:0;color:#a8bfd3;font-size:.75rem}.recommendation-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.recommendation-actions button{padding:9px 11px;border:1px solid #315777;border-radius:8px;background:#0d2946;color:#dcebf7;font:inherit;font-size:.64rem;font-weight:850;cursor:pointer}.recommendation-actions button:hover{border-color:#59c8ff}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.setting-card{min-height:92px;padding:15px;border:1px solid rgba(111,180,231,.18);border-radius:10px;background:rgba(13,44,74,.65)}.setting-card span{display:block;color:#60caff;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.setting-card strong{display:block;margin-top:9px;font-size:.78rem;line-height:1.45}.guide-explanations{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 20px 20px}.guide-explanations article{padding:17px;border-radius:10px;background:#0a2543}.guide-explanations b{display:block;color:#fff;font-size:.72rem}.guide-explanations p{margin:7px 0 0;color:#a7bdd1;font-size:.67rem;line-height:1.6}.guide-warning{margin:0 20px 20px;padding:13px 15px;border-left:3px solid #ffb84d;background:rgba(255,184,77,.1);color:#ffd18b;font-size:.7rem;line-height:1.55}.guide-disclaimer{padding:16px 20px;background:#061424;color:#829bb1;font-size:.64rem;line-height:1.55}
.favorites-panel{margin-top:18px;padding:22px;border:1px solid #c9dce9;border-radius:15px;background:#fff}.favorites-panel h2{margin:0 0 14px;font-size:1rem}.favorites-list{display:flex;gap:8px;flex-wrap:wrap}.favorite-chip{display:flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid #ccdae6;border-radius:999px;background:#f7fbfe;color:#36516b;font-size:.66rem}.favorite-chip button{border:0;background:none;color:#b44;cursor:pointer}.guide-method{padding:76px clamp(22px,6vw,92px);background:#fff}.guide-method-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1320px;margin:auto}.guide-method h2{margin:12px 0;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.98;letter-spacing:-.05em}.guide-method p{color:#62788d;line-height:1.75}.guide-method ul{display:grid;gap:10px;padding:0;list-style:none}.guide-method li{padding:15px;border:1px solid #d4e2ed;border-radius:10px;color:#526a80;font-size:.76rem}.guide-method li b{color:var(--guide-blue)}
@media(max-width:1080px){.guide-grid{grid-template-columns:310px minmax(0,1fr)}.scene-list{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.guide-hero-inner{grid-template-columns:1fr}.guide-promise{display:none}.guide-grid{grid-template-columns:1fr}.guide-controls{position:static}.guide-steps{grid-template-columns:1fr 1fr}.scene-list{max-height:none}.recommendation-head{flex-direction:column}.recommendation-actions{justify-content:flex-start}.guide-method-inner{grid-template-columns:1fr}.scene-toolbar{align-items:stretch;flex-direction:column}.scene-toolbar input{width:100%;box-sizing:border-box}}
@media(max-width:520px){.guide-hero{padding-top:105px}.guide-hero h1{font-size:2.65rem}.scene-list,.settings-grid,.guide-explanations{grid-template-columns:1fr}.guide-app{padding-left:8px;padding-right:8px}.guide-controls{padding:17px}.scene-list{padding:10px}.recommendation{margin:0 10px 10px}.recommendation-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.recommendation-actions button:last-child{grid-column:1/-1}}
@media print{body *{visibility:hidden}.recommendation,.recommendation *{visibility:visible}.recommendation{position:absolute;inset:20px;background:#fff!important;color:#000!important}.recommendation .setting-card,.recommendation .guide-explanations article{background:#f2f5f8!important;color:#000!important}.recommendation p,.recommendation strong,.recommendation b{color:#000!important}.recommendation-actions{display:none}}