@import "https://fonts.googleapis.com/css2?family=Sniglet:wght@400&display=swap";:root{--kringle-light-green:#75cc75;--kringle-green:#4c754c;--kringle-dark-green:#314c31;--kringle-light-grey:#d5d5d5;--kringle-grey:#7a7a7a;--kringle-dark-grey:#5a5a5a;--kringle-gold:#c1af75;--kringle-orange:#ffa722;--kringle-yellow:#f4c430;--kringle-red:#a33d3d;--kringle-white:#fff;--kringle-black:#000;--kringle-dark-blue:#1a3745;--kringle-blue:#3d82a5;--kringle-light-blue:#55b5e6;--kringle-page-background-color:#07101f;--kringle-primary-color:var(--kringle-gold);--kringle-secondary-color:#d5d5d5;--kringle-default-color:var(--kringle-gold);--kringle-text-color:#d5d5d5;--app-frame-max-width:620px;color:var(--kringle-text-color);background:var(--kringle-page-background-color);font-synthesis:none;font-family:Sniglet,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--kringle-page-background-color)}body{background:var(--kringle-page-background-color);min-width:320px;min-height:100vh;color:var(--kringle-text-color);margin:0;line-height:1.6}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:var(--kringle-default-color)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--kringle-orange);outline-offset:1px}#app{min-height:100vh}.material-icons{font-family:Material Icons;font-style:normal;font-weight:400;line-height:1}.kringle-gold-color,.kringle-primary-color{color:var(--kringle-gold)!important}.kringle-secondary-color,.kringle-text-color{color:var(--kringle-secondary-color)!important}.kringle-default-color{color:var(--kringle-default-color)!important}.kringle-black-color{color:var(--kringle-black)!important}.kringle-white-color{color:var(--kringle-white)!important}.kringle-orange-color{color:var(--kringle-orange)!important}.kringle-red-color,.kringle-error-color{color:var(--kringle-red)!important}.kringle-green-color{color:var(--kringle-green)!important}.kringle-default-background-color{background:var(--kringle-gold)!important}.kringle-green-background-color{background:var(--kringle-green)!important}.kringle-orange-background-color{background:var(--kringle-orange)!important}.kringle-red-background-color{background:var(--kringle-red)!important}.kringle-dark-blue-background-color{background:var(--kringle-dark-blue)!important}.kringle-dark-grey-background-color{background:var(--kringle-dark-grey)!important}.app-shell{width:min(100%, var(--app-frame-max-width));background:var(--kringle-page-background-color);border-inline:1px solid #000;min-height:100vh;margin:0 auto;box-shadow:0 0 60px #0009}.topbar{z-index:20;border-bottom:1px solid #000;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.19em;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:flex}.brand-kode{color:var(--kringle-gold)}.language,.text{color:var(--kringle-gold);cursor:pointer;background:0 0;border:0;text-decoration:underline}main{min-height:calc(100vh - 48px)}.hero{align-items:center;gap:44px;padding:54px 28px 44px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:10px}.hero h1,.page h1,.center-page h1,.public-page h1{text-wrap:balance;margin:8px 0 12px;font-size:clamp(29px,8vw,42px);font-weight:400;line-height:1.08}.lead{max-width:500px;color:var(--kringle-secondary-color);font-size:17px;line-height:1.55}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}.hero .actions{justify-content:flex-start}.button{background:var(--kringle-green);color:#fff;cursor:pointer;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;min-height:38px;margin:0;padding:8px 14px;text-decoration:none;display:inline-flex;box-shadow:0 1px #0008}.nice-button{padding-inline:14px}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.button:disabled{opacity:.65;cursor:not-allowed;background:var(--kringle-grey)!important;color:#000!important}.primary{background:var(--kringle-green)!important;color:#fff!important}.secondary{background:var(--kringle-gold)!important;color:#000!important}.wide{width:100%}.trust,.muted,small{color:var(--kringle-light-grey)}.phone-preview{text-align:center;border:1px solid #000;border-radius:12px;padding:28px 20px;box-shadow:8px 8px #0005}.phone-preview h2{color:var(--kringle-gold);margin-bottom:0}.avatar{background:var(--kringle-orange);color:#000;text-transform:uppercase;border:1px solid #000;border-radius:50%;place-items:center;width:78px;height:78px;margin:auto;font-size:21px;display:grid}.sample-link,.public-link{text-align:left;background:var(--kringle-gold);color:#000;border:1px solid #000;border-radius:8px;align-items:center;gap:12px;margin:10px 0;padding:13px;display:flex}.sample-link span{margin-left:auto}.steps{text-align:center;background:#102733;border-block:1px solid #000;padding:42px 22px 58px}.steps>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;display:grid}.steps article{color:var(--kringle-secondary-color);align-content:start;gap:10px;display:grid}.steps b{background:var(--kringle-green);color:#fff;border:1px solid #000;border-radius:50%;place-items:center;width:38px;height:38px;margin:auto;display:grid}.bottom-nav{z-index:20;width:min(100%, var(--app-frame-max-width));border:1px solid #000;padding-bottom:env(safe-area-inset-bottom);background:#102733;border-bottom:0;justify-content:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-width:0;height:67px;color:var(--kringle-light-grey);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.bottom-nav a span{font-size:23px}.bottom-nav .router-link-active{color:var(--kringle-gold);background:#1a3745}.page{padding:40px 22px 110px}.narrow{max-width:620px}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page h1{color:var(--kringle-gold)}.page h2,.card h2,.modal-card h2{color:var(--kringle-gold);font-weight:400}.center-page,.public-page{place-items:center;min-height:calc(100vh - 48px);padding:30px 20px 90px;display:grid}.card,.modal-card,.public-card,.profile-form,.danger-zone,.network-grid>section,.data-preview{background:#102733;border:1px solid #000;border-radius:10px;padding:22px;box-shadow:5px 5px #0004}.auth-card{width:min(430px,100%)}label{color:var(--kringle-light-grey);gap:6px;margin:14px 0;display:grid}.selected-type-name{color:var(--kringle-light-grey);margin:14px 0;font-weight:700}input,textarea,select{background:var(--kringle-gold);color:#000;border:1px solid #000;border-radius:8px;width:100%;padding:9px 11px}input::placeholder,textarea::placeholder{color:#423e30;opacity:.8}textarea{resize:vertical;min-height:100px}fieldset{border:1px solid var(--kringle-gold);border-radius:8px;margin-top:20px}legend{color:var(--kringle-gold);padding-inline:7px}.check{align-items:flex-start;gap:8px;display:flex}.check input{width:18px;height:18px;accent-color:var(--kringle-green)}.socials{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.socials button,.tabs button,.admin-list button{background:var(--kringle-gold);color:#000;cursor:pointer;border:1px solid #000;border-radius:7px;padding:9px}.socials button:disabled{opacity:.35;text-decoration:line-through}.error{color:#ff9191}.cookie{z-index:50;border:1px solid #000;border-radius:10px;align-items:center;gap:14px;width:min(100% - 28px,580px);padding:16px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:6px 6px #0006}.cookie p{flex:1;margin:0}.share-page{text-align:center}.qr{border:4px solid var(--kringle-gold);background:#fff;border-radius:8px;margin:22px auto;padding:17px;display:inline-flex;box-shadow:5px 5px #0005}.item-list{gap:10px;margin-top:26px;display:grid}.setup-item{background:#102733;border:1px solid #000;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.setup-item div{flex:1;display:grid}.setup-item b{color:var(--kringle-gold)}.setup-item em{color:var(--kringle-orange);font-size:11px}.setup-item button,.modal-close{color:var(--kringle-gold);cursor:pointer;background:0 0;border:0;font-size:24px}.drag{color:var(--kringle-grey)}.add-tile{border:2px dashed var(--kringle-gold);min-height:92px;color:var(--kringle-gold);cursor:pointer;background:#102733;border-radius:8px;align-content:center;place-items:center;gap:4px;display:grid}.add-tile b{font-size:28px}.modal{z-index:40;background:#000b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{width:min(560px,100%);max-height:90vh;position:relative;overflow:auto}.modal-close{position:absolute;top:7px;right:12px}.type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.type-grid button{background:var(--kringle-dark-grey);color:#fff;cursor:pointer;border:1px solid #000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:5px 7px;display:flex}.type-grid .type-icon{text-align:center;width:21px;min-width:21px;height:21px;font-size:21px;line-height:1}.type-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;line-height:1.15;overflow:hidden}.type-grid .selected{background:var(--kringle-gold);color:#000;box-shadow:inset 0 0 0 1px #000}.profile-form,.danger-zone{margin-top:20px}.row{grid-template-columns:1fr 2fr;gap:8px;display:grid}.plan-pill{background:var(--kringle-orange);color:#000;text-transform:uppercase;border:1px solid #000;border-radius:99px;padding:5px 11px}.danger-zone{flex-wrap:wrap;gap:10px;display:flex}.danger-zone button{color:var(--kringle-light-grey);cursor:pointer;background:0 0;border:0;text-decoration:underline}.network-grid{gap:16px;display:grid}.person{color:var(--kringle-light-grey);border-top:1px solid #000;align-items:center;gap:11px;padding:10px;text-decoration:none;display:flex}.avatar.small{width:40px;height:40px;margin:0;font-size:11px}.public-card{text-align:center;width:min(460px,100%)}.headshot{object-fit:cover;border:3px solid var(--kringle-gold);border-radius:50%;width:104px;height:104px}.bio{line-height:1.55}.public-link{grid-template-columns:28px 1fr;text-decoration:none;display:grid}.public-link small{color:#403c30;grid-column:2}.tabs{gap:7px;margin:22px 0;display:flex;overflow:auto}.tabs .active{background:var(--kringle-orange)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.stat-grid article{background:#102733;border:1px solid #000;border-radius:8px;padding:15px;display:grid}.stat-grid b{color:var(--kringle-gold);font-size:25px}.admin-list article{background:#102733;border-bottom:1px solid #000;align-items:center;gap:8px;padding:12px;display:flex}.admin-list article div{flex:1;display:grid}.data-preview{white-space:pre-wrap}.legal{line-height:1.75}.legal h2{margin-top:28px}.empty{color:var(--kringle-light-grey);text-align:center;padding:28px}@media (width>=760px){.app-shell{width:min(calc(100% - 40px), var(--app-frame-max-width))}.hero{padding-inline:42px}}@media (width<=520px){.hero{padding:40px 20px}.hero h1{font-size:34px}.steps>div{grid-template-columns:1fr;gap:20px}.page{padding:30px 16px 100px}.page-heading{display:block}.page-heading>.button{margin-top:12px}.cookie{display:block}.cookie .button{margin-top:8px}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav a{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}