/* The site frame in the founder's Claude Design look (8 Nov 2026, Claude). Hand-written; nr.css is generated.
   - .nr inside the page is a plain wrapper (the page background / side padding come from body, like the prototype)
   - the top bar = the prototype's header: logo + crumb on one side, language + account pill on the other
   - the account menu = the prototype's sheet menu */
.nr:not(body){background:none!important;min-height:0!important;padding-left:0!important;padding-right:0!important}

/* page ground: the prototype's off-white with the soft teal glow at the top */
body{background:#f5f5f7 radial-gradient(900px 480px at 50% -10%,rgba(76,194,182,.22),transparent 70%) no-repeat!important;background-attachment:scroll!important}
html[data-theme="dark"] body{background:#000 radial-gradient(900px 480px at 50% -10%,rgba(76,194,182,.14),transparent 70%) no-repeat!important}

/* ---------- top bar ---------- */
header.topbar.nr-top{position:relative;display:block;max-width:1080px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px));
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nr-top .top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;padding:0}
.nr-top .brand{cursor:pointer}
.nr-top .brand svg{width:22px;height:22px;color:var(--accent);stroke-width:8}
.nr-top .crumb{display:none}
body.nr-crumb-on .nr-top .crumb{display:inline-flex}
@media (max-width:560px){body.nr-crumb-on .nr-top .crumb{display:none}}
.nr-top .acct-wrap{position:relative}
.nr-top .acct.hidden{display:none!important}
.nr-top .acct .av{text-transform:uppercase}
.nr-top #acctName{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:420px){.nr-top #acctName{display:none}.nr-top .acct{padding:6px!important}}
.nr-top #themeToggle{display:none}            /* Appearance lives in the account menu (prototype) */

/* account menu = the prototype's sheet */
.nr-top .acct-menu{position:fixed!important;inset:0!important;width:auto!important;top:0!important;display:grid;place-items:end center;padding:16px;
  background:var(--scrim)!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:60;backdrop-filter:none!important}
@media (min-width:720px){.nr-top .acct-menu{place-items:center}}
.nr-top .acct-menu.hidden{display:none!important}
.nr-top .acct-box{width:100%;max-width:440px;background:var(--surface);border-radius:var(--r-lg);padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-hover);text-align:start}
.nr-top .acct-name{padding:0 0 14px;margin:0 0 6px;border:0;font-size:inherit;color:var(--ink)}
.nr-top .acct-name b{display:block;font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.02em}
.nr-top .acct-name .acct-mail,.nr-top .acct-phone{font-size:14px;color:var(--muted)}
.nr-top .acct-item,.nr-top #themeToggle.in-menu{display:flex!important;align-items:center;gap:12px;width:100%;text-align:start;padding:12px 14px;border:0;background:transparent;border-radius:var(--r-sm);
  cursor:pointer;font:inherit;font-size:16px;color:var(--ink);text-decoration:none;min-height:0}
.nr-top .acct-item:hover,.nr-top #themeToggle.in-menu:hover{background:var(--accent-soft)}
.nr-top .acct-item.hidden{display:none!important}
.nr-top .acct-item svg,.nr-top #themeToggle.in-menu svg{width:20px;height:20px;color:var(--muted);flex:none}
.nr-top .acct-danger{color:var(--err);border-top:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:6px;padding-top:14px}
.nr-top .acct-close{margin-top:14px;display:flex;justify-content:flex-end}

/* the prototype's sheet + toast for the new screens (nr.js) */
.nr-sheet{position:fixed;inset:0;display:grid;place-items:end center;background:var(--scrim);padding:16px;z-index:70}
@media (min-width:720px){.nr-sheet{place-items:center}}
.nr-toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:80}

/* the page column of the new screens (prototype <main>: 760px; .wide = the 1080 workspace) */
.nr-main{max-width:760px;margin:0 auto;padding-block:24px 40px}
.nr-main.wide{max-width:1080px}
#app:has(> .nr-main){max-width:none;padding-inline:max(16px,env(safe-area-inset-left,0px))}

/* an old screen inside the prototype frame: its cards take the prototype card look; headings calm down */
.nr .nr-old > .card,.nr .nr-old .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px}
@media (max-width:560px){.nr .nr-old .card{padding:22px}}
.nr .nr-old h1{font-size:clamp(24px,4vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.025em;font-family:inherit}
.nr .nr-old h2{font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.02em;font-family:inherit}
.nr .nr-old .link#wBack,.nr .nr-old #discToDash,.nr .nr-old .back-link{display:none}
/* projects inside the frame: the frame's back button replaces the project's own "← Home" link */
.nr .nr-old .hub-top > .ui-homelink[data-h="home"]{display:none}
.nr .nr-old .hub.hub-solo{max-width:none;margin:0;padding:0}

/* Home = the prototype's ONE centred column of 760px (the hub shell around it is wider) */
.nr .view.home{max-width:760px;margin-left:auto;margin-right:auto}
/* projects inside the frame: the frame already says "My projects" — hide the project page's own crumb line */
.nr .nr-old .hub-top .hub-crumb{display:none}

/* old "pop-up page" screens (sheet-mode: Check my idea, Idea Finder, writing set-up…) inside the prototype frame:
   no big white box around the page, no second header — the frame already has back + tool name + progress dots */
body.sheet-mode #app:has(> .nr-main){max-width:none!important;margin:0!important;background:transparent!important;border-radius:0!important;
  padding:0 max(16px,env(safe-area-inset-left,0px))!important;box-shadow:none!important;border:0!important;min-height:0!important;animation:none!important}
.nr .nr-old .sheet-head{display:none!important}

/* 9 Nov (founder): the account menu opens UNDER its button at the top right — not as a box in the middle */
.nr-top .acct-menu{position:absolute!important;inset:auto!important;top:calc(100% + 8px)!important;inset-inline-end:0!important;left:auto;
  display:block;width:300px!important;max-width:calc(100vw - 24px);padding:0!important;background:transparent!important;place-items:initial}
[dir=rtl] .nr-top .acct-menu{right:auto}
.nr-top .acct-box{max-width:none;padding:14px 10px 10px;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-hover)}
.nr-top .acct-name{padding:2px 8px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.nr-top .acct-name b{font-size:17px}
.nr-top .acct-item,.nr-top #themeToggle.in-menu{padding:9px 10px;font-size:15px}
.nr-top .acct-close{display:none}
@media (max-width:560px){.nr-top .acct-menu{position:fixed!important;top:64px!important;inset-inline-end:12px!important}}