.homie-portal-root{margin:20px 0}.portal-window{background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.portal-titlebar{background:linear-gradient(180deg,navy,#00f);color:#fff;padding:4px 8px;font-size:11px;font-weight:700;display:flex;align-items:center;border-bottom:1px solid #000}.portal-content{padding:15px;display:flex;flex-direction:column;gap:10px}.portal-input{width:100%;padding:6px;border:2px inset silver;background:#fff;font-family:inherit;font-size:13px}.portal-input:focus{outline:1px dotted #000}.portal-button{padding:6px 20px;background:silver;border:2px outset silver;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;align-self:flex-start}.portal-button:hover:not(:disabled){background:#d4d4d4}.portal-button:active:not(:disabled){border:2px inset silver}.portal-button:disabled{opacity:.6;cursor:not-allowed}.portal-error{color:#c00000;font-size:12px;margin-top:5px}.window{background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;box-shadow:4px 4px 0 rgba(0,0,0,.5)}.title-bar{background:linear-gradient(180deg,navy,#00f);color:#fff;padding:2px 4px;font-size:11px;font-weight:700;display:flex;align-items:center;border-bottom:1px solid #000}.title-bar-text{flex:1}.window-body{padding:8px;font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif}.status-bar,.window-body{background:silver;font-size:11px}.status-bar{border-top:1px solid grey;padding:2px 4px;margin-top:8px;display:flex;justify-content:space-between}.status-bar-field{margin:0;color:#000}.blink{animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.progress-indicator{display:flex;gap:2px;background:grey;padding:2px;border:2px inset #fff}.progress-segment{width:10%;height:15px;background:navy;opacity:0;animation:fillStep 2s infinite}@keyframes fillStep{0%{opacity:0}50%{opacity:1}to{opacity:1}}