*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background-color:#000;overflow:hidden}#app{width:100%;min-height:100%}canvas{display:block;position:fixed;top:0;left:0;z-index:0}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-card{position:relative;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:48px;text-align:center;color:#fff;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.hero-card:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-card:hover:before{opacity:1}.hero-card:after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(to bottom right,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none}.hero-icon{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;border:3px solid rgba(255,255,255,.2);background:#ffffff1a}.hero-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hero-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:.02em}.hero-affiliation{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#ffffffb3;letter-spacing:.05em}.hero-card{pointer-events:auto}.hero-card.is-towed{cursor:pointer}.hero-close{position:absolute;top:14px;right:14px;z-index:1;width:32px;height:32px;border:none;background:none;color:#fff9;font-size:20px;line-height:1;cursor:pointer;transition:color .2s,opacity .3s}.hero-close:hover{color:#fff}.is-towed .hero-close{opacity:0;pointer-events:none}.tag-panel{position:relative;display:flex;flex-direction:column;padding:var(--pad);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;border-radius:24px;border:1px solid transparent;background:transparent;pointer-events:auto;visibility:hidden;transition:background .8s ease,border-color .8s ease,box-shadow .8s ease}.tag-panel.is-open{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff26;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.tag-panel-title{flex:none;height:var(--title-line);font-size:var(--title-font);line-height:var(--title-line);font-weight:600;white-space:nowrap}.tag-panel-body{flex:1;min-height:0;margin-top:20px;overflow-y:auto;font-size:15px;line-height:1.9;color:#ffffffd9;opacity:0;transition:opacity .6s ease}.tag-panel.is-open .tag-panel-body{opacity:1}.tag-panel-body p+p{margin-top:1em}.tag-panel-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:none;color:#fff9;font-size:20px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:color .2s,opacity .3s}.tag-panel.is-open .tag-panel-close{opacity:1;pointer-events:auto}.tag-panel-close:hover{color:#fff}.tag-panel.is-open .tag-panel-title{height:auto;padding-right:32px;white-space:normal}#app-content{position:relative;z-index:1;pointer-events:none}#app-content>*{pointer-events:auto}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 40px;box-sizing:border-box}#ar-page{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1a;z-index:10}.ar-start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;text-align:center}.ar-start-content{max-width:400px}.ar-start-content h1{font-size:2rem;color:#fff;margin-bottom:1rem;font-weight:300}.ar-start-content p{color:#ffffffb3;line-height:1.6;margin-bottom:.5rem}.ar-start-content .ar-sub{font-size:.9rem;color:#ffffff80}.ar-start-btn{margin-top:2rem;padding:16px 48px;font-size:1.1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500}.ar-start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #6366f166}.ar-start-btn:active{transform:translateY(0)}.ar-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ar-permission-note{margin-top:1rem;font-size:.8rem;color:#fff6}.ar-back-link{position:absolute;top:20px;left:20px;color:#fff9;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:color .2s}.ar-back-link:hover{color:#fff}.ar-initializing{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ar-initializing-content{text-align:center;color:#fff}.ar-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ar-container{position:absolute;top:0;left:0;width:100%;height:100%}.ar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.ar-mode-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:8px 16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:.85rem;transition:background .3s}.ar-mode-indicator.mode-card{background:#6366f1b3}.ar-mode-indicator.mode-fish{background:#8b5cf6b3}.ar-mode-indicator.mode-error{background:#ef4444b3}.ar-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:12px 24px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#fffc;font-size:.9rem;text-align:center;max-width:80%}.ar-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;text-align:center}.ar-error h2{color:#ef4444;margin-bottom:1rem}.ar-error p{color:#ffffffb3;margin-bottom:.5rem}.ar-retry-btn{margin-top:1.5rem;padding:12px 32px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.ar-retry-btn:hover{background:#ffffff1a;border-color:#ffffff80}.ar-debug{position:absolute;top:60px;right:20px;padding:8px 12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#4ade80;font-size:.75rem;font-family:monospace}