@import "https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;600;700;800&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--accent:#c96a1c;--accent-2:#e2935a;--accent-soft:#f4e7d6;--deep:#221606;--ink:#1b1611;--paper:#faf5ec;--muted:#6b6256;--faint:#9a9183;--line:#e7dec9;--line-2:#efe8d8;--green:#1fac85;--green-deep:#0f6e56;--green-soft:#e1f1ea;--blue:#2f5cc0;--blue-deep:#185fa5;--blue-soft:#e4eaf6;--red:#e2654f;--red-soft:#f8e4df;--amber:#b5651d;--amber-soft:#f4e3ce;--font:"Instrument Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:"Schibsted Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r-card:16px;--r-sm:10px;--r-pill:999px;--shadow-card:0 14px 34px -22px #3c280f47;--shadow-pop:0 40px 90px -40px #22160673}body.ef,.ef-app{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:linear-gradient(180deg,#fcfaf4,var(--paper)340px);background-attachment:fixed}.ef-app h1,.ef-app h2,.ef-app h3,.display{font-family:var(--display);letter-spacing:-.02em}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:600}.ef-app ::selection{background:var(--accent);color:#fff}.ef-app :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.page-title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.04}.page-sub{color:var(--muted);margin-top:8px;font-size:14px}.wm{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);white-space:nowrap;font-weight:800;line-height:1}.wm .hl{color:var(--accent)}.lockup{align-items:center;gap:.55em;display:inline-flex}.on-dark .wm{color:#fff}.on-dark .wm .hl{color:var(--accent-2)}.card{border:1px solid var(--line);border-radius:var(--r-card);background:#fff}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 20px}.stat-accent{background:var(--accent);border-color:var(--accent);color:#fff}.stat-accent .eyebrow{color:#ffffffb8}.btn-dark{white-space:nowrap;background:var(--ink);color:#fff;border-radius:var(--r-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.btn-dark:hover{background:var(--accent);transform:translateY(-1px)}.btn-dark:disabled{opacity:.6;cursor:not-allowed;background:var(--ink);transform:none}.btn-light{white-space:nowrap;color:var(--ink);border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;transition:transform .18s;display:inline-flex}.btn-light:hover{transform:translateY(-1px)}.btn-light:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-soft{white-space:nowrap;background:var(--accent-soft);color:var(--accent);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-soft:hover{background:color-mix(in oklab,var(--accent)16%,#fff)}.btn-act{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in oklab,var(--accent)35%,transparent);white-space:nowrap;cursor:pointer;background:0 0;border-radius:7px;padding:5px 9px;font-size:9.5px;font-weight:700;transition:all .15s}.btn-act:hover{background:var(--accent-soft)}.chip{color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.ico-btn{border-radius:var(--r-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .15s;display:grid}.ico-btn:hover{color:var(--ink);border:1px solid var(--line);background:#fff}.apri{color:var(--accent);cursor:pointer;align-items:center;gap:5px;font-size:12.5px;font-weight:600;transition:gap .2s;display:inline-flex}.apri:hover{gap:9px}.tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.tag-on,.tag-rel{color:var(--green-deep);background:var(--green-soft)}.tag-off,.tag-warn{color:var(--amber);background:var(--amber-soft)}.tag-info,.tag-guide{color:var(--blue-deep);background:var(--blue-soft)}.tag-err{color:var(--red);background:var(--red-soft)}.dot{border-radius:var(--r-pill);flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-green{background:var(--green)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.dot-blue{background:var(--blue)}.dot-accent{background:var(--accent)}.ico-tile{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.ico-tile.sm{border-radius:10px;width:34px;height:34px}.ico-tile.off{background:var(--line-2);color:var(--faint)}.av{color:#fff;width:22px;height:22px;font-size:9px;font-weight:700;font-family:var(--display);background:var(--deep);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.chip-stat{text-align:center;background:#ffffff12;border:1px solid #ffffff29;border-radius:14px;min-width:82px;padding:13px 15px}.chip-stat .v{font-family:var(--display);font-size:21px;font-weight:800;line-height:1}.chip-stat .l{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#ffffff8c;margin-top:6px;font-size:8.5px;font-weight:600;line-height:1.35}.art{cursor:pointer;gap:16px;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.art:hover{border-color:color-mix(in oklab,var(--accent)35%,transparent);box-shadow:0 10px 28px -20px #3c280f40}.art-img{width:150px;height:104px;color:var(--faint);background:repeating-linear-gradient(135deg,#f3ecdd,#f3ecdd 7px,#efe6d3 7px 14px);border-radius:12px;flex-shrink:0;place-content:center;justify-items:center;gap:5px;display:grid}.feed-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:500;transition:all .15s}.feed-tab:hover{color:var(--ink)}.feed-tab.on{color:var(--ink);font-weight:600}.app-ico{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.app-ico-tile{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:16px;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.app-ico:hover .app-ico-tile{transform:translateY(-2px);box-shadow:0 12px 24px -14px #3c280f66}.app-ico:active .app-ico-tile{transform:translateY(0)scale(.96)}.app-ico-dot{background:var(--green);border:2.5px solid #fff;border-radius:999px;width:11px;height:11px;position:absolute;top:-2px;right:-2px}.app-ico-lbl{color:var(--ink);text-align:center;font-size:11.5px;font-weight:600;line-height:1.15}.rail-ico{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.rail-ico.off{background:var(--line-2);color:var(--faint)}.nav-i{border-radius:var(--r-sm);color:var(--muted);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-i:hover{background:var(--line-2);color:var(--ink)}.nav-i.on{background:var(--accent-soft);color:var(--ink)}.nav-i.on svg{color:var(--accent)}.nav-i .cnt{font-family:var(--mono);color:var(--faint);margin-left:auto;font-size:10px;font-weight:600}.nav-i.on .cnt{color:var(--accent)}.mod{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;flex-direction:column;min-height:178px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.mod:hover{border-color:color-mix(in oklab,var(--accent)45%,transparent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.pipe{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;min-width:0;padding:14px 15px;transition:border-color .2s,box-shadow .2s}.pipe:hover{border-color:color-mix(in oklab,var(--accent)40%,transparent)}.pipe.sel{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent)12%,transparent);border-width:1.5px}.pipe-ico{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.seg{border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;align-items:center;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--ink);color:#fff}.field{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex}.field input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.field input::placeholder{color:var(--faint)}.form-label{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-label .opt{color:var(--faint);font-weight:500}.input,.textarea,.select{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:hover,.textarea:hover,.select:hover{border-color:#d8cdb8}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent)16%,transparent)}.textarea{resize:vertical;min-height:96px;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%239A9183' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:38px}.input-affix{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.input-affix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent)16%,transparent)}.input-affix .afx{color:var(--faint);font-family:var(--mono);padding:0 4px 0 12px;font-size:13px}.input-affix input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:10px 12px 10px 6px;font-size:14px}.input-affix input::placeholder{color:var(--faint)}.help{color:var(--faint);margin-top:6px;font-size:11.5px;line-height:1.4}.input.is-error,.textarea.is-error,.select.is-error{border-color:var(--red)}.input.is-error:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--red)16%,transparent)}.error-text{color:var(--red);align-items:center;gap:5px;margin-top:6px;font-size:11.5px;display:flex}.check{cursor:pointer;align-items:center;gap:10px;font-size:13.5px;line-height:1.4;display:inline-flex;position:relative}.check input{opacity:0;width:0;height:0;position:absolute}.check .box{border:1.5px solid var(--line);background:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.check .box.round{border-radius:999px}.check .box svg{opacity:0;transition:all .15s;transform:scale(.6)}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box svg{opacity:1;transform:none}.check .box .rdot{opacity:0;background:#fff;border-radius:999px;width:7px;height:7px;transition:all .15s}.check input:checked+.box .rdot{opacity:1}.check input:focus-visible+.box{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent)18%,transparent)}.switch{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{background:var(--line);border-radius:999px;width:38px;height:22px;transition:background .18s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent)18%,transparent)}.form-grid{gap:18px;display:grid}@media (min-width:640px){.form-grid.cols-2{grid-template-columns:1fr 1fr}}.form-actions{align-items:center;gap:10px;margin-top:2px;display:flex}.ef-table{border-collapse:collapse;width:100%;font-size:14px}.ef-table thead tr{background:var(--ink);color:#fff}.ef-table th{text-align:left;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:12px;font-size:10px;font-weight:600}.ef-table th.r,.ef-table td.r{text-align:right;font-variant-numeric:tabular-nums}.ef-table th.accent{background:color-mix(in oklab,var(--accent)88%,#000)}.ef-table tbody tr{border-top:1px solid var(--line-2)}.ef-table tbody tr:hover{background:color-mix(in oklab,var(--accent)5%,#fff)}.ef-table td{padding:14px 12px}.ef-table td:first-child{font-weight:600}.rail-row{align-items:center;gap:11px;display:flex}@keyframes ef-rise{0%{transform:translateY(10px)}to{transform:none}}@keyframes ef-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ef-line{stroke-dashoffset:0}.ef-dot{animation:2s ease-in-out infinite ef-dot}@media (prefers-reduced-motion:no-preference){.ef-rise{animation:.5s cubic-bezier(.16,1,.3,1) both ef-rise}.d1{animation-delay:40ms}.d2{animation-delay:80ms}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.d5{animation-delay:.2s}.d6{animation-delay:.24s}}.ef-side::-webkit-scrollbar{width:6px}.ef-side::-webkit-scrollbar-thumb{background:#ddd2bb;border-radius:3px}
