@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{--bg:#0a0a0a;--fg:#f0f0f0;--fg-dim:#aaa;--fg-muted:#555;--red:#d71921;--red-dim:#d719214d;--bubble-border:#888;--head-dots:#444;--font-mono:"Space Mono", "Courier New", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}body:before{content:"";background-image:radial-gradient(circle, var(--fg-muted) 1px, transparent 1px);opacity:.3;pointer-events:none;z-index:0;background-size:16px 16px;transition:opacity .5s;position:fixed;inset:0}body.stressed-medium:before{opacity:.4;animation:.8s ease-in-out infinite gridShake}body.stressed-severe:before{opacity:.5;background-image:radial-gradient(circle,#d7192166 1px,#0000 1px);animation:.3s ease-in-out infinite gridShake}@keyframes gridShake{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}.app{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px 16px 80px;display:flex;position:relative;overflow:hidden}.header{text-align:center;flex-shrink:0}.settings-btn{cursor:pointer;opacity:.7;background:0 0;border:1px dashed #555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .2s,border-color .2s;display:flex}.settings-btn:hover{opacity:1;border-color:#888}.guide-btn{cursor:pointer;opacity:.7;width:38px;height:38px;font-family:var(--font-mono);color:#999;background:0 0;border:1px dashed #555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;transition:opacity .2s,border-color .2s;display:flex}.guide-btn:hover{opacity:1;border-color:#888}.guide-modal{max-width:320px}.guide-slide{flex-direction:column;gap:8px;min-height:80px;animation:.25s fadeIn;display:flex}.guide-slide-title{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--fg);font-size:14px;font-weight:700}.guide-slide-body{font-family:var(--font-mono);color:var(--fg-dim);font-size:11px;line-height:1.7}.guide-dots{justify-content:center;gap:6px;display:flex}.guide-dot{background:var(--fg-muted);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s}.guide-dot.active{background:var(--fg)}.guide-nav{justify-content:space-between;display:flex}.settings-modal{max-width:300px}.settings-section{margin:16px 0}.settings-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-label{letter-spacing:2px;text-transform:uppercase;color:var(--fg-muted);min-width:60px;font-size:11px}.settings-value{color:var(--fg-muted);text-align:right;min-width:24px;font-size:10px}.settings-toggle{color:#888;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #555;border-radius:12px;padding:4px 14px;font-size:10px;transition:all .2s}.settings-toggle.active{border-color:var(--accent);color:var(--accent)}.lang-toggles{gap:6px;display:flex}.settings-sliders{transition:opacity .2s}.settings-sliders.disabled{opacity:.3;pointer-events:none}.settings-slider{appearance:none;background:#333;border-radius:2px;outline:none;flex:1;height:3px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#888;border:2px solid #555;border-radius:50%;width:14px;height:14px;transition:background .2s}.settings-slider::-webkit-slider-thumb:hover{background:#aaa}.settings-slider::-moz-range-thumb{cursor:pointer;background:#888;border:2px solid #555;border-radius:50%;width:14px;height:14px}.settings-slider::-moz-range-track{background:#333;border-radius:2px;height:3px}.header h1{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--fg-dim);font-size:12px;font-weight:700}.header .count{color:var(--fg-muted);letter-spacing:2px;margin-top:4px;font-size:10px}.head-container{aspect-ratio:1;flex-shrink:0;width:min(75vw,320px);margin-top:20px;position:relative}.head-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bubbles-area{position:absolute;inset:16px 20px 90px}.bubble{border:2px dashed var(--bubble-border);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards bubbleIn,4s ease-in-out infinite bubbleBreathe,7s ease-in-out infinite bubbleDrift,9s ease-in-out infinite bubbleWobble,5s ease-in-out infinite bubbleGlow;display:flex;position:absolute}@keyframes bubbleBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes bubbleDrift{0%,to{translate:0}25%{translate:1.5px -1px}50%{translate:-1px 1.5px}75%{translate:-1.5px -.5px}}@keyframes bubbleWobble{0%,to{rotate:0deg}33%{rotate:.8deg}66%{rotate:-.8deg}}@keyframes bubbleGlow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 6px #ffffff0a}}.bubble-text{font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;word-break:break-word;color:var(--fg);-webkit-box-orient:vertical;padding:8px;font-size:10px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}@keyframes bubbleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.bubble.overflow{filter:blur(1px);border-style:dotted;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards overflowIn,3s ease-in-out infinite overflowFloat}@keyframes overflowIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes overflowFloat{0%,to{translate:0}50%{translate:0 -4px}}.count.overflowing{color:var(--red);animation:2s ease-in-out infinite pulseText}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.5}}.head-svg.stressed-mild{animation:2s ease-in-out infinite headWobbleMild}.head-svg.stressed-medium{animation:1.2s ease-in-out infinite headWobbleMedium}.head-svg.stressed-severe{animation:.4s ease-in-out infinite headWobbleSevere}@keyframes headWobbleMild{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}@keyframes headWobbleMedium{0%,to{transform:rotate(0)}25%{transform:rotate(1.2deg)}75%{transform:rotate(-1.2deg)}}@keyframes headWobbleSevere{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(2px,-1px)rotate(1.5deg)}50%{transform:translate(-1px,1px)rotate(-.5deg)}75%{transform:translate(-2px,-1px)rotate(-1.5deg)}}.header.glitching h1{animation:3s step-end infinite titleGlitch}@keyframes titleGlitch{0%,90%,to{text-shadow:none;opacity:1}91%{text-shadow:2px 0 var(--red), -2px 0 cyan;opacity:.9}93%{text-shadow:-1px 0 var(--red), 1px 0 cyan;opacity:1}95%{text-shadow:1px 0 var(--red);opacity:.85}97%{text-shadow:none;opacity:1}}.add-btn.stressed{animation:1.5s ease-in-out infinite addBtnPulse}@keyframes addBtnPulse{0%,to{box-shadow:0 0 #d7192100}50%{box-shadow:0 0 12px 4px #d7192166}}.bubble.popping{animation:.5s ease-out forwards bubblePop}@keyframes bubblePop{0%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(1.3)}60%{opacity:.4;border-style:dotted;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.pop-particles{pointer-events:none;position:absolute}.pop-particle{background:var(--fg-dim);border-radius:50%;width:4px;height:4px;animation:.6s ease-out forwards particleFly;position:absolute}@keyframes particleFly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0}}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.8s fadeIn;display:flex;position:absolute;inset:0}.empty-msg{color:var(--fg-muted);letter-spacing:2px;text-align:center;font-size:10px;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-bar{padding:12px 20px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px dashed var(--fg-muted);background:var(--bg);z-index:10;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.categories-row{scrollbar-width:none;flex:1;gap:6px;display:flex;overflow-x:auto}.categories-row::-webkit-scrollbar{display:none}.cat-chip{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border:1px dashed var(--fg-muted);color:var(--fg-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;flex-shrink:0;padding:6px 12px;font-size:9px;transition:all .2s}.cat-chip.active{border-color:var(--fg-dim);color:var(--fg);background:#ffffff0d}.add-btn{border:2px dashed var(--red);width:44px;height:44px;color:var(--red);font-size:22px;font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:all .2s;display:flex}.add-btn:active{background:var(--red-dim);transform:scale(.9)}.modal-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{border:1px dashed var(--fg-muted);background:var(--bg);flex-direction:column;gap:16px;width:100%;max-width:320px;padding:24px;display:flex}.modal h2{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--fg-dim);font-size:12px;font-weight:700}.modal input,.modal textarea{font-family:var(--font-mono);border:1px dashed var(--fg-muted);color:var(--fg);resize:none;background:0 0;outline:none;padding:10px;font-size:13px}.modal input:focus,.modal textarea:focus{border-color:var(--fg-dim)}.modal input::placeholder,.modal textarea::placeholder{color:var(--fg-muted)}.modal-cats{flex-wrap:wrap;gap:6px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;border:1px dashed var(--fg-muted);color:var(--fg-dim);cursor:pointer;background:0 0;padding:8px 16px;font-size:10px}.modal-btn.primary{border-color:var(--red);color:var(--red)}.modal-btn.primary:active{background:var(--red-dim)}.modal-btn.danger{border-color:var(--red);color:var(--red)}.detail-modal{text-align:left}.detail-modal .detail-title{font-family:var(--font-mono);color:var(--fg);word-break:break-word;margin-bottom:4px;font-size:16px;font-weight:700}.detail-modal .detail-cat{letter-spacing:1px;text-transform:uppercase;color:var(--fg-dim);margin-bottom:12px;font-size:9px}.detail-modal .detail-remind{font-family:var(--font-mono);letter-spacing:.5px;color:#4a9eff;margin-bottom:8px;font-size:9px}.detail-modal .detail-body{color:var(--fg-dim);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.6}.detail-modal .detail-body.empty{color:var(--fg-muted);font-style:italic}.detail-title.redacted,.detail-body.redacted{letter-spacing:1px;color:var(--fg-muted);-webkit-user-select:none;user-select:none}.detail-redacted-hint{font-family:var(--font-mono);letter-spacing:1px;color:var(--fg-muted);text-align:center;padding:8px 0;font-size:9px;font-style:italic}.remind-row{align-items:center;gap:8px;display:flex}.remind-label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;font-size:10px}.remind-input{font-family:var(--font-mono);border:1px dashed var(--fg-muted);color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;flex:1;padding:6px 8px;font-size:11px}.bubble-remind-dot{opacity:.8;background:#4a9eff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.important-toggle{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border:1px dashed var(--fg-muted);color:var(--fg-dim);cursor:pointer;background:0 0;width:100%;padding:8px 14px;font-size:10px;transition:all .2s}.important-toggle.active{border-color:var(--red);color:var(--red);background:var(--red-dim);border-style:solid}.bubble.important{border-style:solid;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards bubbleIn,4s ease-in-out infinite bubbleBreathe,7s ease-in-out infinite bubbleDrift,9s ease-in-out infinite bubbleWobble,5s ease-in-out infinite bubbleGlowImportant}@keyframes bubbleGlowImportant{0%,to{box-shadow:0 0 8px #d719214d}50%{box-shadow:0 0 12px #d7192173}}.new-cat-row{gap:6px;margin-top:4px;display:flex}.new-cat-row input{flex:1;padding:6px 8px;font-size:10px}.new-cat-row button{font-family:var(--font-mono);border:1px dashed var(--fg-muted);color:var(--fg-dim);cursor:pointer;background:0 0;padding:6px 10px;font-size:10px}.bubble.holding{box-shadow:0 0 0 3px var(--red-dim);border-color:var(--red);animation-play-state:paused,paused,paused,paused,paused}.hold-progress{border:2px solid #0000;border-top-color:var(--red);pointer-events:none;border-radius:50%;animation:.6s linear forwards holdSpin;position:absolute;inset:-4px}@keyframes holdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{border-radius:50%;animation:.6s ease-out forwards sparkleFly;position:absolute;top:50%;left:50%}@keyframes sparkleFly{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}to{transform:translate(-50%, -50%) translate(var(--sx), var(--sy)) scale(0);opacity:0}}.pop-message{font-family:var(--font-mono);letter-spacing:1px;color:#c8ffb0;pointer-events:none;white-space:nowrap;z-index:5;font-size:11px;font-weight:700;animation:1s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.accessory-picker{max-height:80vh;overflow-y:auto}.accessory-header{justify-content:space-between;align-items:baseline;display:flex}.accessory-pops{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:1px;font-size:10px}.accessory-tabs{gap:4px;display:flex}.accessory-tab{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border:1px dashed var(--fg-muted);color:var(--fg-dim);cursor:pointer;background:0 0;flex:1;padding:8px 0;font-size:10px;transition:all .2s}.accessory-tab.active{border-color:var(--fg-dim);color:var(--fg);background:#ffffff0d}.accessory-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.accessory-item{border:1px dashed var(--fg-muted);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;transition:all .2s;display:flex;position:relative}.accessory-item:active:not(.locked){background:#ffffff0d}.accessory-item.equipped{border-color:var(--fg);background:#ffffff0d;border-style:solid}.accessory-item.locked{cursor:not-allowed;opacity:.5}.accessory-preview-svg{width:48px;height:36px}.accessory-name{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--fg-dim);font-size:8px}.accessory-lock{font-family:var(--font-mono);letter-spacing:.5px;color:var(--fg-muted);font-size:7px}.accessory-equipped-badge{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--fg);font-size:7px;position:absolute;top:2px;right:4px}.unlock-toast{font-family:var(--font-mono);letter-spacing:2px;color:#c8ffb0;z-index:200;white-space:nowrap;background:#000000e6;border:1px dashed #c8ffb0;padding:10px 20px;font-size:11px;animation:3s ease-out forwards toastIn;position:fixed;top:24px;left:50%;transform:translate(-50%)}.debug-btn{color:#c8ffb0!important;border-color:#c8ffb0!important}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}@keyframes accWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.acc-stress-cowboy-hat{transform-origin:170px 30px;animation:1.2s ease-in-out infinite accWobble}@keyframes accBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.acc-stress-beanie{animation:.6s ease-in-out infinite accBounce}@keyframes accAskew{0%,to{transform:rotate(0)translate(0)}30%{transform:rotate(-6deg)translate(-2px)}70%{transform:rotate(2deg)translate(1px)}}.acc-stress-crown{transform-origin:170px 10px;animation:2s ease-in-out infinite accAskew}@keyframes accFlyOff{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-5px)rotate(-2deg)}60%{transform:translateY(-2px)rotate(1deg)}}.acc-stress-top-hat{transform-origin:170px 0;animation:.8s ease-in-out infinite accFlyOff}@keyframes accSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.acc-stress-antenna{transform-origin:170px 30px;animation:.7s ease-in-out infinite accSwing}@keyframes accSlideDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.acc-stress-sunglasses{animation:1.5s ease-in-out infinite accSlideDown}@keyframes accTwitch{0%,to{transform:scaleX(1)}15%{transform:scaleX(1.03)}30%{transform:scaleX(.97)}45%{transform:scaleX(1.02)}60%{transform:scaleX(1)}}.acc-stress-cat-whiskers{transform-origin:170px 221px;animation:.5s ease-in-out infinite accTwitch}@keyframes accGlitch{0%,to{opacity:1;transform:translate(0)}10%{opacity:.4;transform:translate(1px)}20%{opacity:1;transform:translate(-1px)}30%{opacity:.6;transform:translateY(1px)}40%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}75%{opacity:.3;transform:translate(2px,-1px)}80%{opacity:1;transform:translate(0)}}.acc-stress-robot-eyes{animation:1s step-end infinite accGlitch}@keyframes accBlush{0%,to{opacity:1}50%{opacity:.5}}.acc-stress-blush{animation:.8s ease-in-out infinite accBlush}@keyframes accMonocleSwing{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-5deg)translateY(1px)}50%{transform:rotate(0)translateY(2px)}75%{transform:rotate(5deg)translateY(1px)}}.acc-stress-monocle{transform-origin:208px 200px;animation:1s ease-in-out infinite accMonocleSwing}@keyframes accRoll{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.acc-stress-skateboard{animation:.9s ease-in-out infinite accRoll}@keyframes accFlutter{0%,to{transform:skew(0)}25%{transform:skew(-3deg)}50%{transform:skew(0)}75%{transform:skew(3deg)}}.acc-stress-scarf{transform-origin:170px 320px;animation:1.1s ease-in-out infinite accFlutter}@keyframes accWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}.acc-stress-bow-tie{transform-origin:170px 330px;animation:.5s ease-in-out infinite accWiggle}@keyframes accPulse{0%,to{transform:scale(1)}25%{transform:scale(1.02)translate(-1px)}50%{transform:scale(.98)}75%{transform:scale(1.02)translate(1px)}}.acc-stress-headphones{transform-origin:170px 200px;animation:.3s ease-in-out infinite accPulse}.acc-tier-severe.acc-stress-cowboy-hat{animation-duration:.6s}.acc-tier-severe.acc-stress-beanie{animation-duration:.3s}.acc-tier-severe.acc-stress-crown{animation-duration:1s}.acc-tier-severe.acc-stress-top-hat{animation-duration:.4s}.acc-tier-severe.acc-stress-antenna{animation-duration:.35s}.acc-tier-severe.acc-stress-sunglasses{animation-duration:.8s}.acc-tier-severe.acc-stress-cat-whiskers{animation-duration:.25s}.acc-tier-severe.acc-stress-robot-eyes{animation-duration:.5s}.acc-tier-severe.acc-stress-blush{animation-duration:.4s}.acc-tier-severe.acc-stress-monocle{animation-duration:.5s}.acc-tier-severe.acc-stress-skateboard{animation-duration:.45s}.acc-tier-severe.acc-stress-scarf{animation-duration:.55s}.acc-tier-severe.acc-stress-bow-tie{animation-duration:.25s}.acc-tier-severe.acc-stress-headphones{animation-duration:.15s}