:root{--ink:#12120f;--paper:#f5f3ee;--soft:#e8e3d9;--line:#d9d3c8;--accent:#d9ff4a;--muted:#77746d;--red:#f05e56}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;min-height:100vh}.app-shell{max-width:760px;margin:auto;min-height:100vh;padding:0 20px 105px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.brand{border:0;background:none;color:var(--ink);font-weight:900;font-size:23px;letter-spacing:-2px;cursor:pointer}.brand span{letter-spacing:-5px}.profile-dot{width:38px;height:38px;border-radius:50%;border:1px solid var(--ink);background:#e5c6b5;font-weight:bold;cursor:pointer}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:bold;color:var(--muted);text-transform:uppercase}.hero{padding:26px 0 18px}.hero h1{font-size:clamp(42px,10vw,70px);letter-spacing:-3px;line-height:.95;margin:10px 0 17px}.hero p,.lead{font-size:17px;line-height:1.5;color:#55524d;max-width:480px}.hero-card{background:var(--ink);min-height:350px;border-radius:25px;padding:26px;position:relative;overflow:hidden;color:white;display:flex;align-items:end;background-image:radial-gradient(circle at 67% 24%,#d8a889 0 7%,transparent 7.3%),radial-gradient(ellipse at 69% 51%,#b79171 0 16%,transparent 16.3%),linear-gradient(125deg,#343833,#11110f 61%)}.hero-card:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(217,255,74,.45);border-radius:50%;top:-110px;left:-100px}.hero-card p{color:#d9d9d2;margin:5px 0 22px;font-size:15px;max-width:230px;position:relative;z-index:1}.hero-card h2{font-size:35px;line-height:.92;letter-spacing:-1.7px;margin:0;position:relative;z-index:1}.primary,.secondary,.text-button,.danger{border:0;border-radius:14px;padding:16px 20px;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}.primary{background:var(--accent);color:var(--ink);width:100%}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #a8cf1d}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.text-button{background:transparent;padding:8px 0}.danger{background:#fff0ef;color:#a8322a}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px}.quick{border:1px solid var(--line);background:#faf9f5;border-radius:17px;padding:17px;text-align:right;cursor:pointer;font-weight:800;font-size:15px}.quick small{display:block;color:var(--muted);font-weight:normal;margin-top:7px}.section-head{margin:16px 0 21px}.section-head h1{font-size:34px;letter-spacing:-1.5px;margin:8px 0}.back{border:0;background:transparent;padding:0;font-size:15px;font-weight:bold;cursor:pointer}.progress{height:4px;background:var(--soft);border-radius:4px;margin:20px 0 28px}.progress i{display:block;height:100%;border-radius:4px;background:var(--ink);transition:.25s}.step-title{font-size:30px;letter-spacing:-1.4px;margin:8px 0}.step-copy{color:var(--muted);line-height:1.5;margin:0 0 25px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-card{height:147px;border:1.5px dashed #bbb4a8;border-radius:18px;background:#fcfbf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;position:relative;overflow:hidden}.upload-card input,.item-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-card .plus{font-size:24px}.upload-card.done{border-style:solid;border-color:var(--ink);background:#d5d0c5}.upload-card.done:after{content:"✓ הועלה";font-weight:bold}.form-grid{display:grid;gap:15px}.field label{display:block;font-weight:bold;font-size:14px;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;font:inherit;direction:rtl}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sticky-action{position:sticky;bottom:84px;background:linear-gradient(transparent,var(--paper) 20%);padding:30px 0 5px;margin-top:18px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category{border:1px solid var(--line);background:#faf9f5;border-radius:16px;min-height:84px;text-align:right;padding:13px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;font-weight:bold}.category.active{background:var(--ink);color:white;border-color:var(--ink)}.check{font-size:12px;align-self:flex-end}.selected-bar{display:flex;align-items:center;justify-content:space-between;margin:20px 0;color:var(--muted);font-size:14px}.upload-list{display:grid;gap:12px}.item-upload{min-height:100px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:15px;position:relative;display:flex;align-items:center;gap:14px}.item-upload .icon{font-size:25px}.item-upload strong{display:block}.item-upload small{color:var(--muted);display:block;margin-top:5px}.item-upload.done{background:#f1f7d6;border-color:#bfdd51}.mock-notice{padding:13px 15px;background:#eeece5;border-radius:13px;color:#5e5a53;font-size:13px;line-height:1.4;margin:20px 0}.result-art{height:440px;border-radius:25px;background:linear-gradient(155deg,#2e332f,#151613 75%);position:relative;overflow:hidden;display:flex;align-items:end;padding:25px;color:#fff}.result-art:before{content:"";position:absolute;background:radial-gradient(ellipse at center,#d8a484 0 27%,#0f100e 28%);width:330px;height:430px;bottom:-20px;right:20%;opacity:.9}.result-art:after{content:"LOOOKO / PREVIEW";position:absolute;top:20px;right:20px;font-size:11px;letter-spacing:1px;color:#d9ff4a}.result-art h2{position:relative;z-index:1;font-size:33px;line-height:1;margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.chip{border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:13px;background:#fff}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.result-actions .primary{grid-column:span 2}.looks-grid{display:grid;gap:14px}.look-card{border:1px solid var(--line);border-radius:19px;padding:13px;background:#fff;cursor:pointer}.look-thumb{height:180px;border-radius:13px;background:linear-gradient(150deg,#313832,#191b18);position:relative;overflow:hidden}.look-thumb:after{content:"";position:absolute;inset:15px 38% 0;background:radial-gradient(ellipse at 50% 13%,#d8a484 0 13%,transparent 13.5%),radial-gradient(ellipse at 50% 60%,#d8a484 0 37%,transparent 37.5%)}.look-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 3px 2px}.empty{text-align:center;padding:80px 20px}.empty .empty-mark{font-size:50px}.bottom-nav{position:fixed;bottom:0;right:0;left:0;background:rgba(245,243,238,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:4px;padding:10px calc(max(14px, (100vw - 760px)/2 + 14px)) 14px;z-index:9}.nav-item{border:0;background:transparent;min-width:78px;font-size:11px;color:var(--muted);display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer;padding:5px}.nav-item span{font-size:18px}.nav-item.active{color:var(--ink);font-weight:bold}.nav-try{background:var(--ink);color:#fff;border-radius:15px;padding:8px 12px;min-width:92px;margin-top:-22px;box-shadow:0 5px 14px #0003}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 16px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:20;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.pricing-head{margin-bottom:16px}.pricing-intro{background:var(--ink);color:#fff;border-radius:18px;padding:17px 18px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.pricing-intro strong{font-size:17px}.pricing-intro span{font-size:13px;color:#d9ff4a}.pricing-grid{display:grid;gap:12px}.price-card{position:relative;border:1px solid var(--line);border-radius:19px;background:#fff;padding:18px;overflow:hidden}.price-card.featured{border:2px solid var(--ink);box-shadow:0 5px 0 var(--accent)}.price-tag{position:absolute;left:15px;top:15px;background:var(--accent);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:bold}.price-top{display:grid;gap:6px;padding-left:100px;min-height:48px}.price-top strong{font-size:20px}.price-top small{color:var(--muted)}.price{display:flex;justify-content:space-between;align-items:end;margin:14px 0}.price b{font-size:32px;letter-spacing:-1px}.price span{font-size:13px;color:var(--muted)}.price-card .secondary{width:100%;color:#8d8980;cursor:default}.pricing-note{margin:20px 0;background:#eeece5;border-radius:15px;padding:17px;line-height:1.55}.pricing-note p{color:#5e5a53;margin:8px 0 0;font-size:14px}@media(min-width:700px){.app-shell{padding:0 42px 105px}.quick-grid{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:repeat(4,1fr)}.pricing-grid{grid-template-columns:1fr 1fr}}
