.add-mode-shell{display:grid;gap:28px;padding:4px 0 28px}.add-mode-intro{text-align:center;padding:8px 18px 0;margin-bottom:2px}.add-mode-intro h2{margin:0;color:var(--ink);font-size:30px}.add-mode-intro p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.add-choice{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;padding:24px 22px;border:1px solid rgba(125,143,131,.28);border-radius:24px;background:var(--card);box-shadow:0 10px 28px rgba(15,34,56,.05)}.add-choice-icon{display:grid;width:82px;height:82px;place-items:center;border-radius:22px;background:rgba(125,143,131,.1);font-size:42px}.add-choice-copy h3{margin:0 0 7px;color:var(--ink);font-size:22px}.add-choice-copy p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.add-choice .btn{display:block;width:max-content;min-width:150px;margin:0 auto;text-align:center}.show-morrow-card .upload-examples{margin-top:18px}.show-morrow-card .upload-tagline{margin-bottom:18px}.tell-morrow-panel{margin-top:10px;padding:22px;border:1px solid rgba(125,143,131,.28);border-radius:24px;background:var(--card)}.tell-morrow-panel[hidden]{display:none!important}.tell-morrow-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.tell-morrow-header h3{margin:0;font-size:24px}.tell-morrow-header p{margin:6px 0 0;color:#52616d;font-size:14px;line-height:1.45;font-weight:500}.tell-morrow-close{border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.tell-morrow-form{display:grid;gap:12px;margin-top:18px}.tell-morrow-form textarea{width:100%;min-height:132px;resize:vertical;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff!important;color:#10263f!important;-webkit-text-fill-color:#10263f!important;caret-color:#10263f;font:inherit;font-size:16px;line-height:1.5;outline:none}.tell-morrow-form textarea::placeholder{color:#667583!important;-webkit-text-fill-color:#667583!important;opacity:1}.tell-morrow-form textarea:focus{border-color:#7d8f83;box-shadow:0 0 0 4px rgba(125,143,131,.13)}.tell-morrow-status{min-height:20px;color:#425463;font-size:13px;line-height:1.45;font-weight:600}.tell-review-card{margin-top:18px;padding:18px;border-radius:18px;background:#fffdf9;color:#10263f}.tell-review-kicker{color:#647481;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tell-review-card h3{margin:7px 0 12px;color:#10263f;font-size:22px}.tell-review-meta{margin:7px 0;color:#40566a;font-size:14px;line-height:1.45;font-weight:600}.tell-review-meta strong{color:#10263f}.tell-owner-label{color:#10263f!important}.tell-owner-help{color:#52616d!important;font-weight:500}.tell-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.show-morrow-card{display:contents!important}.show-morrow-card>h2,.show-morrow-card>.upload-tagline,.show-morrow-card>.upload-examples,.show-morrow-card>.choose-file-label,.show-morrow-card>.supported-files,.show-morrow-card #file{display:none!important}.show-morrow-card #filePreview,.show-morrow-card #preview,.show-morrow-card #status{width:100%}@media(max-width:620px){.add-mode-shell{gap:24px}.add-choice{grid-template-columns:70px 1fr;padding:20px 18px;gap:14px}.add-choice-icon{width:66px;height:66px;font-size:34px}.add-choice-copy h3{font-size:20px}.add-choice .btn{width:max-content;min-width:150px;max-width:100%;margin:0 auto}.tell-review-actions .btn{flex:1}}.add-choice-action{grid-column:1 / -1;justify-self:center;margin:0 auto!important}.tell-morrow-panel:not([hidden]){position:fixed;z-index:12000;inset:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px);width:auto;max-width:620px;margin:0 auto;overflow:auto;overscroll-behavior:contain;padding:22px;border-radius:24px;background:#f8f5ef;box-shadow:0 24px 70px rgba(15,34,56,.24)}.tell-morrow-panel:not([hidden])::before{content:'';position:fixed;z-index:-1;inset:0;background:rgba(15,34,56,.42)}.tell-morrow-panel:has(#tellMorrowReview:not([hidden])) .tell-morrow-form{display:none}.tell-morrow-panel:has(#tellMorrowReview:not([hidden])) #tellMorrowReview{display:block}.tell-morrow-panel:has(#tellMorrowReview:not([hidden])) .tell-review-card{margin-top:14px}.tell-morrow-prompt{position:relative;width:min(300px,82%);margin:28px auto 10px;padding:14px 17px;border-radius:22px;background:#e7f0ee;color:#415767;text-align:center;box-shadow:0 8px 22px rgba(15,34,56,.04)}.tell-morrow-prompt::after{content:'';position:absolute;right:28px;bottom:-15px;border-width:15px 0 0 18px;border-style:solid;border-color:transparent transparent transparent #e7f0ee}.tell-morrow-prompt strong,.tell-morrow-prompt span{display:block}.tell-morrow-prompt strong{font:700 14px/1.35 "DM Sans",sans-serif}.tell-morrow-prompt span{margin-top:3px;font:600 12px/1.4 "DM Sans",sans-serif}.tell-morrow-mascot-stage{position:relative;height:72px;margin:0 auto;width:100%}.tell-morrow-peek{position:absolute;z-index:3;left:50%;bottom:-3px;width:124px;height:auto;max-height:108px;object-fit:contain;transform:translateX(-50%);pointer-events:none;user-select:none;-webkit-user-drag:none}.tell-morrow-form{margin-top:0;gap:10px}.tell-morrow-input-wrap{position:relative;margin-top:0;padding-top:0}.tell-morrow-input-wrap textarea{min-height:112px!important;padding:22px 64px 18px 18px!important;border-radius:24px!important;border-color:rgba(125,143,131,.3)!important;resize:none!important;box-shadow:0 10px 30px rgba(15,34,56,.05)}.tell-morrow-input-wrap textarea:focus{box-shadow:0 0 0 4px rgba(125,143,131,.10),0 10px 30px rgba(15,34,56,.05)}.tell-morrow-send{position:absolute!important;right:14px;top:50%;width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:50%!important;transform:translateY(-50%);font:700 25px/1 "DM Sans",sans-serif!important;display:grid!important;place-items:center!important;box-shadow:none!important}.tell-morrow-suggestions{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:none}.tell-morrow-suggestions::-webkit-scrollbar{display:none}.tell-morrow-suggestion{flex:0 0 auto;padding:8px 12px;border:1px solid #d8e1df;border-radius:999px;background:#fffdf9;color:#405c73;font:700 11px/1 "DM Sans",sans-serif;white-space:nowrap;cursor:pointer}#addPage:has(#status[style*="display: block"]) .show-morrow-card{display:block!important;position:fixed;z-index:12000;inset:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px);width:auto;max-width:620px;margin:0 auto;overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid rgba(125,143,131,.28);border-radius:24px;background:rgba(248,245,239,.97);box-shadow:0 24px 70px rgba(15,34,56,.24)}#addPage:has(#status[style*="display: block"]) .show-morrow-card::before{content:'Show Morrow';display:block;margin:0 0 16px;color:var(--ink);font:700 23px/1.25 "Comfortaa",sans-serif}#addPage:has(#status[style*="display: block"]) .show-morrow-card::after{content:'';position:fixed;z-index:-1;inset:0;background:rgba(15,34,56,.42)}#addPage:has(#status[style*="display: block"]) .show-morrow-card #preview,#addPage:has(#status[style*="display: block"]) .show-morrow-card #filePreview{margin-bottom:16px;border-radius:16px}#reviewForm[style*="display: block"],#schoolReviewForm[style*="display: block"],#activityReviewForm[style*="display: block"],#bellScheduleReviewForm[style*="display: block"],#sportsScheduleReviewForm[style*="display: block"]{position:fixed!important;z-index:12020!important;inset:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px)!important;width:auto!important;max-width:620px!important;margin:0 auto!important;overflow:auto!important;overscroll-behavior:contain;padding:22px!important;border-radius:24px!important;background:rgba(248,245,239,.97)!important;box-shadow:0 24px 70px rgba(15,34,56,.24)!important}#reviewForm[style*="display: block"]::before,#schoolReviewForm[style*="display: block"]::before,#activityReviewForm[style*="display: block"]::before,#bellScheduleReviewForm[style*="display: block"]::before,#sportsScheduleReviewForm[style*="display: block"]::before{content:'';position:fixed;z-index:-1;inset:0;background:rgba(15,34,56,.42)}@media(prefers-color-scheme:dark){#addPage:has(#status[style*="display: block"]) .show-morrow-card,#reviewForm[style*="display: block"],#schoolReviewForm[style*="display: block"],#activityReviewForm[style*="display: block"],#bellScheduleReviewForm[style*="display: block"],#sportsScheduleReviewForm[style*="display: block"]{background:rgba(20,36,50,.97)!important}.tell-morrow-panel:not([hidden]){background:#f8f5ef!important}.tell-morrow-header h3{color:#10263f!important}.tell-morrow-header p{color:#52616d!important}.tell-morrow-close{color:#52616d!important}.tell-morrow-status{color:#425463!important}.tell-morrow-prompt{background:#e7f0ee;color:#415767}.tell-morrow-prompt::after{border-color:transparent transparent transparent #e7f0ee}.tell-morrow-suggestion{background:#fffdf9;border-color:#d8e1df;color:#405c73}}@media(max-width:620px){.tell-morrow-panel:not([hidden]),#addPage:has(#status[style*="display: block"]) .show-morrow-card,#reviewForm[style*="display: block"],#schoolReviewForm[style*="display: block"],#activityReviewForm[style*="display: block"],#bellScheduleReviewForm[style*="display: block"],#sportsScheduleReviewForm[style*="display: block"]{inset:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)!important;max-width:none!important;border-radius:0!important;border-left:0!important;border-right:0!important}.tell-morrow-prompt{margin-top:24px}.tell-morrow-mascot-stage{height:68px}.tell-morrow-peek{width:116px}}

/* Tell Morrow should use the real app theme instead of dimming itself. */
.tell-morrow-panel:not([hidden])::before{content:none!important}
@media(prefers-color-scheme:dark){
  .tell-morrow-panel:not([hidden]){background:#0f1822!important;color:#eef2f3!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
  .tell-morrow-header h3{color:#eef2f3!important}
  .tell-morrow-header p,.tell-morrow-close,.tell-morrow-status{color:#9ca9ad!important}
  .tell-morrow-form textarea,.tell-morrow-input-wrap textarea{background:#142432!important;color:#eef2f3!important;-webkit-text-fill-color:#eef2f3!important;caret-color:#eef2f3!important;border-color:#31424e!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
  .tell-morrow-form textarea::placeholder{color:#9ca9ad!important;-webkit-text-fill-color:#9ca9ad!important}
  .tell-morrow-input-wrap textarea:focus{border-color:#7d8f83!important;box-shadow:0 0 0 4px rgba(125,143,131,.13),0 10px 30px rgba(0,0,0,.18)!important}
  .tell-morrow-prompt{background:#1b2b39!important;color:#dbe4e7!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}
  .tell-morrow-prompt::after{border-color:transparent transparent transparent #1b2b39!important}
  .tell-morrow-suggestion{background:#142432!important;border-color:#31424e!important;color:#dbe4e7!important}

  /* Review card intentionally stays light in dark mode; keep its child/owner picker readable. */
  .tell-review-card{color:#10263f!important}
  .tell-review-card .tell-owner-label,.tell-review-card .tell-owner-help,.tell-review-card label,.tell-review-card button:not(.btn),.tell-review-card [role="button"]{color:#10263f!important;-webkit-text-fill-color:#10263f!important}
  .tell-review-card .tell-owner-help{color:#52616d!important;-webkit-text-fill-color:#52616d!important}
  .tell-review-card input,.tell-review-card select{color:#10263f!important;-webkit-text-fill-color:#10263f!important;background:#fffdf9!important}
  .tell-review-card input::placeholder{color:#667583!important;-webkit-text-fill-color:#667583!important;opacity:1}
}