:root{--bg: #111214;--surface: #1a1c1f;--line: #31353a;--fg: #f1efe9;--fg-2: #a8a69f;--brass: #d8a840;--skills-1: #2a2416;--skills-2: #15171a;--food-1: #16271b;--food-2: #15171a;--newyear-1: #1b2150;--newyear-2: #0d1024;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font-display: "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f2f2ef;--surface: #ffffff;--line: #d9d7d0;--fg: #17181a;--fg-2: #5d5b55;--brass: #94690f;--skills-1: #f6ead0;--skills-2: #fbf8f1;--food-1: #dcefdc;--food-2: #f6faf4;--newyear-1: #dfe2f6;--newyear-2: #f6f5fb;--shadow: 0 10px 30px rgba(30, 28, 20, .16);color-scheme:light}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:400 16px/1.5 var(--font-body)}.portal{max-width:920px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom))}.portal-head{margin-bottom:24px}.portal-head h1{margin:0;font:800 40px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.portal-head h1{display:flex;align-items:center;gap:12px}.brand-enso{flex:none;width:44px;height:44px;background:currentColor;-webkit-mask:url(/icons/enso.svg) center / contain no-repeat;mask:url(/icons/enso.svg) center / contain no-repeat}.portal-head p{margin:8px 0 0;color:var(--fg-2)}.portal-apps{display:grid;gap:16px;grid-template-columns:1fr;margin:0;padding:0;list-style:none}@media(min-width:640px){.portal-apps{grid-template-columns:1fr 1fr}}.app-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.app-card:hover{transform:translateY(-2px);border-color:var(--accent)}.app-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-card-skills{--accent: var(--brass)}.app-card-food{--accent: #4fc56b}.app-card-newyear{--accent: #f0c45c}.app-art{display:block;width:100%;height:auto;aspect-ratio:16 / 10}.app-body{padding:16px 18px 18px}.app-name{display:flex;align-items:center;gap:10px;margin:0;font:800 28px/1.1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.app-text{margin:6px 0 0;color:var(--fg-2)}.app-tag{padding:3px 9px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font:600 12px/1.4 var(--font-body);letter-spacing:0;text-transform:none}.back-link{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid var(--line);color:var(--fg);text-decoration:none;font-weight:600}.back-link:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.login-page{max-width:440px}.login-card{display:grid;gap:16px;padding:22px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.login-card .field{display:flex;flex-direction:column;gap:6px}.login-card .field>span{color:var(--fg-2);font-size:14px;font-weight:600}.login-card input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--fg);font:500 16px/1.4 var(--font-body)}.login-card input:focus-visible{outline:3px solid var(--brass);outline-offset:1px}.login-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.login-help{margin:0;color:var(--fg-2);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);font:600 16px/1 var(--font-body);cursor:pointer}.btn:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.btn:disabled{opacity:.6;cursor:default}.btn-brass{background:var(--brass);border-color:var(--brass);color:var(--bg)}.btn-ghost{background:transparent}.btn-danger{border-color:#e8584f;color:#e8584f}.form-error{margin:0;color:#e8584f;font-weight:600}.portal-empty{margin:0;padding:18px;border:1px dashed var(--line);border-radius:18px;color:var(--fg-2)}.account{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.account-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.account h2{margin:0;font:800 24px/1.1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.account-email,.account-text{margin:6px 0 0;color:var(--fg-2)}.account-card{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.account-card h3{margin:0;font:800 20px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.account-head-actions{margin-top:0}a.btn{text-decoration:none}.account-form{display:grid;gap:14px;margin-top:18px}.account-form .field{display:flex;flex-direction:column;gap:6px}.account-form .field>span{color:var(--fg-2);font-size:14px;font-weight:600}.account-form input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--fg);font:500 16px/1.4 var(--font-body)}.totp-qr{width:200px;max-width:100%}.totp-qr svg{display:block;width:100%;height:auto;background:#fff;border-radius:12px}.account code{word-break:break-all;font-size:15px}.recovery-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.recovery-list li{padding:10px;border:1px dashed var(--line);border-radius:10px;font:600 16px/1.2 ui-monospace,monospace;text-align:center}[hidden]{display:none!important}