*{box-sizing:border-box;margin:0}:root{--bakgrunn: #f7f5f1;--flate: #ffffff;--tekst: #1d1d1f;--dempet: #86868b;--aksent: #0a7cff;--feil: #d92d20;--radius: 20px}html,body{height:100%}body{background:var(--bakgrunn);color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#rot{height:100%}.portal{min-height:100dvh;display:grid;place-items:center;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.portal-kort{width:100%;max-width:380px;background:var(--flate);border-radius:var(--radius);padding:28px 24px;box-shadow:0 1px 2px #0000000a,0 12px 40px #0000000f;display:flex;flex-direction:column;gap:16px;text-align:center}.portal-kort h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.portal-dempet{color:var(--dempet);font-size:.95rem;line-height:1.45}.portal-felt{display:flex;flex-direction:column;gap:6px;text-align:left}.portal-felt span{font-size:.8rem;font-weight:600;color:var(--dempet);text-transform:uppercase;letter-spacing:.04em}.portal-felt input{font:inherit;font-size:1.05rem;padding:14px 16px;border:1.5px solid rgb(0 0 0 / 10%);border-radius:14px;background:var(--bakgrunn);color:var(--tekst);width:100%}.portal-felt input:focus-visible{outline:none;border-color:var(--aksent);background:var(--flate)}.portal-kodefelt{text-align:center;font-size:1.5rem!important;font-weight:700;letter-spacing:.35em;text-transform:uppercase;font-variant-numeric:tabular-nums}.portal-primaer{font:inherit;font-size:1.05rem;font-weight:600;padding:15px;border:none;border-radius:14px;background:var(--aksent);color:#fff;cursor:pointer;transition:opacity .15s ease}.portal-primaer:disabled{opacity:.55;cursor:default}.portal-sekundaer{font:inherit;font-size:.95rem;font-weight:500;padding:12px;border:none;border-radius:14px;background:transparent;color:var(--dempet);cursor:pointer}.portal-sekundaer:hover{color:var(--tekst)}.portal-feil{color:var(--feil);font-size:.92rem}.portal-navnrad{display:flex;gap:8px;align-items:stretch}.portal-navn{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;padding:12px 16px;border-radius:14px;background:var(--bakgrunn);border:1.5px solid rgb(0 0 0 / 10%);min-height:52px}.portal-terning{font:inherit;font-size:1.5rem;width:52px;border:1.5px solid rgb(0 0 0 / 10%);border-radius:14px;background:var(--flate);cursor:pointer;transition:transform .12s ease;flex:none}.portal-terning:active{transform:rotate(24deg) scale(.92)}.portal-hilsen{font-size:1.15rem;font-weight:600}.portal-kode{font-size:2.2rem;font-weight:800;letter-spacing:.3em;padding:10px 0 2px;font-variant-numeric:tabular-nums}.portal-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--dempet);font-size:.98rem}.portal-prikk{width:8px;height:8px;border-radius:50%;background:#c7c7cc;flex:none}.portal-prikk--pa{background:#30c552}.portal-aktivitet{background:var(--bakgrunn);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}.portal-aktivitet p:first-child{font-weight:600}