/* Application navigation and research workspace. Shared by catalog and account. */
.yana-app{--paper:#f4f8fc;background:var(--paper);font-size:15px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid #d6e3f0;padding:30px 23px;display:flex;flex-direction:column;z-index:20}.app-sidebar .brand{font-size:39px;padding-left:9px}.sidebar-label{font-size:9px;letter-spacing:1.7px;color:#5f758e;margin:44px 12px 18px}.app-sidebar nav{display:grid;gap:8px}.app-sidebar nav a{display:flex;align-items:center;gap:14px;border-radius:11px;padding:14px;text-decoration:none;color:#50657e;font-size:13px}.app-sidebar nav a[aria-current]{background:#e0eeff;color:var(--ink);font-weight:650}.sidebar-note{margin-top:auto;padding:26px 14px 18px;border-top:1px solid var(--line)}.sidebar-note>span{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.5px}.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.8}.demo-label{font-size:9px;color:#5f758e;padding:10px 14px}.app-workspace{margin-left:232px;min-height:100vh}.app-topbar{height:82px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e3f0;background:#f6f9fc}.desktop-context{font-size:12px;color:var(--muted)}.account-link{display:flex;align-items:center;gap:9px;font-size:12px;text-decoration:none;border:1px solid #cce0f5;background:#fff;padding:8px 15px;border-radius:24px}.mobile-brand,.bottom-nav{display:none}.yana-app .wrap{max-width:1130px;padding-left:44px;padding-right:44px}.explore-page{padding-top:37px;padding-bottom:24px}.home-heading h1{font-size:39px;line-height:1.16;letter-spacing:-1.5px;margin:13px 0}.home-heading>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 27px}.home-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.research-card{border:1px solid #d0deec;border-radius:20px;background:#fff;padding:25px 28px}.research-card-top{display:flex;align-items:center;justify-content:space-between}.research-symbol{height:39px;width:39px;display:grid;place-items:center;border-radius:12px;background:#e6f0fa}.privacy-chip{font-size:10px;color:#0a4b94;background:#e6f0fa;border-radius:20px;padding:5px 11px}.research-card h2{font-size:23px;letter-spacing:-.6px;margin:17px 0 5px}.research-card>p{font-size:12px;color:var(--muted);margin:0}.research-types{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0}.research-types label{border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:9px;padding:11px;cursor:pointer;font-size:13px}.research-types label:has(input:checked){background:#eaf2fc;border-color:#3b82f6}.research-types input{accent-color:var(--ink);margin:0}.research-types span{font-size:20px;margin-left:auto;order:2}.research-card form>label{font-size:12px}.research-card .age-field{position:relative}.research-card .age-field input{padding-right:60px;background:white;font-size:18px;margin-bottom:17px}.age-field>span{position:absolute;right:15px;top:15px;font-size:12px;color:var(--muted)}.research-card .button{width:100%;border-radius:10px}.research-card form>small{display:block;text-align:center;margin-top:10px;font-size:11px;color:var(--muted)}.autonomy-card{border-radius:20px;background:#e6f0fa;padding:29px}.autonomy-card>.eyebrow{font-size:9px;color:#2b5b88}.autonomy-card h2{font-size:27px;line-height:1.25;margin:15px 0 24px}.autonomy-item{display:flex;gap:15px;margin:17px 0;align-items:flex-start}.autonomy-item>b{font-size:10px;width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b8d1eb;border-radius:50%;font-weight:500;margin-top:1px}.autonomy-item p{margin:0}.autonomy-item strong{display:block;font-size:13px;font-weight:600}.autonomy-item p>span{display:block;color:#416288;font-size:12px;line-height:1.65;margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:29px;margin-bottom:13px}.section-title h2{font-size:18px;margin:0;letter-spacing:-.3px}.section-title>span{font-size:11px;color:var(--muted)}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-grid details{border:1px solid var(--line);padding:18px;background:#fff;border-radius:12px}.learn-grid summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.6}.learn-grid p{font-size:12px;color:var(--muted);line-height:1.7}.app-disclaimer{text-align:center;color:#5a6e85;font-size:10px;margin:20px 20px 25px}.resume-research{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;padding:17px 22px;background:#fff;margin-top:20px;text-decoration:none}.resume-research small{display:block;font-size:11px;color:var(--muted)}.resume-research strong{font-size:13px}.resume-research>span:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yana-app .flow{padding-top:25px;min-height:calc(100vh - 160px);padding-bottom:20px}.yana-app .progress{padding:20px 0;gap:30px}.yana-app .form-panel{margin-top:15px;box-shadow:0 4px 18px #0a254008}.yana-app .form-panel h1{font-size:31px}.yana-app .form-panel .consent{margin-top:20px}.yana-app .form-panel .button{gap:15px}.research-only{display:block;text-align:center;margin:22px 0 0;font-size:13px;color:var(--muted)}.results-top{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:15px}.results-top h1{font-size:34px;margin:13px 0;letter-spacing:-1px}.results-top p{font-size:13px;color:var(--muted)}.results-top p a{margin-left:12px}.result-count{font-size:11px;color:var(--muted);padding-bottom:17px;white-space:nowrap}.research-reassurance{padding:12px 17px;border-radius:10px;background:#e0eeff;color:#0a4b94;font-size:12px;margin-top:10px}.result-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.result-tools .tabs{margin:0;gap:4px;border:1px solid var(--line);background:#fff;padding:4px;border-radius:11px}.result-tools .tabs a{border:0;border-radius:8px;padding:7px 25px;font-size:12px}.compare-toggle{font-size:12px;text-underline-offset:4px}.yana-app .plan-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.yana-app .plan{padding:25px;border-radius:15px}.yana-app .plan h2{font-size:24px}.yana-app .plan .price{margin:22px 0 0;font-size:33px}.price-caption{font-size:10px;color:var(--muted)}.plan-details{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;cursor:pointer;padding:17px 0}.plan-details summary::-webkit-details-marker{display:none}.plan-details dl{margin-top:0;font-size:12px}.plan-details dt{font-size:10px;color:var(--muted);margin-top:12px}.plan-details dd{margin:2px 0;line-height:1.7}.plan-select-button,.optional-request{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:14px 20px;background:linear-gradient(135deg, #0066ff 0%, #0052d4 100%);color:#ffffff!important;font-size:15px;font-weight:700;text-decoration:none!important;border-radius:10px;box-shadow:0 4px 16px rgba(0,102,255,.35);transition:all .2s ease-in-out}.plan-select-button:hover,.optional-request:hover{background:linear-gradient(135deg, #0052d4 0%, #0a2540 100%);color:#ffffff!important;transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,102,255,.5)}.plan-select-button span,.optional-request span{font-size:18px;font-weight:400;transition:transform .2s ease}.plan-select-button:hover span,.optional-request:hover span{transform:translateX(4px)}.research-end{display:flex;justify-content:space-between;align-items:center;border:1px dashed #b8d1eb;border-radius:12px;padding:20px 22px;margin-top:25px;gap:18px}.research-end strong{font-size:13px}.research-end p{font-size:11px;color:var(--muted);margin:4px 0 0}.research-end a{font-size:12px;white-space:nowrap}.comparison-panel{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.comparison-panel h2{font-size:22px;margin:0}.comparison-panel>p{font-size:12px;color:var(--muted)}.comparison-scroll{overflow:auto}.comparison-panel table{border-collapse:collapse;width:100%;min-width:520px;text-align:left;font-size:12px}.comparison-panel th,.comparison-panel td{padding:18px 14px;border-bottom:1px solid var(--line);vertical-align:top;min-width:150px}.comparison-panel thead th{background:#eaf2fc;font-size:14px}.comparison-panel tbody th{font-size:11px;color:var(--muted);font-weight:500}.comparison-panel td{width:35%}.comparison-panel tr:last-child>*{border:0}.yana-app .account-grid{grid-template-columns:1.7fr 1fr;gap:24px}.yana-app .request-details{grid-template-columns:1fr 1fr}.yana-app .account-heading{margin:20px 0}.yana-app .account-grid aside .plan{font-size:13px}.yana-app .account-heading h1{font-size:34px}
@media(min-width:1450px){.explore-page{padding-top:50px}.home-heading h1{font-size:43px}.research-card,.autonomy-card{padding:32px}.home-grid{gap:28px}}
@media(max-width:1100px){.app-sidebar{width:195px;padding:27px 15px}.app-workspace{margin-left:195px}.app-topbar{padding:0 28px}.yana-app .wrap{padding-left:28px;padding-right:28px}.home-grid{gap:17px}.research-card,.autonomy-card{padding:22px}.autonomy-card h2{font-size:24px}.learn-grid{grid-template-columns:1fr}.learn-grid details{padding:14px 18px}.yana-app .account-grid{grid-template-columns:1fr}.results-top{align-items:start;flex-direction:column;gap:0}.result-count{padding:0}.research-end{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:760px){.app-sidebar{display:none}.app-workspace{margin-left:0;padding-bottom:80px}.app-topbar{height:73px;padding:0 21px;background:#fff}.desktop-context{display:none}.mobile-brand{display:flex;font-size:31px}.mobile-brand img{height:42px;width:34px}.account-link{padding:7px 12px;font-size:11px}.account-link svg{width:17px;height:17px}.yana-app .wrap{padding-left:21px;padding-right:21px}.explore-page{padding-top:27px}.home-heading h1{font-size:32px;line-height:1.18;letter-spacing:-1px}.home-heading>p{font-size:12px;margin-bottom:21px}.home-heading>p br{display:none}.home-grid{grid-template-columns:1fr;gap:19px}.research-card{padding:22px}.research-card h2{font-size:22px}.research-card form>small{font-size:10px}.autonomy-card{padding:24px}.autonomy-card h2{font-size:25px}.autonomy-card h2 br{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffffff5;border-top:1px solid #d0deec;z-index:30;padding:10px 10px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;text-decoration:none;color:#5a6e85;min-width:86px;padding:4px 10px}.bottom-nav a[aria-current]{color:var(--ink);font-weight:650}.bottom-nav a[aria-current] svg{background:#e0eeff;box-shadow:0 0 0 7px #e0eeff;border-radius:5px}.bottom-nav span{margin-top:5px}.yana-app .flow{min-height:calc(100vh - 200px);padding-top:22px}.yana-app .progress{gap:24px;margin-top:16px}.yana-app .form-panel{padding:23px 20px}.yana-app .form-panel h1{font-size:28px}.yana-app .plan-grid{grid-template-columns:1fr}.results-top h1{font-size:29px}.result-tools{align-items:start;flex-wrap:wrap}.compare-toggle{padding:8px 0}.research-reassurance{font-size:11px}.comparison-panel{padding:18px}.comparison-panel table{min-width:550px}.yana-app .request-details{grid-template-columns:1fr}.app-disclaimer{font-size:9px}.yana-app .account-heading h1{font-size:30px}.resume-research{padding:16px}.learn-section{margin-top:26px}}

.comparison-hint{display:none}@media(max-width:760px){.comparison-hint{display:block;font-size:10px!important;color:var(--muted)}}

/* Modern Plan Card System */
.plan-card-modern{background:#ffffff;border:1.5px solid #dce8f8;border-radius:20px;padding:26px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,102,255,0.05);transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease;position:relative;overflow:hidden}
.plan-card-modern:hover{transform:translateY(-4px);border-color:#0066ff;box-shadow:0 16px 36px rgba(0,102,255,0.12)}
.card-badge-row{margin-bottom:12px}
.plan-pill-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.3px;text-transform:uppercase;background:#e0eeff;color:#0052d4;border:1px solid #b8d9ff}
.plan-pill-badge.badge-vip{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}
.plan-pill-badge.badge-qp{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}
.plan-pill-badge.badge-popular{background:#fef3c7;color:#92400e;border-color:#fde68a}
.plan-pill-badge.badge-econ{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.plan-pill-badge.badge-senior{background:#ffe4e6;color:#9f1239;border-color:#fecdd3}
.plan-modern-title{font-size:26px;font-weight:800;color:#0a2540;margin:4px 0 6px;letter-spacing:-0.5px}
.plan-modern-sub{font-size:13px;color:#5a6e85;line-height:1.5;margin-bottom:18px}
.plan-benefits-highlights{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}
.plan-benefits-highlights li{display:flex;align-items:flex-start;gap:12px;background:#f6fafe;border:1px solid #e2edf8;padding:10px 14px;border-radius:12px}
.benefit-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:2px}
.plan-benefits-highlights strong{display:block;font-size:13px;color:#0a2540}
.plan-benefits-highlights small{display:block;font-size:11px;color:#5a6e85;margin-top:1px}
.plan-price-card{background:#f4f8fc;border:1px solid #d6e4f6;color:#0a2540;padding:16px 20px;border-radius:14px;margin-bottom:18px;display:flex;flex-direction:column}
.price-main{display:flex;align-items:baseline;gap:4px}
.price-currency{font-size:18px;font-weight:700;color:#0066ff}
.price-val{font-size:38px;font-weight:800;color:#0a2540;letter-spacing:-1px;line-height:1}
.price-period{font-size:14px;color:#5a6e85;font-weight:500;margin-left:4px}
.price-guarantee{font-size:11px;color:#5a6e85;margin-top:6px;font-weight:500}
.plan-details-modern{border:1px solid #d0deec;border-radius:12px;margin-bottom:18px;background:#ffffff;overflow:hidden}
.network-summary-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;user-select:none;background:#f8fafc;transition:background 0.2s ease}
.network-summary-btn:hover{background:#eaf2fc}
.net-btn-left{display:flex;align-items:center;gap:10px}
.net-icon{font-size:20px}
.net-btn-left strong{display:block;font-size:13px;color:#0a2540}
.net-btn-left small{display:block;font-size:11px;color:#5a6e85}
.net-arrow{font-size:12px;color:#0066ff;transition:transform 0.2s ease}
.plan-details-modern[open] .net-arrow{transform:rotate(180deg)}
.network-details-body{padding:14px;border-top:1px solid #e0eeff;background:#ffffff}
.plan-select-button-modern{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 22px;background:linear-gradient(135deg, #0066ff 0%, #0052d4 100%);color:#ffffff !important;font-size:15px;font-weight:700;text-decoration:none !important;border-radius:12px;box-shadow:0 6px 20px rgba(0,102,255,0.35);transition:all 0.22s ease-in-out;margin-top:auto}
.plan-select-button-modern:hover{background:linear-gradient(135deg, #0052d4 0%, #0a2540 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,102,255,0.5)}
.plan-select-button-modern .arrow-icon{font-size:20px;transition:transform 0.2s ease}
.plan-select-button-modern:hover .arrow-icon{transform:translateX(5px)}

/* PWA Banner & Status Toasts */
.pwa-install-banner {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    max-width: 400px;
    width: calc(100% - 48px);
    background: #0a2540;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    gap: 14px;
    animation: pwaSlideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes pwaSlideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.pwa-banner-content {
    display: flex;
    align-items: center;
    gap: 12px;
}
.pwa-banner-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.pwa-banner-text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
}
.pwa-banner-text small {
    display: block;
    font-size: 12px;
    color: #b8d1eb;
    margin-top: 2px;
}
.pwa-banner-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.pwa-btn-dismiss {
    background: transparent;
    border: none;
    color: #b8d1eb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.2s ease;
}
.pwa-btn-dismiss:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}
.pwa-btn-install {
    background: linear-gradient(135deg, #0076ff 0%, #0052d4 100%);
    border: none;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    padding: 9px 18px;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0, 118, 255, 0.4);
    transition: all 0.2s ease;
}
.pwa-btn-install:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 118, 255, 0.6);
}
.pwa-status-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(50px);
    opacity: 0;
    z-index: 10000;
    background: #0a2540;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 12px 22px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}
.pwa-status-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
@media(max-width: 760px) {
    .pwa-install-banner {
        bottom: 80px;
        right: 16px;
        left: 16px;
        width: auto;
    }
}