/* v8 features: language toggle, trim inputs, conversion progress. */
.lang-btn{background:#18bc9c;color:#fff;border:0;border-radius:6px;padding:4px 10px;font-weight:700;font-size:12px;cursor:pointer;min-height:32px}
.lang-btn:hover{background:#14a085}
.trim-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:14px 24px 0;font-size:13px;color:#3b5568}
.trim-row__label{font-weight:700}
.trim-row__in{width:84px;min-height:40px;border:2px solid #d8e2ea;border-radius:6px;padding:4px 8px;font-size:14px;color:#1a2a3a;text-align:center}
.trim-row__in:focus{outline:2px solid #18bc9c;outline-offset:1px}
.trim-row__sec{color:#3b5568}
.trim-row__note{flex-basis:100%;text-align:center;font-size:11px;color:#6b7c8c}
.prog{position:relative;margin:6px 24px 14px;height:26px;border-radius:6px;background:#e8eef3;overflow:hidden}
.prog__bar{position:absolute;inset:0 auto 0 0;width:0%;background:#18bc9c;transition:width .5s ease}
.prog__txt{position:relative;z-index:1;display:flex;height:100%;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#1a2a3a}
@media(max-width:359px){.trim-row{gap:6px}.trim-row__in{width:70px}}
@media(max-width:480px){
 nav>div{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
 nav>div>a{gap:4px!important}
 nav>div>div{gap:4px!important}
 .lang-btn{padding:2px 6px;font-size:10px;min-height:28px}
}
@media(max-width:360px){
 nav>div{gap:4px!important}
 nav>div>a>svg{width:22px!important;height:22px!important}
 nav>div>div{gap:4px!important;font-size:10px!important}
 .lang-btn{padding:2px 5px}
}

/* premium header (user-approved dark glass, 2026-11-14) */
.prem-nav{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:saturate(170%) blur(16px);backdrop-filter:saturate(170%) blur(16px)}
.prem-brand{letter-spacing:.02em}
.prem-icon{filter:drop-shadow(0 2px 6px rgba(14,165,133,.45));border-radius:11px}
.prem-link{padding:.45rem .6rem;border-radius:9999px;transition:background .18s ease,color .18s ease}
.prem-a{background:rgba(17,30,43,.74);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(8,18,28,.35)}
.prem-a .prem-brand{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.prem-a .prem-link{color:rgba(255,255,255,.78)}
.prem-a .prem-link:hover{color:#fff;background:rgba(255,255,255,.10)}
.prem-a .prem-lang{color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:9999px;padding:.42rem .9rem;font-size:.8rem}
.prem-a .prem-lang:hover{background:rgba(255,255,255,.18)}
@media (max-width:480px){.prem-a .prem-lang{padding:.3rem .7rem}}

/* ===== full-site glass v2 (approved 2026-11-14) ===== */
/* full-site glass mock v2 - premium aurora background */
body{background:linear-gradient(165deg,#e7edf2 0%,#eef4f6 30%,#e9f0f4 62%,#e6edf3 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(700px 460px at 8% -6%,rgba(24,188,156,.30),transparent 68%),
 radial-gradient(820px 520px at 98% 8%,rgba(52,152,219,.26),transparent 70%),
 radial-gradient(900px 620px at 55% 112%,rgba(44,62,80,.20),transparent 72%),
 radial-gradient(560px 420px at 88% 62%,rgba(24,188,156,.16),transparent 70%),
 radial-gradient(520px 380px at 4% 58%,rgba(52,152,219,.14),transparent 70%)}
#top{background:transparent}
.panel{border-radius:20px!important;border:1px solid rgba(255,255,255,.65)!important;background:rgba(255,255,255,.48)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 18px 44px rgba(15,30,45,.14),inset 0 1px 0 rgba(255,255,255,.65)}
.panel .bg-navy{background:rgba(23,38,53,.84)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.panel .bg-sky{background:rgba(52,152,219,.85)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.panel .bg-teal{background:rgba(24,188,156,.90)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.faq-row{border-radius:16px;background:rgba(255,255,255,.46);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);box-shadow:0 6px 18px rgba(15,30,45,.08),inset 0 1px 0 rgba(255,255,255,.6)}
.faq-row>div{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.5);border-radius:0 0 15px 15px;margin:0 1px 1px}
#f{border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(15,30,45,.16)}
#f .bg-white{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#out .bg-white{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;border:1px solid rgba(255,255,255,.6);box-shadow:0 16px 40px rgba(15,30,45,.12)}
footer .bg-mist, .panel .bg-mist{background:rgba(255,255,255,.50)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
#top img, #top svg.drop{filter:drop-shadow(0 10px 26px rgba(14,165,133,.4))}

/* ===== form polish (user-requested fix 2026-11-14) ===== */
/* form polish 2026-11-14: unified frosted pill, no pulse ring, no inner navy borders */
#f{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65)}
#f>div{border:0!important;border-radius:0;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
#p{animation:none;box-shadow:none;border-radius:0}
#go{border:0!important;border-radius:0 17px 17px 0}

form#f #p{animation:none!important;box-shadow:none!important}

/* ===== info pages hero/cards + footer pills (approved 2026-11-14) ===== */

/* info pages v1 - hero + icon cards (draft) */
.pg-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 22px}
.pg-art{width:118px;height:118px;flex:none;filter:drop-shadow(0 12px 24px rgba(15,30,45,.18))}
.pg-hero h1{font-size:1.5rem;font-weight:700;color:#172635;margin:0 0 4px}
.pg-sub{color:#3d556b;font-size:.95rem;max-width:34rem;margin:0}
.pg-grid{display:grid;gap:12px;margin-top:14px}
@media(min-width:640px){.pg-grid{grid-template-columns:1fr 1fr}}
.pg-card{background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:14px 16px;box-shadow:0 6px 18px rgba(15,30,45,.08),inset 0 1px 0 rgba(255,255,255,.6)}
.pg-card h2{display:flex;align-items:center;gap:9px;font-size:.98rem;font-weight:700;color:#172635;margin:0 0 6px}
.pg-card p{margin:0;font-size:.88rem;color:#2c4256;line-height:1.55}
.pg-ico{width:26px;height:26px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center}
.pg-steps{display:grid;gap:10px;margin-top:14px}
@media(min-width:640px){.pg-steps{grid-template-columns:1fr 1fr 1fr}}
.pg-step{background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:14px 16px;box-shadow:0 6px 18px rgba(15,30,45,.08),inset 0 1px 0 rgba(255,255,255,.6)}
.pg-step b{display:block;color:#172635;font-size:.92rem;margin:8px 0 4px}
.pg-step p{margin:0;font-size:.86rem;color:#2c4256;line-height:1.5}
.pg-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#22d3a7,#0ea585);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(14,165,133,.35)}
.pg-mail{display:inline-block;margin-top:8px;background:rgba(23,38,53,.88);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;font-size:.95rem;letter-spacing:.2px}

/* footer premium pill links (approved 2026-11-14) */
footer nav[aria-label]{gap:8px}
footer nav[aria-label] a{background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.62);border-radius:999px;padding:7px 15px;box-shadow:0 4px 12px rgba(15,30,45,.08),inset 0 1px 0 rgba(255,255,255,.65);color:#172635;transition:color .15s,border-color .15s,box-shadow .15s}
footer nav[aria-label] a:hover{color:#0ea585;border-color:rgba(24,188,156,.5);box-shadow:0 6px 16px rgba(14,165,133,.18),inset 0 1px 0 rgba(255,255,255,.65)}

/* icon tile classes (CSP-safe, replaces blocked inline styles) */
.pg-i-teal{background:#18bc9c}
.pg-i-sky{background:#3498db}
.pg-i-navy{background:#172635}


/* updates premium v2 - dark changelog timeline live */
#updlist{position:relative;padding-left:26px}
#updlist::before{content:"";position:absolute;left:9px;top:18px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(180deg,#22d3a7,#5dade2 55%,rgba(93,173,226,.12))}
#updlist>div{position:relative;background:linear-gradient(150deg,rgba(17,32,52,.92),rgba(10,22,40,.88))!important;color:#dbe6f3!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(140,180,220,.22);border-radius:14px;box-shadow:0 10px 24px rgba(8,18,34,.26),inset 0 1px 0 rgba(255,255,255,.07);padding:14px 16px 14px 18px;font-size:.88rem;line-height:1.55;transition:transform .25s,border-color .25s,box-shadow .25s}
#updlist>div:hover{transform:translateX(4px);border-color:rgba(34,211,167,.55);box-shadow:0 14px 30px rgba(8,18,34,.32),0 0 0 1px rgba(34,211,167,.22),inset 0 1px 0 rgba(255,255,255,.07)}
#updlist>div::before{content:"";position:absolute;left:-22.5px;top:20px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5ff0cd,#0ea585 70%);box-shadow:0 0 0 3px rgba(34,211,167,.22),0 0 10px rgba(34,211,167,.6)}
#updlist>div:nth-child(even)::before{background:radial-gradient(circle at 35% 35%,#9fd2f5,#2470a8 70%);box-shadow:0 0 0 3px rgba(93,173,226,.22),0 0 10px rgba(93,173,226,.55)}
#updlist>div::after{content:"";position:absolute;left:-12px;top:25px;width:11px;height:1.5px;background:linear-gradient(90deg,rgba(34,211,167,.7),rgba(34,211,167,.12))}
#updlist>div:nth-child(even)::after{background:linear-gradient(90deg,rgba(93,173,226,.7),rgba(93,173,226,.12))}
#updlist>div b{display:block;margin-bottom:4px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#3fe0b8,#8ecdf3);-webkit-background-clip:text;background-clip:text;color:transparent}
#updlist>div:first-child{border:1.5px solid transparent;background:linear-gradient(150deg,rgba(20,38,60,.95),rgba(12,26,46,.92)) padding-box,linear-gradient(135deg,#22d3a7,#5dade2) border-box!important;box-shadow:0 14px 32px rgba(10,22,40,.38),0 0 22px rgba(34,211,167,.16)}
@media(min-width:768px){main>.grid.items-start{align-items:stretch}#updlist{max-height:none}}
@media(max-width:767px){#updlist{padding-left:22px}#updlist::before{left:7px}#updlist>div::before{left:-19.5px}}


/* owner premium live */
.own-main{display:flex;align-items:flex-start;justify-content:center;padding:52px 16px 64px;min-height:calc(100vh - 64px)}
.own-card{width:100%;max-width:440px;text-align:center;padding:36px 26px 28px;border-radius:22px;border:1.5px solid transparent;background:linear-gradient(160deg,rgba(255,255,255,.68),rgba(255,255,255,.44)) padding-box,linear-gradient(135deg,rgba(34,211,167,.6),rgba(93,173,226,.5)) border-box!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 22px 50px rgba(15,30,45,.16),inset 0 1px 0 rgba(255,255,255,.7)}
.own-lock{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22d3a7,#0ea585);box-shadow:0 10px 22px rgba(14,165,133,.35),inset 0 1px 0 rgba(255,255,255,.35);color:#fff}
.own-tag{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0b7a64;background:rgba(34,211,167,.14);border:1px solid rgba(34,211,167,.3)}
.own-chip{padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7ef0d2;background:rgba(34,211,167,.12);border:1px solid rgba(34,211,167,.3)}
#pw{border-radius:14px!important;border:1.5px solid rgba(23,38,53,.25)!important;background:rgba(255,255,255,.7)!important}
#pw:focus{border-color:#0ea585!important;box-shadow:0 0 0 3px rgba(34,211,167,.2)}
.own-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;text-align:left}
.own-stat{position:relative;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 16px rgba(15,30,45,.08),inset 0 1px 0 rgba(255,255,255,.6)}
.own-dot{position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%}
.own-dot-teal{background:radial-gradient(circle at 35% 35%,#5ff0cd,#0ea585 70%);box-shadow:0 0 8px rgba(34,211,167,.7)}
.own-dot-sky{background:radial-gradient(circle at 35% 35%,#9fd2f5,#2470a8 70%);box-shadow:0 0 8px rgba(93,173,226,.7)}
.own-k{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5b6b7c;margin-bottom:3px}
.own-v{font-size:.86rem;font-weight:600;color:#172635;line-height:1.35}
#loginbtn,#updatebtn{border-radius:14px!important}
#logoutbtn{border-radius:14px!important}
#msg{color:#33465a!important;font-weight:600}