/* Lufox clarity pass · shared hierarchy for public pages and the player workspace. */
:root{--lf-content:1200px;--lf-card-radius:16px;--lf-space:24px}
body::before{display:none}
#wrapper{min-height:60vh}
#navbar.ui.secondary.menu,body.dark #navbar.ui.secondary.menu:not(.inverted){margin:0!important;padding:12px 0!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--line)!important;width:100%;box-shadow:none!important;background:var(--bg-elevated)!important;backdrop-filter:none;overflow:visible}
#navbar>.ui.container{display:flex;align-items:center;gap:14px;width:calc(100% - 48px)!important;max-width:var(--lf-content)!important;margin:0 auto!important;min-height:44px}
#navbar .lufox-marke-item{flex:0 0 auto;padding:6px 0!important;margin-right:18px!important}
#navbar .lufox-logo{max-height:32px}
.lf-primary-nav{display:flex;align-items:center;gap:4px;min-width:0}
#navbar .lf-primary-nav>.item{font-size:.92rem;padding:11px 14px!important;margin:0!important;white-space:nowrap}
#navbar .right.menu{margin-left:auto!important;gap:7px;align-items:center;flex-shrink:0}
#navbar .right.menu>.button{border-radius:10px!important;box-shadow:none!important}
#navbar .lf-palette-trigger{margin-left:auto;margin-right:0;width:38px;height:38px}
#navbar .right.menu{margin-left:0!important}
.lf-nav-more{position:relative;color:var(--text-muted);font-size:.92rem}
.lf-nav-more>summary{list-style:none;cursor:pointer;padding:11px 14px;white-space:nowrap;border-radius:10px}
.lf-nav-more>summary::-webkit-details-marker{display:none}
.lf-nav-more[open]>summary,.lf-nav-more>summary:hover{color:var(--text);background:var(--accent-soft)}
.lf-nav-more>summary span{padding-left:8px}
.lf-nav-more-panel{position:absolute;top:calc(100% + 13px);left:0;min-width:285px;padding:16px;background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 16px 40px #0002;display:grid;gap:3px;z-index:300;max-height:70vh;overflow:auto}
.lf-nav-more-panel>.lufox-kicker{padding:7px 10px;font-size:.66rem}
.lf-nav-more-panel>a{display:block;padding:10px;border-radius:8px;color:var(--text);font-weight:550}
.lf-nav-more-panel>a:hover{background:var(--accent-soft);color:var(--accent)}
.lf-nav-more-panel>a>small{display:block;font-size:.79rem;font-weight:400;line-height:1.5;margin-top:3px}
#navbar .toc.item{display:none!important}
.lf-page-spacer{height:24px!important}
.lf-welcome{padding:66px 0 44px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 4%,var(--bg)) 0%,var(--bg) 68%)}
.lf-welcome-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.8fr);gap:70px;align-items:center;max-width:var(--lf-content)!important}
.lf-welcome-copy>h1{font-size:clamp(2.8rem,4.4vw,4.7rem);line-height:1.04;letter-spacing:-.055em;font-weight:740;margin:19px 0 22px;max-width:11ch}
.lf-welcome-copy>h1>span{color:var(--accent)}
.lf-welcome-copy>p{max-width:44ch;font-size:1.1rem;line-height:1.8;color:var(--text-muted);margin:0 0 25px}
.lf-welcome .lf-actions{margin:0;gap:10px;display:flex;flex-wrap:wrap}
.lf-welcome .ui.button{padding:15px 20px!important;border-radius:10px!important;font-size:.95rem!important;box-shadow:none!important}
.lf-welcome-note{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.82rem;color:var(--text-muted);margin-top:25px}
.lf-welcome-signal{width:7px;height:7px;background:var(--text-faint);border-radius:50%;flex-shrink:0}
.lf-welcome-signal.lf-green{background:var(--ok)}
.lf-connect-card{padding:28px;border:1px solid var(--line-strong);border-radius:20px;background:var(--bg-elevated);box-shadow:0 14px 36px #00000008}
.lf-connect-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.lf-connect-card h2{font-size:1.85rem;line-height:1.2;margin:9px 0 0;letter-spacing:-.04em}
.lf-connect-card-top>img{object-fit:contain;filter:drop-shadow(0 12px 14px #0001)}
.lf-connect-address{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-block:1px solid var(--line)}
.lf-connect-address small{display:block;font-size:.75rem;margin-bottom:5px}
.lf-connect-address strong{font:650 1.7rem var(--schrift);letter-spacing:-.04em}
.lf-connect-address button{min-height:40px;padding:9px 14px;flex-shrink:0}
.lf-connect-bedrock{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--text-muted);font-size:.8rem;line-height:1.7;margin:12px 0 0}
.lf-connect-bedrock strong{color:var(--text);font-weight:550}
.lf-connect-help{display:block;border-top:1px solid var(--line);padding-top:16px;margin-top:17px;font-size:.83rem;color:var(--accent)}
#lufox-main>.lf-section{padding:40px 0;margin:0}
#lufox-main>.lf-section+.lf-section{border-top:1px solid var(--line)}
.lf-section-heading{gap:20px;margin-bottom:22px;align-items:end}
.lf-section-heading h2,.lf-section>h2{font-size:1.8rem;line-height:1.25;letter-spacing:-.035em;margin:8px 0 0}
.lf-section-heading>p{font-size:.82rem;line-height:1.6;max-width:32ch;color:var(--text-muted);margin:0}
.lf-section .lf-lead{font-size:1rem;max-width:65ch;line-height:1.8}
.lf-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lf-task-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;min-height:255px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--lf-card-radius);color:var(--text);transition:border-color .18s,background-color .18s}
.lf-task-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 3%,var(--bg-elevated));color:var(--text)}
.lf-task-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:20px}
.lf-task-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lf-task-icon img{object-fit:contain}
.lf-task-card h3{font-size:1.08rem;margin:0 0 10px;letter-spacing:-.02em}
.lf-task-card p{color:var(--text-muted);font-size:.88rem;line-height:1.75;margin:0 0 20px}
.lf-task-link{display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:auto;color:var(--accent);font-size:.82rem;font-weight:650}
.lf-network-metrics{gap:12px}
.lf-network-metrics .lf-card{padding:20px;border-radius:12px;box-shadow:none;background:var(--bg-elevated)}
.lf-network-metrics .lf-stat-number{font-size:1.8rem;letter-spacing:-.04em}
.lf-network-metrics .lf-card>span{font-size:.8rem}
.lf-network-disclosure{margin-top:15px;border:1px solid var(--line);border-radius:var(--lf-card-radius);padding:0 20px;background:var(--bg-elevated)}
.lf-network-disclosure>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:.9rem;font-weight:600;padding:19px 0;color:var(--text)}
.lf-network-disclosure>summary::-webkit-details-marker{display:none}
.lf-network-disclosure[open]>summary{border-bottom:1px solid var(--line)}
.lf-network-disclosure .lf-server-grid{padding:18px 0;gap:12px}
.lf-network-disclosure .lf-card{padding:18px;border-radius:12px;box-shadow:none}
.lf-network-disclosure .lf-card p{font-size:.83rem;line-height:1.65}
.lf-network-disclosure .lf-card-bottom{display:grid;gap:12px}
.lf-network-disclosure .lf-card-bottom .lf-button{font-size:.75rem;justify-self:start}
.lf-quick-links{font-size:.86rem;gap:20px;margin-top:20px}
.lf-community{gap:45px}
.lf-community h2{font-size:1.8rem!important;line-height:1.3!important;letter-spacing:-.035em}
.lf-community p{font-size:.95rem;max-width:55ch;line-height:1.85;color:var(--text-muted)}
.lf-feature-list a{padding:17px 0!important}
.lf-feature-list a strong{font-size:.93rem}
.lf-feature-list a span{font-size:.84rem}
.lf-news-card .description{max-height:150px;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent)}
.lf-news-card{box-shadow:none!important;border:1px solid var(--line)!important;border-radius:var(--lf-card-radius)!important}
/* Consistent form and card hierarchy on every feature page. */
.lf-card,.lfh-card,.li-panel,.lf-workshop-panel,.lf-fleet-card{border-radius:var(--lf-card-radius);box-shadow:none}
.lf-guide h1,.lfh-hero h1{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.045em;line-height:1.12}
.lf-tabs{gap:5px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:25px;overflow-x:auto;scrollbar-width:thin}
.lf-tabs a{padding:10px 14px;border-radius:9px;white-space:nowrap}
.lf-workspace-bar{border-bottom:1px solid var(--line);margin-bottom:10px}
.lf-workspace-bar>.ui.container{display:flex;align-items:center;gap:28px;padding:0 0 15px!important}
.lf-workspace-label{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}
.lf-workspace-bar nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.lf-workspace-bar a{display:block;padding:10px 14px;border-radius:9px;font-size:.84rem;color:var(--text-muted);white-space:nowrap}
.lf-workspace-bar a:hover{background:var(--bg-elevated);color:var(--text)}
.lf-workspace-bar a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:650}
.lfh-hero{padding:22px 0 24px!important;margin:0 0 24px!important;background:none!important;box-shadow:none!important;border-radius:0!important;border:0!important}
.lfh-hero-text p{font-size:.95rem}
.lfh-block{margin-block:30px}
.lfh-areas{gap:12px}
.lfh-area{padding:20px;border-radius:14px;box-shadow:none}
.lfh-wallet{padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated)}
.lfh-js .lfh-reveal{opacity:1;transform:none;transition:none}
.li-panel,.lf-workshop-panel{padding:24px}
.li-section-title p,.lf-workshop-help,.li-muted{font-size:.88rem;line-height:1.8}
.li-form-grid,.lf-machine-settings{gap:16px}
.ui.form input:not([type=checkbox]):not([type=radio]),.ui.form select,.ui.form textarea,.lf-guide input:not([type=checkbox]):not([type=radio]),.lf-guide select{border-radius:9px}
.ui.form label,.lf-guide label{font-size:.86rem}
.lf-button,.ui.button{transition:background-color .18s,border-color .18s;box-shadow:none}
:is(a,button,input,select,summary,textarea):focus-visible{outline:2px solid var(--accent-2)!important;outline-offset:3px}
.lf-auth-heading,#page-login #login,#page-register #register{max-width:680px;margin-inline:auto!important}
.lf-auth-heading{padding:20px 0 10px}
.lf-auth-heading h1{font-size:2.1rem;margin:10px 0 10px!important;letter-spacing:-.04em}
.lf-auth-heading p{color:var(--text-muted);line-height:1.7}
#page-login #login{padding:28px!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:none!important;background:var(--bg-elevated)!important}
#page-login #login .column{width:100%!important;max-width:none!important}
#page-login #login .ui.primary.button{width:100%;margin:8px 0 15px;min-height:44px}
#page-login #login .right.floated.button{float:none;margin:0;padding:8px 0;background:transparent!important;color:var(--text-muted)!important;font-weight:500}
/* Smaller footer, real destinations grouped once. */
#footer.lf-living-footer{padding:38px 0 18px!important;margin-top:48px;background:var(--bg-elevated)!important}
.lf-footer-sky{display:none!important}
.lf-footer-top{gap:55px!important;grid-template-columns:minmax(200px,.8fr) minmax(0,1.8fr)!important;padding-bottom:28px!important}
.lf-footer-story p{font-size:.85rem!important;line-height:1.8!important;margin:16px 0!important;max-width:30ch}
.lf-footer-story small{font-size:.75rem!important;margin-top:10px}
.lf-footer-connect{padding:10px 14px!important;margin:0!important;font-size:.85rem!important;border-radius:9px!important}
.lf-footer-links{gap:26px!important}
.lf-footer-links h3{font-size:.79rem!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:12px!important;color:var(--text)!important}
.lf-footer-links a,.lf-footer-more summary{font-size:.8rem!important;padding-block:5px!important;line-height:1.6}
.lf-footer-bottom{padding-top:18px!important;font-size:.73rem!important;gap:20px!important}
.lf-global-tools{padding:18px 24px!important;justify-content:space-between!important;border-top:1px solid var(--line);max-width:none;background:var(--bg-elevated);font-size:.78rem}
.lf-global-tools>.lf-button{font-size:.78rem;padding:8px 12px;min-height:36px}
.lf-global-tools .lf-motion-label{font-size:.78rem}
.lf-global-tools .lf-motion-label select{min-height:36px;font-size:.78rem}
@media(max-width:1080px){#navbar .lf-primary-nav>.item,.lf-nav-more>summary{padding-inline:10px!important}.lf-welcome-grid{gap:35px;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)}.lf-task-card{padding:20px}.lf-task-grid{gap:12px}.lf-footer-top{gap:30px!important}}
@media(max-width:950px){.lf-primary-nav{display:none}#navbar .toc.item{display:flex!important;min-width:38px;justify-content:center}#navbar .lufox-marke-item{margin-right:4px!important}#navbar .lf-palette-trigger{margin-left:auto}.lf-welcome-grid{gap:30px}.lf-welcome-copy>h1{font-size:3.1rem}.lf-welcome-copy>p{font-size:1rem}.lf-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-task-card{min-height:220px}.lf-task-card p{max-width:40ch}.lf-workspace-bar>.ui.container{gap:15px}.lf-workspace-label{display:none}}
@media(max-width:767px){#navbar>.ui.container{width:calc(100% - 28px)!important;gap:6px}#navbar{padding:8px 0!important}.lf-welcome{padding:38px 0 32px}.lf-welcome-grid{grid-template-columns:1fr;gap:30px}.lf-welcome-copy>h1{font-size:2.8rem;max-width:13ch;margin:16px 0}.lf-welcome-copy>p{max-width:48ch;line-height:1.75}.lf-connect-card{padding:22px}.lf-connect-card-top>img{width:80px;height:90px}.lf-connect-card h2{font-size:1.5rem}.lf-connect-card-top{margin-bottom:10px}.lf-connect-bedrock{margin-top:10px}.lf-connect-help{padding-top:12px;margin-top:12px}#lufox-main>.lf-section{padding:30px 0}.lf-section-heading{display:block;margin-bottom:18px}.lf-section-heading>p{max-width:none;margin-top:12px}.lf-section-heading h2,.lf-section>h2,.lf-community h2{font-size:1.5rem!important}.lf-section-heading>a{display:inline-block;margin-top:10px}.lf-task-grid{gap:10px}.lf-task-card{padding:18px;min-height:230px}.lf-task-icon{margin-bottom:16px;width:40px;height:40px}.lf-task-card h3{font-size:.98rem}.lf-task-card p{font-size:.81rem;line-height:1.7;margin-bottom:18px}.lf-task-link{font-size:.76rem}.lf-network-disclosure{padding-inline:16px}.lf-community{display:grid;grid-template-columns:1fr!important;gap:22px}.lf-workspace-bar>.ui.container{padding:0 0 10px!important}.lf-workspace-bar nav{gap:2px;padding-bottom:5px}.lf-workspace-bar a{padding:10px;font-size:.8rem}.lfh-has-dock .lf-workspace-bar{display:none}.lfh-dock{grid-template-columns:repeat(4,1fr)}.li-panel,.lf-workshop-panel{padding:19px}.lfh-area{padding:17px}.lfh-wallet{padding:12px}.lf-footer-top{grid-template-columns:1fr!important;gap:30px!important}.lf-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.lf-footer-story p{max-width:none}.lf-footer-bottom{align-items:flex-start!important}.lf-global-tools{padding-inline:16px!important}.lf-global-tools .lf-motion-label{width:auto}#page-login #login{padding:22px!important}.lf-auth-heading h1{font-size:1.8rem}}
@media(max-width:420px){#navbar .right.menu>.button{font-size:.73rem!important;padding:10px 9px!important}#navbar .lufox-logo{max-height:27px}.lf-welcome-copy>h1{font-size:2.55rem}.lf-task-grid{grid-template-columns:1fr}.lf-task-card{min-height:0;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:15px;align-items:start;padding:20px}.lf-task-icon{grid-row:1/4;margin:0}.lf-task-card h3,.lf-task-card p,.lf-task-card .lf-task-link{grid-column:2}.lf-task-card p{margin-bottom:12px}.lf-footer-links{grid-template-columns:1fr 1fr!important}.lf-footer-links>div:last-child{grid-column:1/-1}.lf-footer-links>div:last-child>a{display:inline-block;margin-right:15px}.lf-connect-address strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.lf-task-card,.lf-button{transition:none!important}}

@media(max-width:360px){#navbar .lf-register-link{display:none!important}#navbar>.ui.container{gap:5px}.lf-connect-address{gap:10px}}