@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-color:#06c;--accent-color-hover:#0077ed;--glass-bg:#ffffffa6;--glass-border:#fffc;--glass-shadow:0 8px 32px #00000014;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.2s cubic-bezier(.25, 1, .5, 1);--transition-normal:.4s cubic-bezier(.25, 1, .5, 1);--transition-slow:.6s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);overscroll-behavior-y:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word;background-color:#f5f5f7;background-image:radial-gradient(at 0% 0%, hsla(253,16%,7deg,0) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225,39%,30deg,0) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339,49%,30deg,1) 0, transparent 50%), radial-gradient(at 0% 100%, #5cd6d6 0, transparent 50%), radial-gradient(at 50% 100%, #ad5cd6 0, transparent 50%), radial-gradient(at 100% 100%, #d6ad5c 0, transparent 50%);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-family);background:0 0;border:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0006}.header{top:calc(1rem + env(safe-area-inset-top,0px));z-index:100;width:90%;max-width:1000px;padding:.75rem 1.5rem;position:fixed;left:50%;transform:translate(-50%)}.header-container{justify-content:space-between;align-items:center;display:flex}.logo-container{transition:transform var(--transition-fast);align-items:center;gap:.5rem;display:flex}.logo-container:active{transform:scale(.95)}.logo-image{object-fit:contain;width:32px;height:32px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 2px 8px #00000026}.logo-container:hover .logo-image{transform:rotate(-10deg)scale(1.1)}.logo-text{letter-spacing:-.5px;font-size:1.2rem;font-weight:600}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--text-primary)}@media (width<=768px){.header{width:95%;padding:.6rem 1rem}.logo-text{letter-spacing:-.2px;font-size:1rem}.nav-links{gap:1rem}.nav-link{font-size:.85rem}}.footer{text-align:center;margin-top:4rem;padding:4rem 0 2rem}.footer-content{color:var(--text-secondary);font-size:.9rem;font-weight:400}.footer-subtext{opacity:.8;margin-top:.5rem;font-size:.85rem}.project-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px #0000001f}.project-icon-wrapper{z-index:1;width:56px;height:56px;color:var(--card-color);transition:all var(--transition-normal);background:#0000000a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.2rem;display:flex;position:relative}.project-card:hover .project-icon-wrapper{background:var(--card-color);color:#fff;transform:scale(1.05)}.project-image-wrapper{z-index:1;width:100%;height:180px;transition:all var(--transition-normal);background:#00000005;border-radius:16px;margin-bottom:1.2rem;position:relative;overflow:hidden}.project-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-thumbnail{transform:scale(1.08)}.project-content{z-index:1;flex-grow:1;position:relative}.project-title{letter-spacing:-.3px;color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.project-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.project-footer{z-index:1;color:var(--accent-color);justify-content:space-between;align-items:center;margin-top:auto;font-size:.95rem;font-weight:500;display:flex;position:relative}.arrow-icon{transition:transform var(--transition-fast)}.project-card:hover .arrow-icon{transform:translate(4px)}.home-container{min-height:calc(100vh - 150px);padding-top:100px}.hero-section{text-align:center;justify-content:center;align-items:center;padding:6rem 2rem 4rem;display:flex;position:relative}.hero-content{z-index:10;max-width:800px;position:relative}.hero-title{letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.hero-title span{color:var(--accent-color)}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.7}.featured-section,.projects-section{max-width:1200px;margin:0 auto;padding:2rem}.section-header{border-bottom:1px solid #0000000d;margin-bottom:2rem;padding-bottom:.5rem}.section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.filter-controls{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.search-bar{border-radius:100px;align-items:center;width:100%;max-width:500px;padding:.75rem 1.5rem;display:flex}.search-icon{color:var(--text-secondary);margin-right:.75rem}.search-bar input{font-size:1rem;font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.search-bar input::placeholder{color:#0000004d}.category-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.category-tab{color:var(--text-secondary);transition:all var(--transition-fast);background:#fff6;border:1px solid #0000000d;border-radius:100px;padding:.6rem 1.2rem;font-weight:500}.category-tab:hover{color:var(--text-primary);background:#fffc}.category-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary);box-shadow:0 4px 12px #0000001a}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.empty-state{text-align:center;color:var(--text-secondary);background:#fff6;border-radius:24px;grid-column:1/-1;padding:4rem 2rem;font-size:1.1rem}@media (width>=768px){.filter-controls{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=768px){.hero-section{padding:4rem 1.5rem 3rem}.hero-title{margin-bottom:1rem;font-size:2.2rem}.hero-subtitle{font-size:1rem}.projects-grid{grid-template-columns:1fr}}.feeding-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding-top:100px;display:flex}.lab-panel{color:#fff;background:linear-gradient(135deg,#140f1ecc,#0f1928d9);border:1px solid #0ff3;border-radius:24px;flex-direction:column;gap:2rem;width:95%;max-width:1100px;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 50px #0006,0 0 30px #ff00ff1a}.lab-panel:before{content:"";opacity:.03;pointer-events:none;filter:blur(4px);background:url(/jeombagi.png) 100%/80% no-repeat;position:absolute;inset:0}.lab-header{text-align:center;z-index:10;position:relative}.lab-header h2{background:linear-gradient(90deg,#00f2fe,#4facfe,#ff0844);color:#0000;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.lab-header p{color:#ffffffb3;margin-top:.5rem;font-size:1.1rem}.lab-content{z-index:10;grid-template-columns:1fr 1fr;gap:2rem;display:grid;position:relative}.jeombagi-view{background:#0000004d;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.jeombagi-avatar{justify-content:center;align-items:flex-end;width:250px;height:250px;display:flex;position:relative}.jeombagi-avatar img{width:100%;height:auto;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.status-IDLE img{transform:translateY(0)scale(1)}.status-EATING img{animation:.4s infinite alternate chomp}.status-HAPPY img{filter:drop-shadow(0 0 20px #ffff0080);animation:.6s infinite alternate jumpHappy}.status-SLEEPY img{opacity:.8;transform:scaleY(.8)scaleX(1.1)translateY(20px)}.status-THIRSTY img{filter:sepia(.6)hue-rotate(-20deg);transform:scale(.95)}.status-SURPRISED img{filter:brightness(1.5);transform:scale(1.15)translateY(-20px)}@keyframes chomp{0%{transform:scale(1)translateY(0)}to{transform:scaleX(1.05)scaleY(.9)translateY(10px)}}@keyframes jumpHappy{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.reaction-bubble{color:#fff;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:60px;padding:1rem 1.5rem;font-size:1.2rem;font-weight:600;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.stat-box{border-left:4px solid var(--accent-color);background:#0006;border-radius:12px;padding:1rem}.stat-box .label{color:#aaa;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;display:block}.stat-box .value-bar{background:#ffffff1a;border-radius:4px;height:8px;position:relative;overflow:hidden}.stat-box .fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px}.control-panel{flex-direction:column;gap:1.5rem;display:flex}.food-dispensers{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.food-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem;transition:all .2s;display:flex}.food-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.food-btn:active{transform:scale(.95)}.food-btn.protein{border-color:#ff3b30}.food-btn.protein:hover{box-shadow:0 0 20px #ff3b3066}.food-btn.jelly{border-color:#00f2fe}.food-btn.jelly:hover{box-shadow:0 0 20px #00f2fe66}.food-btn.spark{border-color:#ff9500}.food-btn.spark:hover{box-shadow:0 0 20px #ff950066}.food-btn.mystery{border-color:#b026ff}.food-btn.mystery:hover{box-shadow:0 0 20px #b026ff66}.food-icon{font-size:2rem}.food-name{font-size:.9rem;font-weight:600}.mixing-bowl{background:#00000080;border:2px solid #ffffff1a;border-radius:20px;flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.bowl-header{color:#00f2fe;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;display:flex}.bowl-contents{flex-wrap:wrap;flex-grow:1;align-content:flex-start;gap:.5rem;min-height:100px;display:flex}.bowl-item{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}.feed-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:100px;margin-top:1.5rem;padding:1.2rem;font-size:1.2rem;font-weight:800;transition:all .2s;box-shadow:0 10px 20px #00f2fe4d}.feed-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #00f2fe80}.feed-btn:active:not(:disabled){transform:scale(.95)}.feed-btn:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff1a}@media (width<=768px){.feeding-container{width:100vw;height:100dvh;padding-top:calc(70px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lab-panel{width:95%;max-height:98%;margin-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow:hidden}.lab-header{flex:none}.lab-header h2{margin-bottom:0;font-size:1.3rem}.lab-header p{display:none}.lab-content{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.jeombagi-view{flex-direction:column;flex:1;gap:.3rem;min-height:0;padding:.5rem;display:flex}.jeombagi-avatar{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex}.jeombagi-avatar img{object-fit:contain;width:auto;height:100%;max-height:130px}.reaction-bubble{flex:none;min-height:35px;margin:0;padding:.4rem;font-size:.85rem}.stats-grid{flex:none;grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.stat-box{padding:.4rem}.stat-box .label{margin-bottom:.2rem;font-size:.65rem}.stat-box .value-bar{height:6px}.control-panel{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.food-dispensers{flex:none;grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.food-btn{border-radius:10px;gap:.2rem;padding:.4rem .2rem}.food-icon{font-size:1.2rem}.food-name{display:none}.mixing-bowl{flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex}.bowl-header{flex:none;margin-bottom:.3rem;font-size:.8rem}.bowl-contents{flex:1;min-height:0;overflow-y:auto}.bowl-item{width:25px;height:25px;font-size:1rem}.feed-btn{flex:none;margin-top:0;padding:.7rem;font-size:.9rem}}.volleyball-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding-top:100px;display:flex}.game-wrapper{border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:900px;padding:2rem;display:flex}.game-header{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.title-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.game-header h2{color:var(--text-primary);font-size:2rem;font-weight:700}.fullscreen-btn{-webkit-backdrop-filter:blur(10px);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #00000014}.fullscreen-btn:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 20px #00000024}.mobile-fullscreen{z-index:9999!important;-webkit-backdrop-filter:none!important;background:linear-gradient(#4facfe 0%,#00f2fe 100%)!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.mobile-fullscreen .game-header h2,.mobile-fullscreen .controls-hint{display:none!important}.mobile-fullscreen .game-header{pointer-events:none;top:env(safe-area-inset-top,10px)!important;z-index:100!important;flex-direction:row!important;justify-content:space-between!important;width:100%!important;padding:0 15px!important;position:absolute!important;left:0!important;right:0!important}.mobile-fullscreen .title-bar{pointer-events:auto;width:auto!important}.mobile-fullscreen .scoreboard{pointer-events:auto;color:var(--text-primary)!important;background:#fffc!important;gap:.5rem!important;padding:.4rem 1rem!important;font-size:1.1rem!important;box-shadow:0 4px 15px #00000026!important}.mobile-fullscreen .player-score,.mobile-fullscreen .ai-score{min-width:0!important}.mobile-fullscreen .canvas-container{aspect-ratio:8/5!important;width:100vw!important;height:auto!important;box-shadow:none!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important}.mobile-fullscreen .canvas-container canvas{object-fit:contain!important;width:100%!important;height:100%!important}.mobile-fullscreen .mobile-controls{pointer-events:none;z-index:100!important;width:100%!important;display:flex!important}.mobile-fullscreen .control-btn{pointer-events:auto}@media (orientation:portrait){.mobile-fullscreen{padding-top:calc(55px + env(safe-area-inset-top,0px))!important;justify-content:flex-start!important}.mobile-fullscreen .mobile-controls{padding:0 25px!important;padding-bottom:env(safe-area-inset-bottom,20px)!important;flex-direction:row!important;flex:1!important;justify-content:space-between!important;align-items:center!important;position:relative!important;bottom:auto!important}.mobile-fullscreen .mobile-dpad{flex-direction:row!important;gap:1rem!important;display:flex!important}.mobile-fullscreen .mobile-actions{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.mobile-fullscreen .control-btn{background:#ffffffb3!important;width:70px!important;height:70px!important;font-size:2rem!important}.mobile-fullscreen .action-btn{width:85px!important;font-size:1.1rem!important}}@media (orientation:landscape){.mobile-fullscreen{justify-content:center!important}.mobile-fullscreen .canvas-container{width:auto!important;height:100dvh!important}.mobile-fullscreen .mobile-controls{bottom:calc(15px + env(safe-area-inset-bottom,0px))!important;flex-direction:row!important;justify-content:space-between!important;padding:0 40px!important;position:absolute!important}.mobile-fullscreen .control-btn{background:#ffffff40!important}}.scoreboard{-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffff80;border-radius:100px;justify-content:center;align-items:center;gap:2rem;padding:.5rem 3rem;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 8px 32px #0000001a}.player-score,.ai-score{text-align:center;min-width:140px;display:inline-block}.player-score{color:#ff3b30}.ai-score{color:#5856d6}.score-bump{animation:.5s cubic-bezier(.175,.885,.32,1.275) scoreBump}@keyframes scoreBump{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.canvas-container{aspect-ratio:8/5;border:4px solid #fff9;border-radius:16px;width:100%;max-width:800px;line-height:0;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.canvas-container canvas{object-fit:contain;width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(2px);z-index:10;background:#fff3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay p{color:var(--text-primary);text-align:center;word-break:keep-all;background:#fffffff2;border-radius:20px;max-width:90%;padding:1.2rem 2rem;font-size:1.5rem;font-weight:700;line-height:1.4;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;box-shadow:0 4px 12px #00000026}.point-overlay{background:#0000004d}.point-overlay p{color:#fff;background:linear-gradient(135deg,#ff9500,#ff3b30);border:none;font-size:3.5rem;font-weight:900;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards pointPop;box-shadow:0 15px 35px #ff3b3066,inset 0 0 0 2px #ffffff4d}@keyframes pointPop{0%{opacity:0;transform:scale(.5)rotate(-5deg)}70%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.game-over-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.game-over-content{text-align:center;background:#fff;border-radius:24px;padding:3rem 4rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;box-shadow:0 20px 60px #0000004d}.game-over-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:3rem}.game-over-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.5rem}.game-over-content button{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:transform .2s,background .2s}.game-over-content button:hover{background:#333;transform:scale(1.05)}.controls-hint{color:var(--text-secondary);text-align:center;font-size:1rem;font-weight:500}.mobile-controls{justify-content:space-between;width:100%;margin-top:1rem;padding:0 1rem;display:none}.mobile-dpad,.mobile-actions{gap:1rem;display:flex}.control-btn{-webkit-backdrop-filter:blur(8px);width:60px;height:60px;color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#ffffff80;border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #0000001a}.control-btn:active{background:#fffc;transform:scale(.95)}.action-btn{border-radius:16px;width:70px;font-size:1rem;font-weight:700}.jump-btn{color:#1a7b31;background:#34c7594d}.spike-btn{color:#a81c12;background:#ff3b304d}@media (width<=768px){.controls-hint{display:none}.mobile-controls{display:flex}.scoreboard{padding:.5rem 1.5rem;font-size:1.5rem}.player-score,.ai-score{min-width:80px}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stock-fortune-container{flex-direction:column;align-items:center;min-height:calc(100vh - 150px);padding-top:100px;display:flex}.fortune-wrapper{text-align:center;border-radius:24px;width:100%;max-width:800px;margin-bottom:2rem;padding:3rem}.fortune-header{margin-bottom:2rem}.fortune-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.fortune-header p{color:var(--text-secondary);font-size:1.1rem}.input-section{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.input-section input{width:300px;color:var(--text-primary);background:#ffffffb3;border:1px solid #0000001a;border-radius:12px;outline:none;padding:1rem 1.5rem;font-size:1.2rem;transition:border-color .2s,box-shadow .2s}.input-section input:focus{border-color:#34c759;box-shadow:0 0 0 3px #34c75933}.input-section button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34c759,#30b050);border:none;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #34c7594d}.input-section button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #34c75966}.input-section button:disabled{opacity:.7;cursor:not-allowed;transform:none}.result-section{background:#ffffff80;border:1px solid #ffffff80;border-radius:16px;padding:2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn}.chart-container{background:#fffc;border-radius:12px;width:100%;height:250px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000000d}.chart-line{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000px;animation:1.5s ease-out forwards drawLine}.chart-gradient{opacity:0;animation:1.5s ease-out forwards drawFill}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes drawFill{0%{opacity:0}80%{opacity:0}to{opacity:.2}}.trend-up{stroke:#ff3b30;color:#ff3b30}.trend-up-fill{fill:#ff3b30}.trend-down{stroke:#007aff;color:#007aff}.trend-down-fill{fill:#007aff}.trend-flat{stroke:#8e8e93;color:#8e8e93}.trend-flat-fill{fill:#8e8e93}.fortune-message{opacity:0;margin-bottom:.5rem;font-size:2rem;font-weight:800;animation:.5s ease-out 1s forwards slideUp;transform:translateY(20px)}.fortune-sub{color:var(--text-secondary);opacity:0;font-size:1.1rem;animation:.5s ease-out 1.2s forwards slideUp;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.loading-spinner{border:4px solid #0000001a;border-top-color:#34c759;border-radius:50%;width:40px;height:40px;margin:3rem 0;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.stock-fortune-container{width:100vw;height:100dvh;padding-top:calc(70px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#f5f5f7;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.fortune-wrapper{width:95%;max-height:98%;margin-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.fortune-header{flex:none;margin-bottom:.5rem}.fortune-header h2{margin-bottom:0;font-size:1.5rem}.fortune-header p{display:none}.input-section{flex-direction:row;flex:none;gap:.5rem;width:100%;margin-bottom:.8rem}.input-section input{width:70%;padding:.6rem;font-size:.9rem}.input-section button{width:30%;padding:.6rem;font-size:.9rem}.chart-container{flex:1;min-height:100px;margin-bottom:.8rem}.result-section{flex:none;padding:1rem}.fortune-message{margin-bottom:.2rem;font-size:1.3rem}.fortune-sub{font-size:.9rem}.loading-spinner{width:30px;height:30px;margin:1rem 0}}.raising-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding-top:100px;display:flex}.tama-device{background:#ffffffb3;border:1px solid #ffffffe6;border-radius:40px;flex-direction:column;gap:1.5rem;width:95%;max-width:500px;padding:2rem;transition:background-color 1s;display:flex;box-shadow:0 20px 60px #0000001a,inset 0 0 0 4px #fffc}.tama-device.night-mode{color:#fff;background:#1e1e2de6;border-color:#64649680;box-shadow:0 20px 60px #0006}.tama-header{text-align:center}.tama-header h2{margin-bottom:.5rem;font-size:1.8rem;font-weight:800;transition:color .3s}.exp-bar{background:#0000001a;border-radius:4px;width:100%;height:8px;margin-bottom:.2rem;overflow:hidden}.night-mode .exp-bar{background:#ffffff1a}.exp-fill{background:linear-gradient(90deg,#ff9500,#fc0);border-radius:4px;height:100%;transition:width .3s}.exp-text{color:var(--text-secondary);font-size:.8rem;font-weight:600}.night-mode .exp-text{color:#aaa}.tama-screen{background:linear-gradient(#87ceeb 0%,#e0f6ff 100%);border:8px solid #333;border-radius:20px;height:300px;transition:background 1s;position:relative;overflow:hidden;box-shadow:inset 0 10px 30px #0003}.night-mode .tama-screen{background:linear-gradient(#0f172a 0%,#1e293b 100%);border-color:#111}.tama-environment{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.stars-overlay{opacity:.8;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000);background-size:200px 200px;animation:4s infinite twinkle;position:absolute;inset:0}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.jeombagi-sprite{width:120px;height:120px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.jeombagi-sprite img{object-fit:contain;width:100%;height:100%}.night-mode .jeombagi-sprite img{filter:brightness(.6)sepia(.2)hue-rotate(200deg)}.anim-eating img{animation:.4s infinite alternate tamaEat}.anim-washing img{animation:.2s infinite alternate tamaWash}.anim-playing img{animation:.5s infinite alternate tamaPlay}@keyframes tamaEat{0%{transform:scaleY(1)translateY(0)}to{transform:scaleY(.9)scaleX(1.1)translateY(10px)}}@keyframes tamaWash{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes tamaPlay{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-30px)rotate(15deg)}}.dirty-flies{font-size:1.5rem;animation:2s linear infinite flyBuzz;position:absolute;top:-20px;left:-10px}@keyframes flyBuzz{0%{transform:translate(0)rotate(0)}25%{transform:translate(15px,-10px)rotate(45deg)}50%{transform:translate(30px)rotate(90deg)}75%{transform:translate(15px,10px)rotate(135deg)}to{transform:translate(0)rotate(180deg)}}.hungry-bubble{background:#fff;border:2px solid #ccc;border-radius:50%;padding:.5rem;font-size:1.2rem;animation:1s infinite alternate pulse;position:absolute;top:-30px;right:-20px}.sad-tears{font-size:2rem;animation:1.5s infinite floatDown;position:absolute;bottom:10px;left:10px}.sleep-zzz{color:#fff;text-shadow:2px 2px 4px #00000080;font-size:1.5rem;font-weight:800;animation:2s infinite floatUpZ;position:absolute;top:-40px;right:-20px}@keyframes floatUpZ{0%{opacity:0;transform:translateY(0)scale(.8)}50%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1.5)}}.bubbles{font-size:2rem;animation:1s infinite floatUp;position:absolute}.food-crumbs{font-size:2rem;animation:1s infinite floatDown;position:absolute;top:0}.play-hearts{font-size:2rem;animation:1s infinite floatUpZ;position:absolute;top:-30px}@keyframes floatUp{0%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-40px)}}@keyframes floatDown{0%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(40px)}}.tama-stats{background:#0000000d;border-radius:16px;flex-direction:column;gap:.8rem;padding:1rem;display:flex}.night-mode .tama-stats{background:#0000004d}.stat-row{align-items:center;gap:1rem;font-size:.9rem;font-weight:600;display:flex}.stat-row span{min-width:80px}.stat-bar{background:#0000001a;border-radius:6px;flex-grow:1;height:12px;overflow:hidden}.night-mode .stat-bar{background:#ffffff1a}.stat-fill{border-radius:6px;height:100%;transition:width .5s}.bg-red{background:#ff3b30}.bg-blue{background:#00f2fe}.bg-green{background:#34c759}.bg-yellow{background:#fc0}.tama-controls{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.btn-action{color:var(--text-primary);cursor:pointer;background:#fff;border:2px solid #eee;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000d}.night-mode .btn-action{color:#fff;background:#ffffff1a;border-color:#fff3}.btn-action .icon{font-size:2rem}.btn-action:hover:not(:disabled){border-color:#4facfe;transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.btn-action:active:not(:disabled){transform:scale(.95)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.active{color:#fff;background:#fc0;border-color:#fa0}.night-mode .btn-action.active{background:#fc0c}@media (width<=768px){.raising-container{width:100vw;height:100dvh;padding-top:calc(70px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.tama-device{width:95%;max-height:98%;margin-bottom:env(safe-area-inset-bottom);border-radius:20px;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow:hidden}.tama-header{flex:none}.tama-header h2{margin-bottom:0;font-size:1.2rem}.tama-screen{border-width:2px;flex:1;min-height:80px}.tama-environment{height:100%}.jeombagi-sprite{aspect-ratio:1;width:auto;height:60%}.tama-stats{border-radius:10px;flex:none;gap:.3rem;padding:.5rem}.stat-row{gap:.3rem;font-size:.75rem}.stat-row span{min-width:50px}.stat-bar{height:6px}.tama-controls{flex:none;grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.btn-action{border-radius:10px;gap:0;padding:.5rem;font-size:0}.btn-action .icon{margin:0;font-size:1.5rem}}