html,body,#root{margin:0;padding:0;height:100%;background:#020617;color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.portfolio-root{display:flex;height:100vh}.room-column{min-width:0;display:flex}.room-full{flex:1}.room-with-panel{flex:1.4}.room-wrapper{width:100%;height:100%}.header-buttons{display:flex;align-items:center;gap:.5rem}.info-column{flex:1;padding:1.5rem 1.8rem;border-left:1px solid rgba(148,163,184,.25);background:radial-gradient(circle at top left,#0f172a 0,#020617 55%);box-sizing:border-box;overflow-y:auto;animation:panelFadeIn .25s ease-out}@keyframes panelFadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.info-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.info-header-row h1{margin:0;font-size:1.9rem}.info-header-row p{margin:.2rem 0;color:#9ca3af;font-size:.95rem}.close-panel-btn{border:none;background:transparent;color:#9ca3af;font-size:1.3rem;cursor:pointer;padding:.2rem .4rem;border-radius:999px;transition:background .15s ease,color .15s ease,transform .1s ease}.close-panel-btn:hover{background:#94a3b826;color:#e5e7eb;transform:scale(1.05)}.info-content{margin-top:1.5rem}.info-content h2{margin-top:0;margin-bottom:.8rem;font-size:1.15rem}.info-content ul{padding-left:1.2rem;margin-top:.2rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 55%);color:#e5e7eb;overflow:hidden}.app-root{height:100vh;width:100vw;position:relative;overflow:hidden}.room-wrapper{height:100%;width:100%}.overlay{position:absolute;top:24px;left:32px;z-index:10}.name-pill{padding:10px 18px;border-radius:999px;background:radial-gradient(circle at top left,#22d3ee 0,#0f172a 45%);border:1px solid rgba(148,163,184,.7);box-shadow:0 18px 50px #0f172ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:560px}.name-main{display:block;font-size:1.2rem;font-weight:600;letter-spacing:.03em;text-shadow:0 0 8px rgba(56,189,248,.9)}.name-sub{display:block;margin-top:2px;font-size:.78rem;color:#cbd5f5}.ui-panel{position:absolute;right:24px;bottom:24px;width:min(380px,90vw);background:#0f172ae6;border-radius:18px;border:1px solid rgba(148,163,184,.6);padding:10px 12px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.8rem;z-index:10;box-shadow:0 20px 60px #0f172ae6}.ui-tabs{display:flex;gap:6px;margin-bottom:8px}.ui-tab{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ab3;color:#9ca3af;padding:4px 8px;font-size:.75rem;cursor:pointer;transition:all .15s ease}.ui-tab:hover{border-color:#22d3ee;color:#e5e7eb}.ui-tab-active{background:linear-gradient(135deg,#22d3ee,#a855f7);border-color:transparent;color:#f9fafb}.ui-content h2{font-size:.9rem;margin-bottom:4px}.ui-content p,.ui-content li{color:#9ca3af}.ui-content ul{padding-left:1rem;margin-top:4px;display:grid;gap:2px}