:root{color-scheme:dark;--black:#050506;--ink:#0a0a0c;--panel:#101013;--white:#f7f7f4;--paper:#e9e9e5;--gray:#a5a5a8;--dim:#68686e;--line:#f3f3ef;--soft-line:#3b3b40;--lilac:#a98cff;--lilac-dark:#7055c7;--danger:#ff9aa2;--success:#c8ffcf}
*{box-sizing:border-box}html{background:var(--black)}body{margin:0;min-height:100vh;background:var(--black);color:var(--white);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px);background-size:5px 5px;mask-image:linear-gradient(145deg,#000,transparent 48%)}.ambient{display:none}button,select,textarea{font:inherit}button{color:inherit}main{position:relative;width:min(100%,700px);min-height:100vh;margin:auto;padding:calc(15px + env(safe-area-inset-top)) 15px calc(28px + env(safe-area-inset-bottom))}
.topbar{display:flex;align-items:center;min-height:50px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--white)}.mark{width:46px;height:46px;flex:0 0 46px;overflow:hidden;border:2px solid var(--white);border-radius:50%;background:#111;box-shadow:4px 4px 0 var(--lilac)}.mark img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:grayscale(1) contrast(1.35)}.identity{display:flex;flex-direction:column;margin-left:12px}.identity span{color:var(--gray);font:700 8px/1.2 monospace;letter-spacing:.2em;text-transform:uppercase}.identity strong{font:900 18px/1.2 Georgia,serif;letter-spacing:.12em}.connection{margin-left:auto;color:var(--dim);font-size:10px}.connection.online{color:var(--lilac);text-shadow:0 0 10px var(--lilac)}.back{width:37px;height:37px;margin-right:10px;border:2px solid var(--white);border-radius:0;background:var(--black);box-shadow:3px 3px 0 var(--lilac);font-size:20px;font-weight:900}.view{display:none;animation:page-in .2s ease both}.view.active{display:block}@keyframes page-in{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:none}}
.welcome{position:relative;height:278px;margin:0 0 18px;border:3px solid var(--white);overflow:hidden;background:#000;box-shadow:6px 6px 0 var(--lilac)}.welcome::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#000 0,rgba(0,0,0,.94) 31%,rgba(0,0,0,.22) 68%,transparent),linear-gradient(0deg,#000 0,transparent 48%)}.welcome::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px)}.welcome-art{position:absolute;inset:0}.welcome-art>img{position:absolute;right:-4%;top:-31%;width:75%;height:145%;object-fit:cover;object-position:50% 24%;filter:grayscale(1) contrast(1.45) brightness(.8)}.welcome-art::after{content:"";position:absolute;right:0;inset-block:0;width:67%;background:radial-gradient(circle at 55% 39%,rgba(169,140,255,.19),transparent 38%);mix-blend-mode:screen}.kana{position:absolute;z-index:4;right:9px;top:10px;color:var(--white);font:700 10px monospace;letter-spacing:.24em;writing-mode:vertical-rl}.unit-code{position:absolute;z-index:4;right:10px;bottom:8px;padding:3px 5px;background:var(--white);color:#000;font:700 8px monospace;letter-spacing:.1em}.focus-mark{position:absolute;z-index:4;width:20px;height:20px;border-color:var(--lilac)}.focus-one{right:34%;top:17%;border-left:2px solid;border-top:2px solid}.focus-two{right:6%;bottom:15%;border-right:2px solid;border-bottom:2px solid}.welcome-copy{position:absolute;z-index:5;left:17px;right:39%;bottom:18px}.welcome-copy>p:first-child{display:inline-block;margin:0 0 6px;padding:3px 6px;background:var(--white);color:#000;font:900 9px monospace;letter-spacing:.12em;text-transform:uppercase}.welcome-copy h1{margin:0 0 8px;font:900 clamp(28px,7.7vw,42px)/.98 Georgia,serif;letter-spacing:-.045em;text-shadow:2px 2px 0 #000}.welcome-copy p:last-child{margin:0;color:#c8c8c8;font-size:11px;line-height:1.4}
.hub{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-card{position:relative;display:flex;flex-direction:column;min-height:188px;padding:14px;text-align:left;border:2px solid var(--white);border-radius:0;background:var(--black);overflow:hidden}.hub-card:nth-child(1),.hub-card:nth-child(4){background:var(--paper);color:#050506}.hub-card:nth-child(1) .card-copy em,.hub-card:nth-child(4) .card-copy em{color:#4e4e52}.hub-card:nth-child(1) .card-index,.hub-card:nth-child(4) .card-index{color:#333}.hub-card:nth-child(1) .card-icon,.hub-card:nth-child(4) .card-icon{border-color:#000;color:#000}.hub-card:active{transform:translate(3px,3px);box-shadow:none}.hub-card::before{content:"";position:absolute;right:-35px;bottom:-35px;width:105px;height:105px;border:2px solid currentColor;border-radius:50%;opacity:.18}.hub-card::after{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(circle,currentColor 0 1px,transparent 1.3px);background-size:6px 6px;mask-image:linear-gradient(135deg,transparent 40%,#000)}.hub-card:nth-child(2){box-shadow:5px 5px 0 var(--lilac)}.hub-card:nth-child(3){box-shadow:-5px 5px 0 var(--lilac)}.card-index{z-index:1;color:var(--gray);font:700 9px monospace}.card-icon{z-index:1;display:grid;place-items:center;width:34px;height:34px;margin:16px 0 auto;border:2px solid var(--white);border-radius:50%;color:var(--white);font:900 17px Georgia,serif}.card-copy{z-index:1;display:flex;flex-direction:column;min-width:0}.card-copy small{font:900 11px monospace;letter-spacing:.13em;text-transform:uppercase}.card-copy strong{margin:4px 0 2px;font:900 clamp(19px,5.4vw,28px)/1.05 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy em{color:var(--gray);font-size:10px;font-style:normal}.arrow{position:absolute;z-index:1;right:12px;top:10px;color:var(--lilac);font-size:18px;font-weight:900}.hub-card:nth-child(1) .arrow,.hub-card:nth-child(4) .arrow{color:var(--lilac-dark)}.signature{position:relative;width:max-content;max-width:92%;margin:28px auto 5px;padding:8px 13px;border:2px solid var(--white);background:var(--white);color:#050506;font:italic 12px Georgia,serif}.signature::after{content:"";position:absolute;left:20px;bottom:-10px;border-width:9px 9px 0 0;border-style:solid;border-color:var(--white) transparent transparent transparent}
.detail-view{padding-bottom:25px}.page-heading{position:relative;margin:38px 2px 28px;padding-left:13px;border-left:5px solid var(--lilac)}.page-heading>span{color:var(--gray);font:800 9px monospace;letter-spacing:.18em;text-transform:uppercase}.page-heading h1{margin:5px 0 8px;font:900 clamp(30px,8vw,47px)/1 Georgia,serif;letter-spacing:-.04em}.page-heading h1::after{content:"LEYA // DATA FILE";display:block;margin-top:9px;color:var(--lilac);font:700 8px monospace;letter-spacing:.2em}.page-heading p{margin:0;color:var(--gray);font-size:12px}.balance-panel,.nutrition-hero{margin-bottom:10px;padding:22px;border:3px solid var(--white);border-radius:0;background:var(--paper);color:#050506;box-shadow:6px 6px 0 var(--lilac)}.balance-panel small,.nutrition-hero small,.metric-grid small{font:800 9px monospace;letter-spacing:.1em;text-transform:uppercase}.balance-panel strong{display:block;margin:6px 0;font:900 clamp(36px,10vw,56px) Georgia,serif}.balance-panel span{color:#555}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:15px;border:2px solid var(--white);background:#0b0b0d}.metric-grid strong{display:block;margin-top:5px;font:900 19px Georgia,serif}.metric-grid article:first-child strong{color:var(--white)}.metric-grid article:last-child strong{color:var(--success)}.panel{margin-top:10px;padding:17px;border:2px solid var(--white);border-radius:0;background:#0a0a0c;box-shadow:3px 3px 0 #303036}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--soft-line)}.panel-title h2{margin:0;font:900 18px Georgia,serif}.panel-title span{color:var(--lilac);font:800 9px monospace;letter-spacing:.1em;text-transform:uppercase}.list{display:grid}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px dashed #505056}.row:first-child{border-top:0}.row>div{min-width:0}.row small{display:block;margin-top:2px;color:var(--gray);font-size:11px}.row strong{font-weight:800;text-align:right}.muted,.empty{color:var(--gray)}.empty{padding:12px 0;font-size:12px}.progress{height:6px;margin:6px 0 4px;border:1px solid var(--white);background:#000;overflow:hidden}.progress i{display:block;height:100%;background:var(--lilac)}.chart{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(72px,1fr) 1.5fr auto;align-items:center;gap:9px;font-size:11px}.bar-track{height:7px;border:1px solid var(--white);background:#000}.bar-fill{height:100%;background:var(--lilac)}.nutrition-hero{display:flex;align-items:center;gap:18px}.calorie-ring{display:grid;place-content:center;width:103px;height:103px;flex:0 0 103px;border:3px solid #000;border-radius:50%;background:repeating-radial-gradient(circle,#fff 0 2px,#d7d7d7 2px 4px);box-shadow:inset 0 0 0 8px var(--paper)}.calorie-ring strong{font:900 26px Georgia,serif;text-align:center}.calorie-ring small{text-align:center}.nutrition-hero>div:last-child>strong{display:block;font:900 24px Georgia,serif}.nutrition-hero p{color:#555;font-size:11px}.advice,.chat-hint{position:relative;margin:12px 0 0;padding:16px;border:2px solid var(--white);background:var(--white);color:#050506;font:italic 13px/1.5 Georgia,serif}.advice::after,.chat-hint::after{content:"";position:absolute;left:18px;bottom:-11px;border-width:10px 10px 0 0;border-style:solid;border-color:var(--white) transparent transparent transparent}.amount.expense{color:var(--danger)}.amount.income{color:var(--success)}
.codex-panel label{display:block;margin:13px 0 5px;color:var(--gray);font:800 9px monospace;text-transform:uppercase;letter-spacing:.1em}.codex-panel select,.codex-panel textarea{width:100%;margin-top:7px;padding:13px;border:2px solid var(--white);border-radius:0;outline:0;background:#000;color:var(--white)}.codex-panel textarea{min-height:116px;resize:vertical;text-transform:none;letter-spacing:normal}.codex-panel select:focus,.codex-panel textarea:focus{border-color:var(--lilac);box-shadow:3px 3px 0 var(--lilac)}.primary,.secondary,.device-actions button,.continue-job{border:2px solid var(--white);border-radius:0;background:#000;color:var(--white);padding:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.primary{width:100%;margin-top:10px;background:var(--white);color:#000;box-shadow:4px 4px 0 var(--lilac)}.secondary{width:100%;margin-top:8px}.confirm-box{margin-top:13px;padding:14px;border:2px solid var(--lilac);background:#101014}.confirm-box p{color:var(--paper);font-size:12px}.device-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.device-actions button{padding:10px;font-size:9px}.device-actions .danger{border-color:var(--danger);color:var(--danger)}.continue-job{width:auto;padding:7px 8px;align-self:center;border-color:var(--lilac);font-size:9px}.error{position:fixed;z-index:20;left:15px;right:15px;bottom:calc(15px + env(safe-area-inset-bottom));max-width:640px;margin:auto;padding:13px;border:2px solid var(--white);background:#000;color:var(--white);box-shadow:4px 4px 0 var(--lilac)}
@media(max-width:390px){.welcome{height:268px}.welcome-copy{left:14px;right:38%;bottom:15px}.welcome-art>img{right:-8%;width:81%}.hub-card{min-height:180px}.card-copy strong{font-size:19px}}@media(min-width:600px){main{padding-left:23px;padding-right:23px}.hub{gap:14px}.hub-card{min-height:205px}}
.welcome-art>img{filter:grayscale(1) contrast(1.5) brightness(.94)}.welcome-copy{right:auto;width:59%;padding:12px 13px 13px;border:2px solid #000;background:var(--white);color:#000;box-shadow:4px 4px 0 var(--lilac)}.welcome-copy::after{content:"";position:absolute;right:-12px;bottom:14px;border-width:10px 0 0 12px;border-style:solid;border-color:transparent transparent transparent var(--white)}.welcome-copy>p:first-child{background:#000;color:#fff}.welcome-copy h1{color:#000;font-size:clamp(25px,6.9vw,37px);text-shadow:none}.welcome-copy p:last-child{color:#3f3f43;font-size:10px}@media(max-width:390px){.welcome-copy{left:13px;right:auto;width:61%;bottom:14px}}