@layer components{.hh{background:var(--w-desktop);color:#000;font:16px/1.2 var(--w-ui);-webkit-font-smoothing:none;position:fixed;inset:0;overflow:hidden}.hh-home{flex-direction:column;display:flex;position:absolute;inset:0}.hh-bar{min-height:calc(34px + env(safe-area-inset-top));padding:env(safe-area-inset-top)6px 0;background:var(--w-face);box-shadow:inset 0 -1px var(--w-shadow),inset 0 -2px var(--w-dark);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.hh-bar-mark{align-items:center;gap:6px;font-weight:700;display:flex}.hh-tray{min-height:24px;box-shadow:var(--bevel-shallow);align-items:center;padding:0 8px;display:flex}.hh-home-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:16px 12px 28px;overflow-y:auto}.hh-home-scroll>*{max-width:34rem;margin-left:auto;margin-right:auto}.hh-win{background:var(--w-face);box-shadow:var(--bevel-window);padding:3px}.hh-titlebar{background:var(--w-title);color:#fff;align-items:center;gap:6px;min-height:24px;padding:0 3px 0 4px;font-weight:700;display:flex}.hh-titlebar svg{flex:none}.hh-welcome-body{padding:14px 12px 12px}.hh-name{font:800 30px/1.05 var(--w-doc);letter-spacing:-.01em;-webkit-font-smoothing:auto;margin:0}.hh-role,.hh-avail{font:15px/1.45 var(--w-doc);-webkit-font-smoothing:auto;margin:10px 0 0}.hh-avail{color:#404040}.hh-welcome-body .btn{min-height:36px;margin-top:14px}.hh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px;margin-top:22px;padding:0;list-style:none;display:grid}.hh-app{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:84px;padding:6px 2px;text-decoration:none;display:flex}.hh-app svg{width:48px;height:48px}.hh-app-label{text-align:center;padding:0 3px 1px;line-height:1.1}.hh-app:active .hh-app-label{background:var(--w-select)}.hh-app:focus-visible{outline:none}.hh-app:focus-visible .hh-app-label{outline:1px dotted #fff}.hh-note{background:var(--w-info);border:1px solid #000;margin-top:22px;padding:8px 10px 10px}.hh-note-head{margin:0 0 4px;font-weight:700}.hh-note-body{font:14px/1.45 var(--w-doc);-webkit-font-smoothing:auto;margin:0}.hh-taskbar{padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:var(--w-face);box-shadow:inset 0 1px var(--w-light),inset 0 2px var(--w-hilite);flex:none;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.hh-quick{color:#000;min-height:44px;box-shadow:var(--bevel-raised);justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}.hh-quick:active{box-shadow:var(--bevel-pressed)}.hh-quick:active>*{position:relative;top:1px;left:1px}.hh-quick svg{flex:none;width:16px;height:16px}.hh-screen{padding:env(safe-area-inset-top)0 0;background:var(--w-face);will-change:transform;outline:none;flex-direction:column;display:flex;position:absolute;inset:0}.hh-screen>.hh-titlebar{flex:none;min-height:44px;margin:3px 3px 0;padding-left:3px}.hh-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:700 16px/1 var(--w-ui);margin:0;overflow:hidden}.hh-back{background:var(--w-face);color:#000;width:40px;height:34px;box-shadow:var(--bevel-raised);cursor:pointer;border:0;flex:none;place-items:center;margin-right:4px;display:grid}.hh-back:active{box-shadow:var(--bevel-pressed)}.hh-back:active svg{position:relative;top:1px;left:1px}.hh-back:focus-visible{outline-offset:-5px;outline:1px dotted #000}.hh-body{overscroll-behavior:contain;background:var(--w-window);min-height:0;box-shadow:var(--bevel-sunken);padding-bottom:calc(20px + env(safe-area-inset-bottom));flex:1;margin:3px;overflow-y:auto}.hh-body>*{max-width:44rem;margin-left:auto;margin-right:auto}.hh-lead{font:700 22px/1.2 var(--w-doc);text-wrap:balance;margin:0 0 18px}.hh-next{justify-content:flex-end;margin-top:28px;display:flex}.hh-next .btn{min-height:36px}.hh-body-fill{background:#000;flex-direction:column;padding:2px;display:flex}.hh-terminal{flex:1;width:100%;min-height:0;max-width:none!important}@media (min-width:640px){.hh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hh-home-scroll{padding-top:32px}}}.hh .hh-body.doc{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
