/* WYNKOOP/OS mobile home screen. Scoped to the mobile shell. */
body.phone-mode {
  height: auto;
  min-height: 100svh;
  overflow: visible;
  background: #07100e;
  color: #e8efe8;
  user-select: auto;
}
html:has(body.phone-mode) {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #07100e;
}
body.phone-mode > .crt-flicker,
body.phone-mode > .crt-scanline-moving,
body.phone-mode > .crt-frame,
body.phone-mode > .crt-noise { display: none; }
body.phone-mode > .crt-scanlines { opacity: .13; }
.phone-shell {
  --phone-text: #edf5ee;
  --phone-muted: #a3b8ad;
  --phone-line: rgba(181, 224, 195, .17);
  --phone-green: #baff7a;
  --phone-amber: #ffc46a;
  position: relative;
  z-index: 1;
  isolation: isolate;
  min-height: 100svh;
  padding-top: env(safe-area-inset-top, 0px);
  color: var(--phone-text);
  font: 14px/1.55 var(--font-mono);
  -webkit-tap-highlight-color: transparent;
}
.phone-shell [hidden] { display: none !important; }
.phone-shell button,
.phone-shell a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.phone-shell button { font: inherit; cursor: pointer; }
.phone-shell a { color: inherit; }
.phone-shell :is(button,a,input,select,textarea):focus-visible { outline: 2px solid var(--phone-amber); outline-offset: 5px; }
.phone-wallpaper {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 95% 15%, rgba(103, 157, 43, .17), transparent 50%),
    radial-gradient(ellipse at 5% 85%, rgba(20, 108, 88, .22), transparent 60%),
    linear-gradient(155deg, #15231b, #0a1512 50%, #05100e);
}
.phone-wallpaper::before {
  content: "";
  position: absolute;
  width: 680px;
  height: 680px;
  top: 22%;
  left: 22%;
  border-radius: 50%;
  border: 1px solid rgba(149, 205, 158, .09);
  box-shadow: 0 0 0 42px rgba(149, 205, 158, .035), 0 0 0 84px rgba(149, 205, 158, .025), 0 0 0 126px rgba(149, 205, 158, .018);
  transform: rotate(-30deg) scaleX(.78);
}
.phone-wallpaper::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .26;
  background-image: radial-gradient(rgba(177, 219, 188, .28) .6px, transparent .6px);
  background-size: 7px 7px;
  mask-image: linear-gradient(150deg, transparent 10%, #000);
}
.phone-status {
  max-width: 520px;
  height: 40px;
  margin: 0 auto;
  padding: 7px 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.phone-clock { min-width: 55px; font-variant-numeric: tabular-nums; }
.phone-system { font-size: 9px; font-weight: 400; letter-spacing: .18em; color: #a2b6a4; }
.phone-signal { display: flex; align-items: center; gap: 7px; }
.phone-signal svg { width: 16px; height: 16px; }
.phone-battery { position: relative; width: 20px; height: 10px; border: 1px solid #adbdaf; border-radius: 3px; padding: 2px; }
.phone-battery::before { content: ""; display: block; height: 100%; width: 100%; background: var(--phone-green); border-radius: 1px; }
.phone-battery::after { content: ""; position: absolute; width: 2px; height: 4px; top: 2px; right: -4px; background: #adbdaf; border-radius: 1px; }
.phone-home {
  min-height: calc(100svh - 40px - env(safe-area-inset-top, 0px));
  max-width: 520px;
  margin: 0 auto;
  padding: clamp(22px, 4svh, 40px) 22px 10px;
  padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
  display: flex;
  flex-direction: column;
}
.phone-brand { margin: 0 0 clamp(26px, 4svh, 38px); }
.phone-brand h1 { font: 52px/.82 var(--font-term); font-weight: 400; letter-spacing: .025em; color: var(--phone-text); text-shadow: 0 0 25px rgba(186,255,122,.13); }
.phone-brand h1 span { display: block; margin: 11px 0 0 2px; font: 10px/1.3 var(--font-mono); letter-spacing: .43em; color: var(--phone-green); }
.phone-brand p { font-size: 10px; margin-top: 14px; color: var(--phone-muted); letter-spacing: -.02em; }
.phone-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(86px, auto); gap: 22px 12px; align-items: start; }
.phone-app-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  text-shadow: none;
  color: var(--phone-text);
}
.phone-app-icon:hover { color: var(--phone-text); background: none; text-decoration: none; text-shadow: none; box-shadow: none; }
.phone-icon-tile {
  display: grid;
  place-items: center;
  width: clamp(54px, 15.5vw, 68px);
  aspect-ratio: 1;
  border-radius: 19px;
  background: linear-gradient(145deg, var(--tile-top), var(--tile-bottom));
  border: 1px solid var(--tile-border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 5px 12px rgba(0,0,0,.22);
  color: var(--tile-ink);
  transition: transform .18s ease, filter .18s ease;
}
.phone-color-green { --tile-top:#b9f57d; --tile-bottom:#70af43; --tile-ink:#153016; --tile-border:#a5dd74; }
.phone-color-amber { --tile-top:#f6cd86; --tile-bottom:#c88935; --tile-ink:#432b0c; --tile-border:#dfb46b; }
.phone-color-blue { --tile-top:#9bcce2; --tile-bottom:#527f9b; --tile-ink:#112c3d; --tile-border:#88b4ca; }
.phone-color-mint { --tile-top:#b2ddc1; --tile-bottom:#689c7e; --tile-ink:#153e2b; --tile-border:#9fcbb0; }
.phone-color-purple { --tile-top:#cfb3ed; --tile-bottom:#8d6daa; --tile-ink:#362443; --tile-border:#b798d2; }
.phone-color-coral { --tile-top:#eebba0; --tile-bottom:#b87458; --tile-ink:#4a291e; --tile-border:#d29e84; }
.phone-color-white { --tile-top:#e5e8dc; --tile-bottom:#9eac9a; --tile-ink:#314335; --tile-border:#c4cec0; }
.phone-icon-tile svg { width: 29px; height: 29px; stroke-width: 1.65; }
.phone-icon-label { font: 10px/1.35 var(--font-mono); white-space: nowrap; text-align: center; color: #edf4ec; letter-spacing: -.02em; }
.phone-app-icon:active .phone-icon-tile { transform: scale(.91); filter: brightness(1.15); }
@media (hover:hover) { .phone-app-icon:hover .phone-icon-tile { transform: translateY(-3px); filter: brightness(1.08); } }
.phone-widget {
  position: relative;
  grid-column: span 2;
  grid-row: span 2;
  align-self: stretch;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 16px 14px;
  border-radius: 23px;
  border: 1px solid rgba(203, 229, 196, .22);
  background: linear-gradient(140deg, rgba(49,65,45,.88), rgba(17,29,23,.97));
  color: var(--phone-text);
  box-shadow: 0 6px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  transition: transform .18s;
}
.phone-widget:hover { background: linear-gradient(140deg,#364a30,#15241b); color: var(--phone-text); box-shadow: 0 6px 20px rgba(0,0,0,.2); text-shadow: none; }
.phone-widget:active { transform: scale(.97); }
.phone-widget-status { display:flex; align-items:center; gap:6px; color:#bbd9aa; font-size:8px; white-space:nowrap; z-index:1; }
.phone-widget-status i, .phone-about-status i { width:5px; height:5px; border-radius:50%; display:inline-block; background:var(--phone-green); box-shadow:0 0 9px #95d063; flex-shrink:0; }
.phone-widget-title { display: block; font: 28px/1.02 var(--font-term); font-weight:400; letter-spacing:-.01em; margin:12px 0; z-index:1; }
.phone-widget-title strong { color:var(--phone-amber); font-weight:400; }
.phone-widget-copy { display:block; color:#c1ccbc; font-size:9px; line-height:1.7; z-index:1; }
.phone-widget-mark { position:absolute; right:-4px; bottom:-23px; font:94px/1 var(--font-term); color:rgba(190,224,170,.035); transform:rotate(-12deg); }
.phone-home-hint { color:#9bad9d; font-size:9px; text-align:center; margin:29px 0 24px; letter-spacing:.025em; }
.phone-home-hint span { display:inline-block; width:4px; height:4px; background:var(--phone-green); border-radius:50%; margin:0 6px 1px 0; }
.phone-dock { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:auto; padding:17px 16px 13px; border-radius:29px; border:1px solid rgba(196,220,190,.18); background:rgba(118,145,113,.13); box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 28px rgba(0,0,0,.12); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.phone-dock .phone-icon-tile { width:60px; border-radius:19px; }
.phone-home-indicator { width:94px; height:4px; border-radius:4px; background:#c2cbbc; opacity:.5; margin:18px auto 0; }
/* Apps share the same screen, with the home screen kept intact underneath. */
.phone-in-app { background:#0b1411; }
.phone-in-app .phone-status { background:#0b1411; }
.phone-app { max-width:600px; min-height:calc(100svh - 40px); margin:0 auto; display:flex; flex-direction:column; }
.phone-app-header { position:sticky; top:0; z-index:10; display:grid; grid-template-columns:90px minmax(0,1fr) 90px; align-items:center; gap:8px; min-height:68px; padding:10px 15px; background:rgba(11,20,17,.96); border-bottom:1px solid var(--phone-line); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.phone-app-header h2 { font-size:15px; line-height:1.4; font-weight:500; text-align:center; color:var(--phone-text); letter-spacing:-.025em; }
.phone-home-button { display:flex; align-items:center; gap:2px; min-height:44px; padding:8px 0; border:0; background:none; color:var(--phone-green); font-size:12px !important; text-transform:none; letter-spacing:0; box-shadow:none; }
.phone-home-button svg { width:20px; height:20px; }
.phone-home-button:hover { background:none; color:var(--phone-green); box-shadow:none; }
.phone-app-indicator { justify-self:end; width:7px; height:7px; border-radius:50%; background:var(--phone-green); opacity:.65; margin-right:8px; }
.phone-app-content { padding:28px 22px; flex:1; min-width:0; animation:phone-open .22s ease-out; }
.phone-screen-intro { margin-bottom:26px; }
.phone-kicker { font:9px/1.6 var(--font-mono); letter-spacing:.14em; color:var(--phone-green); margin-bottom:8px; }
.phone-screen-intro h3, .phone-success h3 { font:36px/1.05 var(--font-term); color:var(--phone-text); font-weight:400; margin-bottom:14px; }
.phone-screen-intro > p:last-child, .phone-note p, .phone-success > p { font-size:13px; line-height:1.8; color:var(--phone-muted); }
.phone-screen-intro em { font-style:normal; color:var(--phone-amber); }
.phone-primary, .phone-secondary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:13px 16px;
  border-radius:13px;
  font:500 12px/1.6 var(--font-mono) !important;
  text-align:center;
  text-decoration:none;
  text-transform:none;
  letter-spacing:0;
  text-shadow:none;
  box-shadow:none;
}
.phone-primary { width:100%; background:var(--phone-green); color:#182916; border:1px solid var(--phone-green); }
.phone-primary:hover { background:#cbff9c; color:#182916; text-shadow:none; box-shadow:none; }
.phone-primary:disabled { opacity:.65; cursor:wait; }
.phone-secondary { background:#17241d; color:var(--phone-text); border:1px solid var(--phone-line); }
.phone-secondary:hover { background:#24352b; color:var(--phone-text); text-shadow:none; box-shadow:none; text-decoration:none; }
.phone-block-link { display:flex; margin-top:12px; width:100%; }
.phone-text-link { display:inline-flex; align-items:center; min-height:44px; font-size:12px; line-height:1.6; color:var(--phone-green) !important; text-decoration:underline; text-underline-offset:4px; }
.phone-service-list { margin-bottom:24px; }
.phone-service { border-bottom:1px solid var(--phone-line); }
.phone-service summary { display:flex; align-items:center; gap:13px; list-style:none; cursor:pointer; padding:19px 0; font-size:14px; font-weight:500; color:var(--phone-text); }
.phone-service summary::-webkit-details-marker { display:none; }
.phone-service summary::marker { content:""; }
.phone-service summary > span:nth-child(2) { flex:1; }
.phone-service-number { color:var(--phone-green); font:18px/1 var(--font-term); align-self:flex-start; padding-top:3px; }
.phone-service summary small { display:block; font-size:10px; font-weight:400; line-height:1.65; margin-top:6px; color:var(--phone-muted); }
.phone-service-plus { font-size:20px; color:var(--phone-green); transition:transform .18s; }
.phone-service[open] .phone-service-plus { transform:rotate(45deg); }
.phone-service-detail { padding:0 0 19px 31px; font-size:12px; line-height:1.85; color:var(--phone-muted); }
.phone-service-detail a { margin-top:8px; }
.phone-product { padding:22px 0; border-top:1px solid var(--phone-line); }
.phone-product-heading { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.phone-product-icon { display:grid; place-items:center; flex:0 0 48px; height:48px; border-radius:14px; background:linear-gradient(145deg,var(--tile-top),var(--tile-bottom)); color:var(--tile-ink); }
.phone-product-icon svg { width:25px; height:25px; }
.phone-product h4 { font-size:16px; font-weight:500; color:var(--phone-text); }
.phone-product .phone-kicker { margin-bottom:3px; font-size:8px; }
.phone-product > p, .phone-product li { font-size:12px; line-height:1.85; color:var(--phone-muted); }
.phone-product ul { padding-left:19px; margin:12px 0 0; }
.phone-product li { margin:4px 0; }
.phone-product video { display:block; width:100%; max-height:230px; aspect-ratio:16/9; background:#07100b; border-radius:12px; margin:16px 0; }
.phone-product-actions { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin-top:14px; }
.phone-product-actions .phone-secondary { min-height:44px; padding:10px 14px; }
.phone-about-intro { margin-top:4px; }
.phone-about-monogram { display:grid; place-items:center; width:70px; height:70px; margin-bottom:26px; border:1px solid var(--phone-line); background:#22311d; color:var(--phone-green); border-radius:22px; font:40px/1 var(--font-term); }
.phone-about-intro h3 { font-size:46px; }
.phone-note { margin:0 0 26px; }
.phone-note h4 { font-size:16px; margin-bottom:12px; font-weight:500; }
.phone-note p + p { margin-top:14px; }
.phone-about-status { display:flex; flex-direction:column; gap:9px; margin-top:26px; color:var(--phone-muted); font-size:10px; }
.phone-about-status i { margin-right:6px; }
.phone-field { display:flex; flex-direction:column; gap:8px; margin-bottom:19px; }
.phone-field label { font-size:11px; color:var(--phone-text); }
.phone-field label span { color:var(--phone-muted); font-size:10px; }
.phone-field input, .phone-field select, .phone-field textarea { display:block; width:100%; min-width:0; min-height:50px; padding:13px 14px; border-radius:12px; border:1px solid #425247; background:#14201a; color:var(--phone-text); font:16px/1.5 var(--font-mono); user-select:text; }
.phone-field textarea { resize:vertical; min-height:130px; }
.phone-field select { text-overflow:ellipsis; padding-right:10px; }
.phone-field input::placeholder, .phone-field textarea::placeholder { color:#90a196; opacity:1; }
.phone-field input:focus, .phone-field select:focus, .phone-field textarea:focus { border-color:var(--phone-green); }
.phone-form-status { color:#ffcd9d; font-size:12px; line-height:1.7; }
.phone-form-status:not(:empty) { margin-bottom:16px; }
.phone-email-link { font-size:10px; color:var(--phone-muted); margin-top:22px; text-align:center; }
.phone-email-link a { display:block; padding:10px 0; color:var(--phone-green); text-decoration:underline; overflow-wrap:anywhere; }
.phone-success { padding-top:25px; }
.phone-success-icon { display:grid; place-items:center; width:64px; height:64px; border-radius:20px; background:var(--phone-green); color:#19331c; margin-bottom:24px; }
.phone-success-icon svg { width:32px; height:32px; }
.phone-success .phone-primary { margin-top:28px; }
.phone-success .phone-secondary { margin-top:12px; width:100%; }
.phone-widget-mount { min-height:360px; width:100%; overflow:hidden; border-radius:14px; background:#09120c; }
.phone-widget-mount iframe { display:block; width:100%; max-width:100%; border:0; }
.phone-embed-fallback { margin:20px 0; font-size:11px; line-height:1.9; color:var(--phone-muted); }
.phone-embed-fallback a { display:inline-block; color:var(--phone-green); text-decoration:underline; padding:6px 0; }
.phone-app-footer { padding:12px 22px max(14px, env(safe-area-inset-bottom, 0px)); border-top:1px solid var(--phone-line); }
.phone-app-footer button { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; min-height:44px; border:0; background:none; color:var(--phone-muted); font-size:11px; text-transform:none; letter-spacing:0; box-shadow:none; }
.phone-app-footer svg { width:17px; height:17px; }
.phone-app-footer button:hover { color:var(--phone-green); background:none; box-shadow:none; }
@keyframes phone-open { from { opacity:.4; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:359px) {
  .phone-home { padding-left:16px; padding-right:16px; }
  .phone-grid { gap:18px 9px; grid-auto-rows:minmax(78px,auto); }
  .phone-icon-tile { width:52px; border-radius:16px; }
  .phone-icon-label { font-size:9px; }
  .phone-widget { padding:13px 10px; border-radius:20px; }
  .phone-widget-status { font-size:7px; gap:4px; }
  .phone-widget-title { font-size:22px; }
  .phone-widget-copy { font-size:8px; }
  .phone-app-content { padding-left:17px; padding-right:17px; }
  .phone-app-header { grid-template-columns:76px minmax(0,1fr) 30px; }
}
@media (max-height:740px) {
  .phone-home { padding-top:18px; }
  .phone-brand { margin-bottom:23px; }
  .phone-brand h1 { font-size:46px; }
  .phone-brand p { margin-top:11px; }
  .phone-grid { row-gap:18px; }
  .phone-home-hint { margin:19px 0; }
  .phone-dock { padding-top:13px; padding-bottom:11px; }
  .phone-home-indicator { margin-top:13px; }
}
@media (min-width:540px) and (max-width:819px) {
  .phone-home { max-width:520px; }
  .phone-grid { row-gap:25px; grid-auto-rows:minmax(96px,auto); }
  .phone-widget-title { font-size:36px; }
  .phone-widget-copy { font-size:11px; }
  .phone-widget-status { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .phone-shell *, .phone-shell *::before, .phone-shell *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

@media (max-height:650px) and (max-width:539px) {
  .phone-status { height:32px; }
  .phone-home { min-height:calc(100svh - 32px - env(safe-area-inset-top, 0px)); padding-top:12px; padding-bottom:max(8px, env(safe-area-inset-bottom, 0px)); }
  .phone-brand { margin-bottom:18px; }
  .phone-brand h1 { font-size:40px; }
  .phone-brand h1 span { margin-top:8px; }
  .phone-brand p { margin-top:9px; }
  .phone-grid { grid-auto-rows:minmax(70px,auto); row-gap:14px; }
  .phone-icon-tile { width:52px; border-radius:16px; }
  .phone-widget { padding:12px 10px; }
  .phone-widget-title { font-size:22px; margin:8px 0; }
  .phone-widget-copy { font-size:8px; }
  .phone-home-hint { margin:14px 0; }
  .phone-dock { padding-top:10px; padding-bottom:10px; border-radius:24px; }
  .phone-dock .phone-icon-tile { width:52px; border-radius:16px; }
  .phone-home-indicator { margin-top:11px; }
}

/* Keep the desktop CRT identity inside the phone layout. */
body.phone-mode { background:#030703; color:#d9ffd2; }
body.phone-mode > .crt-frame { display:block; box-shadow:inset 0 0 55px rgba(0,0,0,.34), inset 0 0 14px rgba(0,0,0,.2); }
body.phone-mode > .crt-noise { display:block; opacity:.025; }
body.phone-mode > .crt-scanlines { opacity:.55; }
body.phone-mode > .crt-scanline-moving { display:block; opacity:.6; }
body.phone-mode > .crt-flicker { display:block; }
.phone-shell {
  --phone-text:#dcffd6;
  --phone-muted:#9bcb8f;
  --phone-line:rgba(57,255,20,.25);
  --phone-green:#39ff14;
  --phone-amber:#ffb000;
}
.phone-wallpaper {
  background:
    linear-gradient(rgba(57,255,20,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.045) 1px,transparent 1px),
    radial-gradient(ellipse at 70% 10%,#122b10 0,transparent 65%),
    linear-gradient(155deg,#091309,#020702);
  background-size:26px 26px,26px 26px,auto,auto;
}
.phone-wallpaper::before { border-color:rgba(57,255,20,.07); box-shadow:0 0 0 42px rgba(57,255,20,.025),0 0 0 84px rgba(57,255,20,.018); }
.phone-wallpaper::after { opacity:.12; }
.phone-brand h1 { color:#d9ffd1; text-shadow:0 0 4px rgba(57,255,20,.55),0 0 17px rgba(57,255,20,.3); }
.phone-brand h1 span { text-shadow:0 0 7px rgba(57,255,20,.35); }
.phone-brand p { color:#94ba87; }
.phone-status { color:#baffaa; text-shadow:0 0 6px rgba(57,255,20,.24); }
.phone-system { color:#8bbc7f; }
.phone-battery { border-color:#89c77b; }
.phone-battery::after { background:#89c77b; }
.phone-color-green, .phone-color-blue, .phone-color-mint, .phone-color-purple, .phone-color-white {
  --tile-top:#163212;
  --tile-bottom:#091407;
  --tile-ink:#67ff45;
  --tile-border:#477e37;
}
.phone-color-amber, .phone-color-coral {
  --tile-top:#33270a;
  --tile-bottom:#171104;
  --tile-ink:#ffb926;
  --tile-border:#916516;
}
.phone-icon-tile { border-radius:15px; box-shadow:inset 0 0 15px rgba(57,255,20,.025),0 0 10px rgba(57,255,20,.07),0 5px 12px rgba(0,0,0,.4); }
.phone-icon-tile svg, .phone-product-icon svg { filter:drop-shadow(0 0 4px currentColor); stroke-width:1.6; }
.phone-icon-label { color:#beefad; text-shadow:0 0 5px rgba(57,255,20,.18); }
.phone-widget { border-radius:17px; border-color:#497c34; background:linear-gradient(135deg,rgba(24,45,14,.94),rgba(6,16,5,.97)); box-shadow:inset 0 0 22px rgba(57,255,20,.03),0 0 16px rgba(57,255,20,.07); }
.phone-widget:hover { background:linear-gradient(135deg,#1c3613,#091908); }
.phone-widget-status { color:#a4d990; }
.phone-widget-title { text-shadow:0 0 6px rgba(57,255,20,.4); }
.phone-widget-title strong { text-shadow:0 0 6px rgba(255,176,0,.36); }
.phone-widget-copy { color:#acd09e; }
.phone-widget-status i, .phone-about-status i { box-shadow:0 0 7px #39ff14; }
.phone-dock { border-radius:20px; border-color:#34572b; background:linear-gradient(180deg,rgba(17,34,11,.9),rgba(7,18,6,.95)); box-shadow:inset 0 1px 0 rgba(57,255,20,.06),0 0 16px rgba(57,255,20,.035); }
.phone-dock .phone-icon-tile { border-radius:15px; }
.phone-home-hint { color:#8fc57e; }
.phone-home-indicator { height:3px; background:#a3e88d; box-shadow:0 0 6px rgba(57,255,20,.25); }
.phone-in-app, .phone-in-app .phone-status { background:#061006; }
.phone-app-header { background:rgba(5,15,5,.96); }
.phone-app-header h2 { color:#c6efb9; }
.phone-screen-intro h3, .phone-success h3 { text-shadow:0 0 7px rgba(57,255,20,.25); }
.phone-primary { border-radius:8px; border-color:#ce8d05; background:#271c03; color:#ffbe35; box-shadow:inset 0 0 14px rgba(255,176,0,.035),0 0 10px rgba(255,176,0,.06); }
.phone-primary:hover { background:#382803; border-color:#ffb000; color:#ffd67b; box-shadow:0 0 16px rgba(255,176,0,.15); }
.phone-secondary { border-radius:8px; background:#0e200b; color:#baff9f; }
.phone-secondary:hover { background:#193712; color:#ddffd2; }
.phone-product-icon { border-radius:12px; border:1px solid var(--tile-border); }
.phone-field input, .phone-field select, .phone-field textarea { border-radius:8px; border-color:#3a6630; background:#081507; color:#d7ffcc; }
.phone-field input::placeholder, .phone-field textarea::placeholder { color:#8cad7d; }
.phone-about-monogram { border-radius:15px; background:#0e2209; text-shadow:0 0 10px rgba(57,255,20,.4); }
.phone-success-icon { border-radius:15px; background:#112c0a; border:1px solid #427b2c; color:#69ff43; box-shadow:0 0 20px rgba(57,255,20,.09); }
.phone-widget-mount { border-radius:8px; }
@media (prefers-reduced-motion:reduce) {
  body.phone-mode > .crt-scanline-moving, body.phone-mode > .crt-flicker { display:none; }
}