/* A small collection of notes, using the same paper and ink as the board. */
.su-launch { width:min(820px,calc(100% - 32px)); max-width:none; max-height:calc(100svh - 32px); padding:0; border:0; border-radius:3px; background:var(--su-bg); color:var(--su-ink); box-shadow:4px 12px 50px #24180c55; font-family:var(--su-body); overflow:hidden; }
.su-launch[open] { display:flex; flex-direction:column; }
.su-launch [hidden] { display:none !important; }
.su-launch *, .su-launch *::before, .su-launch *::after { box-sizing:border-box; }
.su-launch::backdrop { background:rgba(42,33,24,.62); -webkit-backdrop-filter:blur(2.5px); backdrop-filter:blur(2.5px); }
@media(prefers-reduced-transparency:reduce) { .su-launch::backdrop { -webkit-backdrop-filter:none; backdrop-filter:none; } }
.su-launch-header { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:24px 32px 0; }
.su-launch h2 { display:inline; margin:0; font:400 clamp(28px,5vw,38px)/1.2 var(--su-hand); background:linear-gradient(transparent 77%,var(--su-yellow) 77% 92%,transparent 92%); }
.su-launch button { cursor:pointer; }
.su-launch-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 32px 12px; }
.su-launch-intro { margin:8px 0 24px; font:400 19px/1.3 var(--su-hand); color:var(--su-muted); }
.su-launch-arrow { display:inline-block; flex:none; width:28px; height:22px; vertical-align:middle; pointer-events:none; }
.su-launch-arrow-swirl-down { width:30px; height:28px; }
.su-launch-arrow-down { width:17px; }.su-launch-arrow-left { transform:rotate(180deg); }.su-launch-arrow-up-right { transform:rotate(-35deg); }
.su-launch-paper small .su-launch-arrow,.su-launch-internships > small .su-launch-arrow { width:12px; height:15px; }
.su-launch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 28px; padding:6px; }
.su-launch-card { position:relative; min-width:0; padding:18px 18px 16px; border:0; border-radius:2px; color:var(--su-ink); background:var(--su-paper); text-align:left; text-decoration:none; font-family:var(--su-hand); box-shadow:var(--su-note-shadow); transform:rotate(-.4deg); transition:transform .16s,box-shadow .16s; }
.su-launch-card:nth-child(2) { transform:rotate(.4deg); }
.su-launch-card:nth-child(3) { transform:rotate(.2deg); }
.su-launch-card:nth-child(4) { transform:rotate(-.3deg); }
.su-launch-card:hover { transform:translateY(-3px) rotate(0); box-shadow:3px 9px 15px #2c211830; }
.su-launch-card:active { transform:translateY(1px); }
.su-launch-card-label { display:flex; align-items:baseline; justify-content:space-between; gap:4px; margin-top:16px; font:400 24px/1.1 var(--su-hand); }
.su-launch-card-label > .su-launch-arrow { width:24px; height:19px; transform:translateY(3px); color:var(--su-orange-text); }
.su-launch-preview { min-height:156px; display:flex; align-items:center; justify-content:center; }
.su-launch-paper { position:relative; width:100%; max-width:270px; padding:4px 5px 5px 12px; background:repeating-linear-gradient(180deg,transparent 0 21px,var(--su-rule) 21px 22px); font-family:var(--su-hand); border-left:1px solid #e2a69b; }
.su-launch-paper small { display:block; font-size:12px; color:var(--su-muted); }
.su-launch-paper strong { display:block; font-size:20px; line-height:1.02; font-weight:400; margin:3px 0 8px; }
.su-launch-days { display:flex; gap:4px; }
.su-launch-days i { position:relative; flex:1; text-align:center; border:1px solid #8d8375; border-radius:2px; font-style:normal; font-size:13px; }
.su-launch-days i:nth-child(1)::after,.su-launch-days i:nth-child(6)::after,.su-launch-days i:nth-child(7)::after { content:''; position:absolute; height:2px; background:var(--su-orange); width:125%; top:50%; left:-10%; transform:rotate(-37deg); }
.su-launch-days i:nth-child(6)::after { transform:rotate(37deg); }
.su-launch-swatches { max-width:320px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 8px; width:100%; padding:8px 2px; }
.su-launch-swatches span { position:relative; display:flex; justify-content:center; align-items:center; min-height:45px; font:400 14px var(--su-hand); border-radius:2px; box-shadow:1px 3px 5px #24180c24; transform:rotate(-2deg); }
.su-launch-swatches span::before { content:''; position:absolute; width:28px; height:9px; top:-5px; left:calc(50% - 14px); background:var(--su-tape); transform:rotate(3deg); }
.su-launch-swatches span:nth-child(even) { transform:rotate(2deg); }
.su-launch-original { background:var(--su-yellow-paper); color:var(--su-ink); }.su-launch-casino { background:#751226; color:#f6df8c; }.su-launch-beauty { background:#eac2d0; color:#542837; }.su-launch-mermaid { background:#0b5264; color:#e2f9fc; }.su-launch-bratt { background:#93cf00; color:#182300; }.su-launch-chess { background:conic-gradient(#222 25%,#faf7ee 0 50%,#222 0 75%,#faf7ee 0); background-size:24px 24px; color:white; text-shadow:0 1px 3px black,0 0 5px black,1px 0 black,-1px 0 black; }
.su-launch-tracker { width:100%; max-width:320px; padding:0 4px; }
/* Miniature index cards and the same three status colors as the real Tracker. */
.su-launch-tracker-row { display:flex; justify-content:space-between; align-items:center; gap:7px; margin-top:7px; padding:7px; background:#FBF6E9; color:#2A2118; border-radius:3px; box-shadow:1px 2px 4px #2c211822; transform:rotate(-.35deg); }
.su-launch-tracker-row:nth-child(even) { transform:rotate(.4deg); }
.su-launch-tracker-role { min-width:0; font:600 11px/1.2 var(--su-body); }
.su-launch-tracker-status { display:inline-flex; flex:none; align-items:center; justify-content:space-between; gap:5px; padding:4px 5px; border:1px solid #2c21182e; border-radius:3px; font:700 10px/1.2 var(--su-body); white-space:nowrap; }
.su-launch-status-apply { background:var(--su-yellow); color:var(--su-ink); }
.su-launch-status-interview { background:#F7D98C; color:#5A3A08; border-color:#D8B25B; }
.su-launch-status-offer { background:#2E7D52; color:#F4EEE2; border-color:#1F5C3A; }
.su-launch-chevron { width:10px; height:9px; flex:none; pointer-events:none; }
/* Illustrative internship uses the actual active theme’s paired post-it paper/ink. */
.su-launch-internships { width:100%; max-width:270px; padding:2px 6px; font-family:var(--su-hand); }
.su-launch-internships > small { display:block; color:var(--su-muted); font-size:13px; margin-bottom:4px; }
.su-launch-intern-note { padding:10px 14px; background:var(--su-launch-intern-paper,var(--su-yellow-paper)); color:var(--su-launch-intern-ink,var(--su-ink)); border-radius:2px; box-shadow:var(--su-note-shadow); transform:rotate(-1deg); }
.su-launch-intern-note strong,.su-launch-intern-note span,.su-launch-intern-note b { display:block; font-family:var(--su-body); line-height:1.3; }
.su-launch-intern-note strong { font-size:14px; font-weight:700; }.su-launch-intern-note span { font-size:11px; }.su-launch-intern-note b { margin-top:8px; font-size:17px; font-weight:700; }
.su-launch-footer { display:flex; flex:none; flex-wrap:wrap; gap:8px 16px; align-items:center; justify-content:flex-end; padding:16px 38px 24px; }
.su-launch-version { margin-right:auto; color:var(--su-muted); font:400 13px/1.3 var(--su-body); }
.su-launch-primary { display:inline-flex; min-height:44px; gap:8px; padding:10px 16px; align-items:center; justify-content:center; border:0; border-radius:2px; background:var(--su-yellow-paper); color:var(--su-ink); font:400 22px/1.2 var(--su-hand); text-decoration:none; transform:rotate(-1deg); box-shadow:2px 4px 9px #2c211826; }
.su-launch-primary:hover { transform:rotate(1deg); }
.su-launch-detail { max-width:520px; margin:4px auto 36px; animation:su-launch-turn .25s ease-out; }
.su-launch-back { display:inline-flex; gap:7px; text-decoration:none; align-items:center; min-height:44px; padding:8px 0; background:none; color:var(--su-orange-text); border:0; font:400 20px var(--su-hand); text-underline-offset:4px; }
.su-launch-eyebrow { margin:8px 0 4px; color:var(--su-muted); font:400 18px/1.3 var(--su-hand); }
.su-launch-detail-art { margin:12px auto 28px; max-width:360px; text-align:center; }
.su-launch-detail-art .su-launch-preview { min-height:210px; padding:16px; background:var(--su-paper); box-shadow:var(--su-note-shadow); transform:rotate(-1deg); }.su-launch-detail-art .su-launch-paper { padding:10px 10px 10px 16px; }.su-launch-detail-art .su-launch-paper strong { font-size:24px; }.su-launch-detail-art .su-launch-swatches span { min-height:60px; font-size:15px; }.su-launch-detail-art .su-launch-tracker-row { padding:9px; }.su-launch-detail-art .su-launch-tracker-role { font-size:13px; }.su-launch-detail-art > small { display:block; margin-top:8px; font:400 14px var(--su-hand); color:var(--su-muted); }
.su-launch-detail h3 { font:400 30px/1.2 var(--su-hand); margin:0 0 8px; }.su-launch-detail > p:not(.su-launch-eyebrow) { font:400 16px/1.6 var(--su-body); margin:0 0 8px; }
.su-launch-detail-link { display:inline-flex; gap:7px; align-items:center; min-height:44px; margin-top:8px; color:var(--su-orange-text); font:400 20px/1.3 var(--su-hand); text-underline-offset:4px; }
.su-launch :focus-visible { outline:3px solid var(--su-orange-text); outline-offset:3px; }
/* The static heading receives initial dialog focus without looking actionable. */
.su-launch #su-launch-title:focus { outline:none; }
.su-launch button:active { filter:brightness(.96); }
.su-founder-release { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin-top:18px; font:14px 'Archivo',sans-serif; color:#6f5e45; }
.su-founder-release a,.su-founder-release button { display:inline-flex; align-items:center; min-height:44px; color:inherit; }.su-founder-release button,.su-whats-new { border:0; background:none; padding:0; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }.su-whats-new { min-height:44px; font:18px 'Indie Flower',cursive; }
@keyframes su-launch-turn { from { opacity:.2; transform:perspective(800px) rotateY(-12deg); } to { opacity:1; transform:none; } }
@media (max-width:480px) {
  .su-launch { width:calc(100% - 24px); max-height:calc(100svh - 24px); }
  .su-launch-header { padding:14px 14px 0; gap:4px; }.su-launch h2 { font-size:29px; }
  .su-launch-scroll { padding:0 12px 4px; }.su-launch-intro { font-size:17px; margin:4px 2px 16px; }
  .su-launch-grid { gap:18px 12px; }.su-launch-card { padding:10px 8px; }
  .su-launch-preview { min-height:120px; }
  .su-launch-card-label { font-size:20px; min-height:24px; margin-top:8px; }
  .su-launch-paper { padding:3px 3px 4px 6px; }.su-launch-paper small { font-size:10px; }.su-launch-paper strong { font-size:15px; margin:4px 0 6px; }.su-launch-days { gap:2px; }.su-launch-days i { font-size:10px; }
  .su-launch-swatches { gap:12px 5px; grid-template-columns:repeat(2,minmax(0,1fr)); padding:6px 2px; }.su-launch-swatches span { font-size:12px; min-height:25px; }.su-launch-swatches span::before { width:24px; left:calc(50% - 12px); height:8px; }
  .su-launch-tracker { padding:0; }.su-launch-tracker-row { gap:4px; padding:5px 4px; margin-top:6px; }.su-launch-tracker-role { font-size:9px; }.su-launch-tracker-status { font-size:8px; gap:2px; padding:3px; }.su-launch-chevron { width:8px; height:7px; }
  .su-launch-internships { padding:2px; }.su-launch-internships > small { font-size:11px; }.su-launch-intern-note { padding:7px; }.su-launch-intern-note strong { font-size:11px; }.su-launch-intern-note span { font-size:9px; }.su-launch-intern-note b { font-size:14px; margin-top:6px; }
  .su-launch-footer { padding:12px 18px 16px; }.su-launch-primary { padding:10px 12px; font-size:19px; }
  .su-launch-detail-art .su-launch-swatches { grid-template-columns:repeat(3,minmax(0,1fr)); }.su-launch-detail-art .su-launch-swatches span { font-size:14px; }.su-launch-detail-art .su-launch-tracker-status { font-size:10px; }.su-launch-detail-art .su-launch-days i { font-size:14px; }
}
@media (max-width:350px) { .su-launch h2 { font-size:25px; }.su-launch-header { padding-inline:12px; }.su-launch-card-label { font-size:18px; }.su-launch-primary { font-size:17px; padding-inline:10px; } }
@media (prefers-reduced-motion:reduce) { .su-launch-detail { animation:none; }.su-launch-card { transition:none; } }

/* The acknowledgment stays visible while a short viewport scrolls the cards. */
@media (max-width:480px) and (max-height:650px) {
  .su-launch-header { padding-top:10px; }
  .su-launch h2 { font-size:25px; }
  .su-launch-intro { margin-bottom:12px; font-size:16px; }
  .su-launch-preview { min-height:110px; }
  .su-launch-card-label { font-size:18px; }
  .su-launch-grid { gap:16px 10px; }
}
.su-launch-toast { display:flex; align-items:center; gap:4px; position:fixed; z-index:1200; left:50%; bottom:max(20px,env(safe-area-inset-bottom)); transform:translateX(-50%); max-width:calc(100% - 24px); padding:8px 10px 8px 16px; background:var(--su-paper); color:var(--su-ink); box-shadow:var(--su-note-shadow); border-radius:3px; font:400 20px/1.3 var(--su-hand); white-space:nowrap; pointer-events:none; }
.su-launch-toast button { padding:8px 0; min-height:44px; border:0; background:none; color:inherit; font:inherit; cursor:pointer; pointer-events:auto; text-decoration:underline; text-underline-offset:4px; }
.su-launch-toast .su-launch-toast-close { display:inline-flex; flex:none; align-items:center; justify-content:center; width:44px; padding:0; font-size:26px; line-height:1; text-decoration:none; }
.su-launch-toast button:focus-visible { outline:3px solid var(--su-orange-text); outline-offset:3px; }
.su-launch-toast-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }