@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:'Outfit',ui-sans-serif,system-ui,sans-serif;--font-mono:'Secular One',ui-monospace,monospace;--font-display:'Black Ops One','Russo One','Righteous',cursive;--font-result:'Black Ops One','Russo One','Righteous',cursive;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-indigo-500:#625fff;--color-indigo-600:#4f39f6;--color-indigo-700:#432dd7;--color-white:#fff;--spacing:0.25rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-sm:.875rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background:#f8fafc;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}}@layer utilities{.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.text-center{text-align:center}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-xl{border-radius:var(--radius-xl)}.bg-white{background-color:var(--color-white)}.text-white{color:var(--color-white)}.transition-all{transition-property:all;transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration)}}:root{--green:#08a966;--green-dark:#006b43;--red:#ff303d;--violet:#9f25eb;--ink:#0f172a;--muted:#64748b;--card-bg:#ffffff;--border:#e2e8f0;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 12px 32px rgba(0,0,0,0.12);--shadow-3d:0 20px 40px rgba(0,0,0,0.15)}body{background:linear-gradient(135deg,#f0fdf4 0,#f8fafc 30%,#eff6ff 70%,#faf5ff 100%);background-attachment:fixed;color:var(--ink);padding:16px}.app-container{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px;width:100%}.title-3d{font-family:'Black Ops One','Russo One',Righteous,cursive;font-weight:400;font-size:clamp(2.2rem, 8vw, 3.5rem);text-align:center;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(180deg,#1e293b 0,#334155 20%,#475569 40%,#1e293b 60%,#0f172a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(8, 169, 102, .3)) drop-shadow(0 4px 8px rgba(8, 169, 102, .2)) drop-shadow(0 8px 16px rgba(0,0,0,.15));margin-bottom:4px;line-height:1.1;position:relative;animation:3s ease-in-out infinite titleFloat}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.title-3d::after{content:'PREDICTOR';position:absolute;top:100%;left:50%;transform:translateX(-50%);font-family:Outfit,sans-serif;font-size:clamp(.45rem, 1.5vw, .6rem);font-weight:900;letter-spacing:.8em;color:var(--muted);-webkit-text-fill-color:var(--muted);margin-top:-5px}.subtitle{text-align:center;font-size:clamp(.7rem, 2vw, .85rem);font-weight:600;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.subtitle i{color:var(--green);font-size:clamp(.8rem, 2vw, 1rem)}.mode-switch{display:flex;gap:8px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border-radius:40px;padding:4px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.mode-btn{flex:1;background:0 0;border:none;font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.75rem, 2vw, .9rem);padding:clamp(10px,2vw,12px) clamp(12px,3vw,16px);border-radius:36px;color:var(--muted);cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px}.mode-btn.active{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 8px 20px rgba(8,169,102,.35);transform:scale(1.02)}.mode-btn i{font-size:clamp(.8rem, 2vw, 1rem)}.info-card{background:var(--card-bg);border-radius:20px;padding:clamp(14px,3vw,18px) clamp(16px,4vw,20px);border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px);position:relative;overflow:hidden}.info-card::before{content:'';position:absolute;top:-30px;right:-30px;width:80px;height:80px;background:radial-gradient(circle,rgba(8,169,102,.08),transparent);border-radius:50%;pointer-events:none}.period-block,.timer-block{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.label-text{font-size:clamp(.55rem, 1.5vw, .65rem);font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.label-text i{color:var(--green);font-size:clamp(.7rem, 1.8vw, .85rem)}.period-value{font-family:'Secular One',sans-serif;font-size:clamp(1rem, 2.5vw, 1.2rem);color:var(--ink);letter-spacing:1px}.timer-value{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(1.5rem, 4vw, 2rem);color:var(--green);letter-spacing:2px}.results-strip{display:flex;gap:clamp(4px,1.5vw,8px);overflow-x:auto;padding:8px 0;-webkit-overflow-scrolling:touch}.result-badge{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:clamp(8px,2vw,10px) clamp(10px,2.5vw,14px);text-align:center;min-width:clamp(42px,10vw,55px);box-shadow:var(--shadow-sm);transition:.3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.result-badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.result-number{font-family:'Secular One',sans-serif;font-size:clamp(1rem, 2.5vw, 1.3rem);line-height:1;display:block}.result-size{font-family:'Black Ops One','Russo One',cursive;font-size:clamp(.6rem, 1.5vw, .75rem);letter-spacing:.05em;display:block;margin-top:2px}.big-result{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.big-result .result-number{color:#5b21b6}.big-result .result-size{color:#7c3aed}.small-result{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.small-result .result-number{color:#1e40af}.small-result .result-size{color:#3b82f6}.prediction-card{background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);border-radius:24px;padding:clamp(20px,5vw,30px) clamp(16px,4vw,20px);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-3d),inset 0 1px 0 rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.1);text-align:center}.prediction-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(8,169,102,.1),transparent 60%);animation:8s linear infinite rotateGlow;pointer-events:none}@keyframes rotateGlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}.prediction-card::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);pointer-events:none}.pred-header{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(16px,3vw,20px);position:relative;z-index:1}.pred-title{font-family:Outfit,sans-serif;font-size:clamp(.65rem, 1.8vw, .8rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7)}.pred-body{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.pred-result{font-family:'Black Ops One','Russo One',Righteous,cursive;font-weight:400;font-size:clamp(3rem, 10vw, 5rem);line-height:1;letter-spacing:.05em;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#fff 0,#f1f5f9 25%,#e2e8f0 50%,#cbd5e1 75%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,255,255,.4)) drop-shadow(0 4px 8px rgba(255,255,255,.2)) drop-shadow(0 6px 12px rgba(0,0,0,.3)) drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:2s ease-in-out infinite resultFloat}@keyframes resultFloat{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 2px 4px rgba(255,255,255,.4)) drop-shadow(0 4px 8px rgba(255,255,255,.2)) drop-shadow(0 6px 12px rgba(0,0,0,.3)) drop-shadow(0 10px 20px rgba(0,0,0,.2))}50%{transform:translateY(-5px) scale(1.02);filter:drop-shadow(0 4px 8px rgba(255,255,255,.5)) drop-shadow(0 8px 16px rgba(255,255,255,.3)) drop-shadow(0 10px 20px rgba(0,0,0,.4)) drop-shadow(0 15px 30px rgba(0,0,0,.3))}}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,2vw,12px)}.strategy-card{background:var(--card-bg);border-radius:18px;padding:clamp(12px,3vw,16px);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:.3s;position:relative;overflow:hidden}.strategy-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.strategy-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--violet))}.strategy-icon{width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);background:#f0fdf4;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--green);font-size:clamp(.9rem, 2vw, 1.1rem)}.strategy-title{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.7rem, 1.8vw, .85rem);color:var(--ink);margin-bottom:4px}.strategy-value{font-family:'Lilita One','Fredoka One',cursive;font-size:clamp(1.3rem, 3.5vw, 1.8rem);background:linear-gradient(135deg,var(--green),var(--green-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.strategy-sub{font-size:clamp(.6rem, 1.5vw, .7rem);color:var(--muted);font-weight:600}.trend-section{background:var(--card-bg);border-radius:20px;padding:clamp(14px,3vw,18px);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.trend-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),#60a5fa,var(--violet))}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.trend-title{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.7rem, 1.8vw, .85rem);display:flex;align-items:center;gap:6px}.trend-title i{color:var(--green)}.trend-label{font-family:'Black Ops One','Russo One',cursive;font-size:clamp(.7rem, 1.8vw, .9rem);color:var(--green)}.trend-bars{display:flex;align-items:flex-end;gap:clamp(3px,1vw,6px);height:clamp(40px,10vw,60px);margin-bottom:8px}.trend-bar{flex:1;border-radius:8px 8px 4px 4px;transition:height .5s cubic-bezier(.4,0,.2,1);position:relative;min-width:8px}.trend-bar.big{background:linear-gradient(to top,#a78bfa,#7c3aed);box-shadow:0 0 10px rgba(124,58,237,.3)}.trend-bar.small{background:linear-gradient(to top,#60a5fa,#3b82f6);box-shadow:0 0 10px rgba(59,130,246,.3)}.trend-bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}.trend-labels{display:flex;justify-content:space-between;font-family:Outfit,sans-serif;font-size:clamp(.6rem, 1.5vw, .7rem);font-weight:600;color:var(--muted)}.history-section{background:var(--card-bg);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden}.history-header{padding:clamp(10px,2.5vw,14px) clamp(14px,3.5vw,18px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.8rem, 2vw, .95rem)}.history-list{max-height:clamp(250px,50vh,300px);overflow-y:auto;-webkit-overflow-scrolling:touch}.history-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(10px,2.5vw,12px) clamp(14px,3.5vw,18px);border-bottom:1px solid #f1f5f9;transition:background .2s;gap:clamp(4px,1vw,8px);flex-wrap:wrap}.history-item:hover{background:#f8fafc}.history-period{font-size:clamp(.65rem, 1.5vw, .75rem);color:var(--muted);min-width:50px}.history-actual,.history-pred{font-family:'Black Ops One','Russo One',Righteous,cursive;font-size:clamp(.8rem, 2vw, 1.1rem);letter-spacing:.03em}.badge-win{background:#d1fae5;color:#065f46;padding:clamp(3px,.8vw,4px) clamp(8px,2vw,10px);border-radius:12px;font-family:Outfit,sans-serif;font-size:clamp(.6rem, 1.5vw, .7rem);font-weight:700;white-space:nowrap}.badge-loss{background:#fee2e2;color:#991b1b;padding:clamp(3px,.8vw,4px) clamp(8px,2vw,10px);border-radius:12px;font-family:Outfit,sans-serif;font-size:clamp(.6rem, 1.5vw, .7rem);font-weight:700;white-space:nowrap}.badge-pending{background:#fef3c7;color:#92400e;padding:clamp(3px,.8vw,4px) clamp(8px,2vw,10px);border-radius:12px;font-family:Outfit,sans-serif;font-size:clamp(.6rem, 1.5vw, .7rem);font-weight:700;white-space:nowrap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.pulse{animation:2s infinite pulse}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.5s cubic-bezier(.4,0,.2,1) both slideUp}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (min-width:768px){body{padding:24px}.app-container{max-width:560px}.strategy-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1024px){body{padding:32px}.app-container{max-width:600px}.prediction-card{padding:40px 24px}.strategy-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:360px){body{padding:8px}.app-container{gap:10px}.strategy-grid{grid-template-columns:1fr 1fr;gap:6px}.history-item{padding:8px 10px}.prediction-card{padding:16px 12px}}