:root{--ink:#333c60;--muted:#777f9e;--blue:#c9f7ff;--pink:#ffd1e8;--mint:#d6ffe2;--lavender:#b7b0c8;--lilac:#e9e5ff;--back:#f6f6ff;--outline:rgba(136,131,169,.18);--shadow:0 18px 45px rgba(99,101,157,.09);--round:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;background:#f9f9ff;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8794fb;outline-offset:3px}button[disabled]{opacity:.5;cursor:not-allowed}a{color:inherit}.site-frame{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 11% 45%,#e8efff 0,transparent 40%),radial-gradient(ellipse at 94% 65%,#fbe2f5 0,transparent 34%),linear-gradient(172deg,#fcfdff 0%,#f9f8ff 61%,#eef4fe 100%)}.site-frame:before{content:"";position:absolute;width:580px;height:400px;border-radius:50%;left:-300px;bottom:-200px;background:linear-gradient(80deg,#b7d7b8,#e2ddff);opacity:.65;pointer-events:none}.site-frame:after{content:"";position:absolute;width:630px;height:450px;border-radius:50%;right:-360px;bottom:-260px;background:linear-gradient(60deg,#e2ddff,#b2e9bf);opacity:.65;pointer-events:none}.site-header{position:relative;z-index:5;max-width:1510px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px clamp(20px,4.5vw,62px)}.brand{border:0;background:none;display:inline-flex;align-items:center;text-align:left;gap:7px;padding:0;color:var(--ink);white-space:nowrap}.brand-face{width:52px;height:53px;object-fit:cover;object-position:center}.brand-type{display:flex;align-items:center;gap:5px}.brand-script{font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive;font-size:42px;font-style:italic;font-weight:600;letter-spacing:-2px;line-height:1.1;background:linear-gradient(97deg,#70b7e8 9%,#f7a0cc 43%,#a2dbca 71%,#b4a1d4 99%);color:transparent;-webkit-background-clip:text;background-clip:text}.brand-small .brand-script{font-size:34px}.brand-nounou{font-size:19px;font-weight:750;letter-spacing:-.7px}.top-nav{display:flex;align-items:center;gap:14px}.nav-link{border:0;background:transparent;color:#4f4e8f;padding:11px 15px;border-radius:24px;transition:background .2s}.nav-link:hover,.nav-link.active{background:#eeeaff}.top-login{border:0;border-radius:50px;padding:13px 22px;background:#ebe6ff;color:#554c8d;display:flex;align-items:center;gap:10px;font-weight:650}.top-login:hover{background:#ded6ff}.top-login>span:first-child{font-size:19px}.view{max-width:1510px;margin:0 auto;padding:0 clamp(20px,4.5vw,62px);position:relative;z-index:1}.view[hidden]{display:none!important}.view-home{padding-bottom:10px}.hero-intro{min-height:272px;display:flex;align-items:center;justify-content:center;position:relative}.hero-bloom{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);z-index:-1}.hero-bloom-left{height:340px;width:480px;top:160px;left:-200px;background:#e8ecff9c}.hero-bloom-right{height:270px;width:440px;top:130px;right:-210px;background:#f6e1f694}.hero-aside{position:absolute;font-family:"Segoe Print","Comic Sans MS",cursive;font-style:italic;line-height:1.55;color:#605b90;font-size:clamp(14px,1.15vw,20px);transform:rotate(-10deg)}.hero-aside span{display:block;text-align:center;color:#b6a6df;font-size:28px}.aside-left{left:3%;top:43px}.aside-right{right:1%;top:35px;transform:rotate(9deg);font-size:clamp(16px,1.5vw,23px)}.hero-identity{text-align:center;align-self:center;padding-top:0}.hero-logo-row{display:flex;align-items:center;justify-content:center;gap:8px}.hero-face{width:185px;height:204px;object-fit:contain;margin-right:-8px}.hero-logo-words{display:flex;flex-direction:column;align-items:flex-start;line-height:.94}.hero-script{font-size:clamp(76px,10vw,140px);font-weight:500;letter-spacing:-7px}.hero-logo-words strong{font-size:clamp(49px,5.5vw,77px);line-height:1.03;font-weight:800;letter-spacing:-2.8px;color:#404358}.hero-identity h1{font-weight:450;font-size:clamp(16px,1.8vw,27px);color:#747ea0;margin:-3px 0 0}.pastel-rule{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:5px;color:#ffa6d3;font-size:23px}.pastel-rule i{display:block;height:2px;width:74px;background:linear-gradient(90deg,#8ecded,transparent)}.pastel-rule i:last-child{background:linear-gradient(90deg,transparent,#a4dfc3)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0 26px}.role-card{text-align:left;border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);position:relative;min-height:320px;border-radius:30px;display:grid;grid-template-columns:43% 57%;align-items:center;padding:16px 20px 15px 4px;transition:transform .2s,box-shadow .2s;color:var(--ink);overflow:hidden}.role-card:hover{transform:translateY(-4px);box-shadow:0 23px 55px rgba(99,101,157,.15)}.role-card:active{transform:translateY(-1px)}.role-nounou{background:linear-gradient(110deg,#e6f8ff 0%,#e6f8ff 55%,#effbff 100%)}.role-parent{background:linear-gradient(108deg,#fff0f9,#fff3f9 75%,#fff9fc)}.role-art{width:100%;height:295px;object-fit:contain;object-position:bottom left;align-self:end;pointer-events:none;filter:drop-shadow(0 3px 2px #ffffff31)}.role-art-parent{height:291px}.role-content{min-width:0;z-index:1;align-self:center}.role-title-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.role-title-row h2{font-size:clamp(23px,2vw,32px);margin:0;font-weight:750;letter-spacing:-1px;line-height:1.22}.role-arrow{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:29px;flex-shrink:0;color:#37637d;background:#abe7ff}.role-parent .role-arrow{color:#aa4a86;background:#ffc2e3}.role-content>p{font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:#676f8b;margin:12px 0 17px}.role-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.role-chips span{border-radius:18px;background:rgba(255,255,255,.6);padding:12px 4px;min-height:91px;text-align:center;font-size:11px;line-height:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center}.role-chips b{display:block;font-size:31px;line-height:1.2;font-weight:450;margin-bottom:5px;color:#58b9eb}.role-parent .role-chips b{color:#ef86bd}.promise-strip{background:#ffffffd9;box-shadow:0 8px 24px #a9a8d51a;border:1px solid #ffffff;border-radius:25px;padding:20px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 6%}.promise-strip>div{display:flex;gap:13px;align-items:center;padding:0 20px;border-right:1px solid #e1e2ef}.promise-strip>div:first-child{padding-left:4px}.promise-strip>div:last-child{border-right:0;padding-right:0}.promise-icon{display:grid;place-items:center;border-radius:50%;height:70px;width:70px;flex-shrink:0;font-size:40px;line-height:1;color:#796aa5}.promise-icon.lavender{background:#edebff}.promise-icon.mint{background:#e2f8e9;color:#70b993}.promise-icon.pink{background:#ffe8f3;color:#ee8bbe}.promise-icon.blue{background:#e4f6ff;color:#6cbde3}.promise-strip p{margin:0}.promise-strip strong{display:block;line-height:1.25;font-size:14px;font-weight:700}.promise-strip small{display:block;font-size:12px;color:#868ca5;margin-top:5px;line-height:1.4}.photo-note{text-align:center;font-size:11px;color:#9a9db0;margin:16px 0 0}.site-footer{position:relative;z-index:2;text-align:center;padding:17px 15px 22px;color:#6c7698;font-size:12px}.site-footer p{margin:0}.footer-sub{font-size:10px;opacity:.75;margin-top:3px!important}.site-footer strong{font-weight:750}
/* Interactive workspaces */
.workspace,.info-view{padding-top:34px;padding-bottom:50px;min-height:calc(100vh - 160px)}.workspace-top{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:0 0 22px}.eyebrow{font-size:11px;color:#9c8cba;letter-spacing:.13em;font-weight:780}.workspace-top h1,.info-view h1{font-size:clamp(28px,3.4vw,47px);font-weight:760;letter-spacing:-1.8px;margin:4px 0 5px}.workspace-top p{margin:0;color:var(--muted)}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:40px;padding:12px 19px;font-weight:700;transition:transform .18s,background .18s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#6dbadf;color:#fff}.btn-primary:hover{background:#4da8d3}.btn-white{background:#fff;color:#777398;box-shadow:0 3px 14px #58538d10}.btn-secondary{background:#efe9ff;color:#62518b}.demo-notice{background:#fff8e6;border:1px solid #f5dfa1;border-radius:16px;padding:12px 16px;color:#756149;font-size:13px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 22px}.stat-card{background:#fff;border:1px solid #f7f7fc;box-shadow:var(--shadow);border-radius:23px;padding:20px 23px;display:flex;flex-direction:column;gap:3px}.stat-card span{color:#7a81a0;font-size:13px}.stat-card strong{font-size:31px;line-height:1.35}.stat-card small{font-size:11px;color:#9aa0b5}.dashboard-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.dashboard-column,.parent-side,.parent-main{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.section-heading h2{font-size:23px;letter-spacing:-.6px;margin:1px 0 0}.text-button{border:0;background:transparent;color:#9b8fc4;font-size:12px;text-decoration:underline;cursor:pointer;padding:5px}.kid-list{display:grid;gap:9px}.kid-card{width:100%;display:flex;gap:13px;align-items:center;text-align:left;padding:13px;background:#fff;border-radius:20px;border:2px solid transparent;box-shadow:0 6px 22px #8180a515;transition:border .2s,transform .2s}.kid-card:hover{transform:translateY(-2px)}.kid-card.selected{border-color:#9bd4f5;background:#f8fdff}.kid-avatar{height:49px;width:49px;display:grid;place-items:center;border-radius:17px;background:#ffe7f3;font-size:23px;flex-shrink:0}.kid-avatar.mint{background:#e0ffe9}.kid-avatar.blue{background:#e2f6ff}.kid-avatar.lilac{background:#eeeaff}.kid-details{display:flex;flex-direction:column;flex:1;min-width:0}.kid-details strong{font-size:16px}.kid-details small{font-size:12px;color:#9498aa}.kid-chevron{font-size:24px;color:#9b9fc2}.tiny-tip{font-size:13px;color:#8a8ba1;padding:13px 6px;line-height:1.55}.date-label{font-size:12px;color:#8e90aa;font-weight:700;display:flex;flex-direction:column;gap:4px;white-space:nowrap}.date-label input{border:1px solid #e5e5f2;background:#fff;color:#4c5374;padding:9px 12px;border-radius:12px;min-width:140px;max-width:175px}.quick-actions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px}.quick-actions button{border:1px solid #f6f1fb;background:#fff;min-width:0;min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 2px;border-radius:18px;color:#6e7292;font-weight:670;font-size:12px;box-shadow:0 6px 22px #8c85ba0a}.quick-actions button:hover{background:#f5f8ff;border-color:#d4e6ff}.quick-actions button span{font-size:25px}.journal-panel{background:#fff;border:1px solid #f3f1fa;border-radius:23px;min-height:270px;box-shadow:var(--shadow);padding:20px 23px}.journal-panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.journal-panel h3{font-size:18px;margin:0}.soft-tag{background:#f1efff;color:#8d7ab7;padding:6px 10px;border-radius:50px;font-size:11px;white-space:nowrap}.timeline{display:grid;gap:10px}.timeline-entry{display:flex;align-items:start;gap:12px;padding:13px;background:#fbfbff;border:1px solid #f4f4f9;border-radius:15px}.timeline-icon{background:#e7f6ff;height:42px;width:42px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;font-size:22px}.timeline-content{flex:1;min-width:0}.timeline-entry-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.timeline-entry strong{font-size:14px}.timeline-entry time{color:#a0a0b0;font-size:12px}.timeline-entry p{font-size:13px;color:#74798f;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.delete-event{background:transparent;border:0;color:#bab2c9;font-size:20px;line-height:1;align-self:center;border-radius:8px;padding:3px 6px}.delete-event:hover{color:#ba6286;background:#fff1f5}.empty-timeline{text-align:center;padding:30px 12px;color:#8e91a9}.empty-timeline span{font-size:39px;display:block;margin-bottom:8px}.empty-timeline strong{display:block;color:#59617f;margin-bottom:5px}.empty-timeline p{max-width:320px;margin:0 auto;font-size:13px}.empty-state{padding:25px;background:#fff;border-radius:20px}.secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.info-tile{border:1px solid #ffffff;background:#fff9;box-shadow:0 5px 18px #9d91b710;border-radius:20px;padding:18px;display:flex;align-items:flex-start;gap:13px}.info-tile>span{font-size:27px}.info-tile strong{font-size:14px}.info-tile p{font-size:12px;line-height:1.5;color:#8c90a7;margin:4px 0 0}.parent-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:19px}.parent-heart{margin-top:22px;text-align:center;font-family:"Segoe Print",cursive;font-style:italic;color:#a99acb;font-size:16px}.parent-summary{background:linear-gradient(110deg,#ffeef8,#f0f9ff);border:1px solid white;border-radius:23px;padding:22px 24px;margin-bottom:14px;display:flex;flex-direction:column;align-items:start}.parent-summary h2{font-size:26px;margin:3px 0 5px}.parent-summary p{font-size:13px;color:#8486a3;margin:0 0 10px}.parent-journal{margin-bottom:14px}.parent-extra{background:#fff;border:1px solid #f2eff9;border-radius:20px;padding:17px;display:flex;gap:13px;align-items:center}.parent-extra .extra-icon{width:48px;height:48px;border-radius:16px;background:#fbe1f4;display:grid;place-items:center;font-size:24px;color:#e187bb}.parent-extra p{font-size:12px;color:#8d91a8;margin:3px 0 0}.info-view>.eyebrow{display:block;margin:9px 0}.info-lead{font-size:17px;color:#838ba4;max-width:720px;margin:0 0 32px}.prices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card,.help-grid article{padding:26px;background:#fff;border-radius:26px;border:1px solid #eeefff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.price-highlight{background:#f2fcff;border-color:#abdcef}.price-kicker{letter-spacing:.1em;font-size:11px;color:#9486b7;font-weight:750}.price-card h2{font-size:35px;letter-spacing:-1px;margin:15px 0 9px}.price-card h2 small{font-size:13px;color:#9598ae;letter-spacing:0}.price-card>p{font-size:13px;color:#7a819a;min-height:60px}.price-card ul{padding:0;margin:8px 0 24px;list-style:none;display:grid;gap:8px}.price-card li{font-size:13px;color:#666f88}.price-card li:before{content:'✓';color:#67be9b;font-weight:800;margin-right:9px}.price-card .btn{margin-top:auto}.option-strip{display:flex;gap:18px;align-items:center;background:#fff;border-radius:20px;padding:18px 22px;margin-top:18px}.option-strip>span{font-size:34px}.option-strip p{margin:4px 0 0;font-size:13px;color:#8a91ac}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.help-grid article h2{margin:5px 0}.help-grid article p{flex:1;font-size:14px;color:#747b95}.help-emoji{font-size:35px}
/* Dialogs */
dialog{border:1px solid #f2f0ff;border-radius:25px;width:min(460px,calc(100vw - 26px));box-shadow:0 30px 90px #33324f4f;padding:23px 24px;color:var(--ink);max-height:calc(100vh - 40px);overflow:auto}dialog::backdrop{background:rgba(51,50,76,.42);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:15px}.dialog-head h2{margin:3px 0;font-size:24px;letter-spacing:-.7px}.close-dialog{border:0;background:#f2efff;color:#8980a9;height:36px;width:36px;border-radius:12px;font-size:23px;flex-shrink:0}.dialog-form{display:grid;gap:14px}.field{display:grid;gap:5px}.field label{font-weight:700;font-size:13px;color:#66708e}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe3f0;background:#fff;border-radius:11px;padding:11px 12px;min-width:0;color:#343b5f}.field textarea{resize:vertical;min-height:85px}.dialog-note{background:#f7f6ff;border-radius:12px;padding:12px;font-size:12px;color:#888ba4}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.dialog-buttons .btn{font-size:13px}.dialog-role-choices{display:grid;gap:12px}.dialog-role-choices button{border:1px solid #eaeafa;border-radius:17px;padding:16px;text-align:left;display:flex;gap:12px;align-items:center;background:#f9faff;color:#475172;font-weight:720}.dialog-role-choices button:hover{border-color:#a8dbea}.dialog-role-choices b{font-size:28px}.smallprint{font-size:11px;color:#9ca0b4;margin-top:15px}
@media(min-width:1450px){.role-card{min-height:330px}.hero-intro{min-height:290px}}
@media(max-width:1160px){.hero-aside{display:none}.role-card{grid-template-columns:36% 64%;min-height:280px}.role-art{height:250px}.role-title-row h2{font-size:24px}.role-chips{gap:4px}.role-chips span{font-size:10px;min-height:83px}.promise-strip{margin:0}.promise-strip>div{padding:0 9px}.promise-icon{height:52px;width:52px;font-size:31px}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:850px){.site-header{flex-wrap:wrap;justify-content:space-between;padding:12px 20px}.top-nav{order:3;width:100%;justify-content:center;gap:4px}.nav-link{padding:7px 10px;font-size:13px}.brand-small .brand-script{font-size:31px}.brand-nounou{font-size:17px}.brand-face{width:41px;height:43px}.top-login{font-size:13px;padding:9px 13px}.hero-intro{min-height:220px}.hero-face{width:125px;height:154px}.hero-script{font-size:85px}.hero-logo-words strong{font-size:54px}.role-grid{grid-template-columns:1fr;gap:14px}.role-card{grid-template-columns:35% 65%;min-height:270px;padding-right:20px}.role-art{height:260px}.promise-strip{grid-template-columns:repeat(2,1fr);row-gap:20px;padding:20px}.promise-strip>div{border-right:0;padding:0!important}.dashboard-grid,.parent-layout{grid-template-columns:1fr}.kid-list{grid-template-columns:repeat(3,1fr)}.kid-card{padding:9px}.kid-avatar{height:40px;width:40px}.journal-heading{margin-top:5px}.prices-grid,.help-grid{grid-template-columns:1fr 1fr}.prices-grid .price-card:last-child,.help-grid article:last-child{grid-column:1/-1}.price-card>p{min-height:unset}}
@media(max-width:580px){.site-header{padding:11px 15px}.top-login>span:first-child{display:none}.top-login{font-size:12px}.brand-face{width:36px;height:37px}.brand-small .brand-script{font-size:29px}.brand-nounou{font-size:15px}.top-nav{gap:1px}.nav-link{font-size:12px;padding:8px 7px}.view{padding-left:14px;padding-right:14px}.hero-intro{min-height:215px}.hero-face{width:104px;height:121px;margin-right:-17px}.hero-script{font-size:70px;letter-spacing:-4px}.hero-logo-words strong{font-size:44px;letter-spacing:-2px}.hero-identity h1{font-size:14px;max-width:315px;margin:2px auto 0}.pastel-rule{margin-top:0}.role-grid{margin-top:7px;gap:13px}.role-card{padding:12px;min-height:250px;grid-template-columns:32% 68%;border-radius:24px}.role-art{height:220px;align-self:end;transform:scale(1.32);transform-origin:bottom left;margin-left:-11px}.role-content>p{font-size:12px;margin:9px 0}.role-title-row h2{font-size:19px;letter-spacing:-.5px}.role-arrow{height:33px;width:33px;font-size:24px}.role-chips{grid-template-columns:repeat(2,1fr);gap:5px}.role-chips span{min-height:42px;line-height:1.1;font-size:10px;display:flex;flex-direction:row;gap:5px;padding:5px 2px}.role-chips b{font-size:18px;margin:0}.promise-strip{border-radius:18px;grid-template-columns:1fr 1fr;gap:18px 9px;padding:14px}.promise-strip>div{align-items:flex-start;gap:5px}.promise-icon{height:36px;width:36px;font-size:24px}.promise-strip strong{font-size:11px}.promise-strip small{font-size:10px;margin-top:3px}.site-footer{font-size:10px;padding:16px 9px 20px}.workspace,.info-view{padding-top:20px}.workspace-top{align-items:flex-start;flex-direction:column}.workspace-top h1,.info-view h1{font-size:29px;letter-spacing:-1px}.workspace-top p{font-size:13px}.workspace-actions{width:100%;justify-content:space-between}.stats-grid{gap:7px}.stat-card{padding:12px;border-radius:15px}.stat-card span{font-size:10px}.stat-card strong{font-size:23px}.stat-card small{font-size:9px}.kid-list{grid-template-columns:1fr}.kid-card{padding:11px}.kid-avatar{height:42px;width:42px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:6px}.quick-actions button{min-height:73px;font-size:10px}.quick-actions button span{font-size:22px}.journal-panel{padding:16px}.secondary-row{grid-template-columns:1fr}.section-heading h2{font-size:20px}.date-label input{min-width:120px;max-width:143px;padding:8px}.parent-layout{gap:10px}.parent-heart{display:none}.prices-grid,.help-grid{grid-template-columns:1fr}.prices-grid .price-card:last-child,.help-grid article:last-child{grid-column:auto}.price-card{padding:22px}.info-lead{font-size:14px}.option-strip{align-items:flex-start}.parent-summary{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* V2 — a role is permanently associated with one user account. */
.role-disabled {opacity:.48;filter:grayscale(.2)}
.role-disabled .role-arrow {background:#e6e6ee;color:#888}

.role-card[hidden]{display:none!important}
.role-grid.single-role{grid-template-columns:minmax(0,760px);justify-content:center}
.logout-link{border:0;background:none;font-weight:650;color:#6c648f;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.logout-link[hidden]{display:none}