:root,:root[data-theme=dark]{--bg: #07070b;--ink: #e8e8ee;--ink-rgb: 232, 232, 238;--ink-hi: #ffffff;--accent-1: #e8e8ee;--accent-2: #e8e8ee;--accent-3: #e8e8ee;--accent-rgb: 232, 232, 238;--uchecker-wallpaper: radial-gradient(circle at 22% 14%, rgba(129,140,248,.22), transparent 55%), radial-gradient(circle at 84% 86%, rgba(167,139,250,.16), transparent 55%), linear-gradient(160deg, #201d26, #0c0b0f);--unotch-wallpaper: radial-gradient(circle at 24% 12%, rgba(251,191,36,.22), transparent 55%), radial-gradient(circle at 82% 88%, rgba(249,115,22,.14), transparent 55%), linear-gradient(160deg, #201d26, #0c0b0f);--apps-wallpaper: radial-gradient(circle at 22% 14%, rgba(129,140,248,.22), transparent 55%), radial-gradient(circle at 82% 88%, rgba(249,115,22,.14), transparent 55%), linear-gradient(160deg, #201d26, #0c0b0f);--dock-bg: rgba(255,255,255,.08);--dock-icon-a: rgba(255,255,255,.28);--dock-icon-b: rgba(255,255,255,.22);--menubar-bg: rgba(20,20,24,.55);--menubar-border: rgba(255,255,255,.06);--menubar-ink: rgba(255,255,255,.5);--menubar-ink-strong: rgba(255,255,255,.85);--hint-ink: rgba(255,255,255,.75);--draft-ink: #fde68a}:root[data-theme=light]{--bg: #ffffff;--ink: #0f0f14;--ink-rgb: 15, 15, 20;--ink-hi: #07070b;--uchecker-wallpaper: radial-gradient(circle at 22% 14%, rgba(129,140,248,.4), transparent 55%), radial-gradient(circle at 84% 86%, rgba(167,139,250,.32), transparent 55%), linear-gradient(160deg, #f2f1f7, #e3e1ec);--unotch-wallpaper: radial-gradient(circle at 24% 12%, rgba(251,191,36,.38), transparent 55%), radial-gradient(circle at 82% 88%, rgba(249,115,22,.28), transparent 55%), linear-gradient(160deg, #faf5ee, #f1e7d8);--apps-wallpaper: radial-gradient(circle at 22% 14%, rgba(129,140,248,.4), transparent 55%), radial-gradient(circle at 82% 88%, rgba(249,115,22,.28), transparent 55%), linear-gradient(160deg, #f2f1f7, #e3e1ec);--dock-bg: rgba(0,0,0,.1);--dock-icon-a: rgba(0,0,0,.32);--dock-icon-b: rgba(0,0,0,.24);--menubar-bg: rgba(255,255,255,.55);--menubar-border: rgba(0,0,0,.08);--menubar-ink: rgba(0,0,0,.55);--menubar-ink-strong: rgba(0,0,0,.85);--hint-ink: rgba(0,0,0,.75);--draft-ink: #92400e}[data-app=uchecker]{--accent-1: #818cf8;--accent-2: #a78bfa;--accent-3: #60a5fa;--accent-rgb: 129, 140, 248}[data-app=unotch]{--accent-1: #fbbf24;--accent-2: #f59e0b;--accent-3: #f97316;--accent-rgb: 251, 191, 36}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration:none}a:hover{color:var(--ink-hi)}::selection{background:rgb(var(--accent-rgb) / 30%)}input:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:2px solid rgb(var(--accent-rgb) / 70%);outline-offset:2px}@keyframes ublink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes urise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.dot-grid{background-image:radial-gradient(rgba(var(--ink-rgb),.055) 1px,transparent 1px);background-size:28px 28px}.cursor-blink{display:inline-block;width:9px;height:3px;background:var(--ink);margin-left:3px;animation:ublink 1.2s step-end infinite}.hover-link:hover{color:var(--ink-hi)}.hover-nav-link:hover{color:var(--ink-hi);background:rgba(var(--ink-rgb),.07)}.hover-fill:hover{background:var(--ink-hi)}.hover-cta-primary:hover{background:var(--ink-hi);transform:translateY(-1px)}.hover-lift:hover{transform:translateY(-1px)}.hover-outline:hover{border-color:rgba(var(--ink-rgb),.6)}.hover-underline:hover{border-color:var(--ink-hi)}.card-hover{transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}.card-hover:hover{transform:translateY(-3px);border-color:rgb(var(--accent-rgb) / 50%)}.modebtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;font-size:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#e8e8eed9;cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;transition:border-color .15s ease,color .15s ease,background .15s ease}.modebtn:hover:not(.sel){border-color:#ffffff2e;color:#fff}.modebtn.sel{background:#6366f1;color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f159}.modebtn-add{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;font-size:11px;color:#e8e8ee66;border:1px dashed rgba(255,255,255,.18)}.notch-shape{position:absolute;top:0;left:50%;transform:translate(-50%);width:64px;height:16px;padding:0;border:none;background:#000;border-radius:0 0 11px 11px;cursor:pointer;overflow:hidden;z-index:2;transition:width .45s cubic-bezier(.32,.72,0,1),height .45s cubic-bezier(.32,.72,0,1),border-radius .45s ease}.notch-shape:hover{background:#0a0a0a}.notch-shape.open{width:min(370px,84%);height:190px;border-radius:0 0 24px 24px;box-shadow:0 22px 60px #0009}.notch-content{padding:14px 20px 16px;display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .2s ease}.notch-shape.open .notch-content{opacity:1;transition-delay:.2s}.statusbar-popover{transform-origin:top right;opacity:0;transform:translateY(-8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:4}.statusbar-popover.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}#notchHint,#ucheckerHint,#appsHint{transition:opacity .3s ease}#notchHint.dismissed,#ucheckerHint.dismissed,#appsHint.dismissed{opacity:0;animation-play-state:paused}@keyframes notch-hint-bob{0%,to{transform:translate(0)}50%{transform:translate(-3px,4px)}}@media(prefers-reduced-motion:reduce){.notch-shape,.notch-content,.statusbar-popover{transition:none}#notchHint,#ucheckerHint,#appsHint{animation:none}}.panel-result p.ai-swapping{background:linear-gradient(100deg,#ff8ad4,#a78bfa,#6ea8fe,#5eead4,#a78bfa,#ff8ad4);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 40%,rgba(0,0,0,0) 72%);mask-image:linear-gradient(90deg,#000 0% 40%,#0000 72%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:ai-materialize .55s ease both,ai-shimmer 1.1s linear both,ai-reveal .8s ease both}@keyframes ai-materialize{0%{filter:blur(7px);opacity:0}55%{filter:blur(0);opacity:1}to{filter:blur(0);opacity:1}}@keyframes ai-reveal{0%{-webkit-mask-position:130% 0;mask-position:130% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes ai-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(prefers-reduced-motion:reduce){.panel-result p.ai-swapping{animation:none}}.doc-body h2{margin:36px 0 10px;font-size:20px;font-weight:600;color:var(--ink-hi);letter-spacing:-.01em}.doc-body h3{margin:22px 0 6px;font-size:17px;font-weight:600;color:var(--ink-hi);letter-spacing:-.01em}.doc-body p,.doc-body li{margin:0 0 14px;font-size:16px;line-height:1.72;color:rgba(var(--ink-rgb),.68)}.doc-body strong{color:var(--ink-hi)}.doc-body ul{padding-left:20px}.doc-body a{color:rgb(var(--accent-rgb) / 90%);text-decoration:underline;text-underline-offset:2px}.doc-body a:hover{color:var(--ink-hi)}.theme-icon-moon{display:none}:root[data-theme=light] .theme-icon-sun{display:none}:root[data-theme=light] .theme-icon-moon{display:block}.theme-toggle:hover{background:rgba(var(--ink-rgb),.08);color:var(--ink-hi)}.ph-badge-light{display:none}.ph-badge-dark{display:inline-flex}:root[data-theme=light] .ph-badge-light{display:inline-flex}:root[data-theme=light] .ph-badge-dark{display:none}
