*{margin:0;padding:0;box-sizing:border-box}body{background:#111;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden;width:100vw;height:100vh}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .6s ease}#loading.hidden{opacity:0;pointer-events:none}.loading-text{font-size:18px;color:#888;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}.loading-bar{width:200px;height:3px;background:#333;border-radius:2px;overflow:hidden}.loading-fill{width:0%;height:100%;background:#00e5ff;transition:width .3s ease}#greeting-panel{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10;opacity:0;transition:opacity .8s ease}#greeting-panel.visible{opacity:1}.greeting-name{font-size:42px;font-weight:700;letter-spacing:2px;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.8)}.greeting-role{font-size:18px;color:#aaa;letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;text-shadow:0 1px 6px rgba(0,0,0,.8)}.greeting-sub{font-size:13px;color:#555;letter-spacing:1px}#thankyou-panel{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10;opacity:0;transition:opacity .8s ease}#thankyou-panel.visible{opacity:1}.thankyou-text{font-size:48px;font-weight:700;letter-spacing:2px;margin-bottom:24px;text-shadow:0 2px 12px rgba(0,0,0,.8)}.thankyou-links{font-size:16px;color:#888;letter-spacing:1px;line-height:2;text-shadow:0 1px 6px rgba(0,0,0,.8)}#content-overlay{position:fixed;left:65%;top:50%;transform:translateY(-50%);text-align:left;pointer-events:none;z-index:10;opacity:0;transition:opacity .4s ease;max-width:400px}#content-overlay.visible{opacity:1}#topic-title{font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.8)}#topic-bullets{font-size:14px;line-height:1.7;color:#ccc;text-shadow:0 1px 4px rgba(0,0,0,.8)}#topic-bullets .bullet{margin-bottom:10px;padding-left:12px;border-left:2px solid #555}#input-area{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:20;width:500px}#llm-response{font-size:14px;color:#aaa;padding:0 8px 10px;line-height:1.5;opacity:0;transition:opacity .4s ease;text-shadow:0 1px 4px rgba(0,0,0,.8)}#llm-response.visible{opacity:1}#llm-response.thinking{opacity:.4}#wispr-input{width:100%;padding:14px 20px;background:#00000080;border:1px solid #444;border-radius:12px;color:#ddd;font-size:16px;font-family:inherit;resize:none;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease}#wispr-input:focus{border-color:#00e5ff}#wispr-input::placeholder{color:#666}#image-counter{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:15;font-size:13px;color:#888;letter-spacing:2px;opacity:0;transition:opacity .5s ease;pointer-events:none}#image-counter.visible{opacity:1}#key-hints{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20;opacity:.3}#key-hints span{font-size:11px;color:#666;background:#0006;padding:4px 8px;border-radius:4px;border:1px solid #333}