:root{--primary:#FF6A3D;--primary-dark:#E84F1F;--primary-soft:#FFE8DD;--secondary:#5D3FD3;--secondary-soft:#EBE5FF;--gold:#FFB930;--gold-soft:#FFF1D6;--success:#22B573;--success-soft:#DCF5E9;--danger:#E63946;--ink:#1A1A2E;--ink-soft:#4B5167;--muted:#8990A6;--bg:#FFFAF6;--card:#FFFFFF;--line:#EFE8E0;--line-soft:#F7F2EC;--shadow-sm:0 2px 6px rgba(26,26,46,0.06);--shadow:0 8px 24px rgba(26,26,46,0.08);--shadow-lg:0 20px 60px rgba(26,26,46,0.12);--radius:16px;--radius-lg:24px;--radius-sm:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Inter,sans-serif;background:linear-gradient(135deg,#2a1a3a,#1a1a2e);color:var(--ink);min-height:100vh}body{display:flex;align-items:flex-start;justify-content:center;padding:30px 20px;gap:40px}.phone-wrap{flex-shrink:0;position:-webkit-sticky;position:sticky;top:30px}.phone{width:430px;height:920px;background:#0a0a14;border-radius:54px;box-shadow:0 40px 100px rgba(0,0,0,.5);padding:14px;flex-direction:column}.phone,.phone-screen{overflow:hidden;position:relative;display:flex}.phone-screen{flex:1 1;background:var(--bg);border-radius:36px;flex-direction:column}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:26px;background:#0a0a14;border-radius:0 0 16px 16px;z-index:50}.status-bar{height:44px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 28px 6px;font-size:13px;font-weight:700;color:var(--ink);flex-shrink:0;background:transparent}.status-bar .right{display:flex;gap:5px;align-items:center;font-weight:600}.app-content{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.app-content::-webkit-scrollbar{width:0}.proto-nav{width:270px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;color:white;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:-webkit-sticky;position:sticky;top:30px;max-height:920px;overflow-y:auto}.proto-nav::-webkit-scrollbar{width:6px}.proto-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.proto-nav h2{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#FF6A3D,#FFB930);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.proto-nav .sub{color:rgba(255,255,255,.6);font-size:12px;margin:0 0 18px;line-height:1.4}.nav-group{margin-bottom:16px}.nav-group h3{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.5);margin:0 0 8px;font-weight:700}.nav-btn{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.85);padding:9px 12px;border-radius:9px;text-align:left;cursor:pointer;font-size:12.5px;font-weight:500;margin-bottom:4px;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:8px}.nav-btn:hover{background:rgba(255,106,61,.15);border-color:rgba(255,106,61,.4);color:white}.nav-btn.active{background:var(--primary);border-color:var(--primary);color:white}.nav-btn .step-no{font-size:10px;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-weight:700}.nav-btn.active .step-no{background:rgba(255,255,255,.2)}.screen{display:none;min-height:100%;flex-direction:column}.app-header,.screen.active{display:flex}.app-header{padding:6px 22px 16px;align-items:center;justify-content:space-between;background:var(--bg);flex-shrink:0}.app-header h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.5px}.app-header .sub{color:var(--ink-soft);font-size:13px;margin-top:2px}.progress-bar{flex-shrink:0;height:6px;background:var(--line);border-radius:999px;margin:0 22px 22px;overflow:hidden}.progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:999px;transition:width .4s}.onboard-step-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin:0 22px 4px;flex-shrink:0}.pane{padding:0 22px 24px;flex:1 1}#assessment .pane,#brands-list .pane,#contacts .pane,#home .pane,#home-freeday .pane,#monthly-plan .pane,#pip-hub .pane,#reporting .pane,#settings .pane,#weekly-plan .pane{padding-bottom:130px}.action-bar{flex-shrink:0;padding:14px 22px 28px;background:var(--bg);border-top:1px solid var(--line-soft);display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;background:var(--primary);color:white;padding:14px 22px;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;flex:1 1;box-shadow:0 4px 0 var(--primary-dark);transition:transform .1s;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--primary-dark)}.btn.secondary{background:white;color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn.secondary:active{box-shadow:0 2px 0 var(--line)}.btn.ghost{background:transparent;color:var(--ink-soft);box-shadow:none;border:none;font-weight:600}.btn.ghost:active{transform:none}.btn-small{padding:8px 12px;font-size:12px;border-radius:10px;flex:0 0 auto}.hero-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--gold));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,106,61,.35);position:relative;flex-shrink:0}.hero-avatar.sm{width:44px;height:44px;box-shadow:0 4px 10px rgba(255,106,61,.3)}.hero-avatar.lg{width:130px;height:130px;box-shadow:0 16px 40px rgba(255,106,61,.4)}.hero-avatar svg{width:65%;height:65%}.pip-mini{width:24px;height:24px;border-radius:50%;flex-shrink:0;overflow:hidden}.hero-avatar .badge{position:absolute;bottom:-2px;right:-2px;background:var(--secondary);color:white;border:3px solid var(--bg);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.speech{background:white;border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;border:2px solid var(--primary-soft);line-height:1.5;font-size:15px;flex:1 1}.speech:before{content:"";position:absolute;top:22px;left:-10px;width:18px;height:18px;background:white;border-left:2px solid var(--primary-soft);border-bottom:2px solid var(--primary-soft);transform:rotate(45deg)}.speech.right:before{left:auto;right:-10px;transform:rotate(-135deg)}.hero-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.card{background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);margin-bottom:12px}.card.accent{background:linear-gradient(135deg,var(--primary),#FF8B5C);color:white;border:none;box-shadow:var(--shadow)}.card.purple{background:linear-gradient(135deg,var(--secondary),#7C5FE0);color:white;border:none}.card.gold{background:linear-gradient(135deg,var(--gold),#FFCB5C);color:var(--ink);border:none}.card-title{font-weight:800;font-size:16px;margin:0 0 6px;letter-spacing:-.3px}.card-sub{color:var(--ink-soft);font-size:13px;margin:0;line-height:1.45}.card.accent .card-sub,.card.purple .card-sub{color:rgba(255,255,255,.9)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:700;margin:18px 0 10px}.input{width:100%;border:2px solid var(--line);background:white;border-radius:12px;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink)}.input:focus{outline:none;border-color:var(--primary)}.label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:6px;display:block}.field{margin-bottom:14px}.choice{background:white;border:2px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;box-shadow:0 3px 0 var(--line);font-weight:600;transition:all .15s;display:flex;align-items:center;gap:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice:hover{border-color:var(--primary-soft)}.choice:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.choice.selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 3px 0 var(--primary);color:var(--primary-dark)}.choice .emoji{font-size:22px;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:var(--primary-soft);color:var(--primary-dark)}.pill.green{background:var(--success-soft);color:var(--success)}.pill.purple{background:var(--secondary-soft);color:var(--secondary)}.pill.gold{background:var(--gold-soft);color:#B07400}.pill.grey{background:var(--line);color:var(--muted)}.pill.dark{background:var(--ink);color:white}.stat{background:white;border-radius:14px;padding:14px;border:1px solid var(--line-soft);text-align:center}.stat .v{font-size:26px;font-weight:800;letter-spacing:-.5px}.stat .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-top:2px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.streak{display:inline-flex;align-items:center;gap:4px;font-weight:800;background:var(--gold-soft);color:#B07400;padding:5px 11px;border-radius:999px;font-size:13px}.score-ring{width:140px;height:140px;position:relative;margin:0 auto}.score-ring svg{transform:rotate(-90deg);width:100%;height:100%}.score-ring .bg{fill:none;stroke:var(--line);stroke-width:12}.score-ring .fg{fill:none;stroke:url(#scoreGrad);stroke-width:12;stroke-linecap:round;stroke-dasharray:100 100}.score-ring .label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring .label .num{font-size:38px;font-weight:800;letter-spacing:-1px}.score-ring .label .out{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.bar-row{margin-bottom:12px}.bar-row .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:13px}.bar-row .top .name{font-weight:700}.bar-row .top .v{font-weight:800;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar{height:10px;background:var(--line);overflow:hidden;position:relative}.bar,.bar .fill{border-radius:999px}.bar .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--gold))}.bottom-nav{flex-shrink:0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px 22px}.tab{background:none;border:none;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:10px;font-weight:700}.tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.tab.active{color:var(--primary)}.tab .badge{background:var(--danger);color:white;border-radius:999px;font-size:9px;padding:1px 5px;position:absolute;margin-left:14px;margin-top:-2px;font-weight:800}.photo-frame{background:linear-gradient(135deg,#2c2c2c,#0a0a0a);aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow);margin-bottom:14px}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:linear-gradient(transparent 60%,rgba(0,0,0,.7));pointer-events:none}.score-badge{background:white;color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow);align-self:flex-start}.score-badge.good{background:var(--success);color:white}.score-badge.medium{background:var(--gold);color:white}.score-badge.poor{background:var(--danger);color:white}.feedback-item{display:flex;align-items:flex-start;gap:10px;background:white;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;font-size:13.5px;line-height:1.4}.feedback-item .ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.feedback-item .ico.bad{background:#FEE2E2;color:var(--danger)}.feedback-item .ico.ok{background:var(--gold-soft);color:#B07400}.feedback-item .ico.good{background:var(--success-soft);color:var(--success)}.cal{background:white;border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm)}.cal-head{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.cal-head div{text-align:center;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-day{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--ink);position:relative;cursor:pointer}.cal-day.muted{color:var(--muted)}.cal-day.has-task{background:var(--primary-soft);color:var(--primary-dark)}.cal-day.done{background:var(--success);color:white}.cal-day.today{background:var(--ink);color:white;box-shadow:0 0 0 3px var(--gold)}.cal-day .dot{position:absolute;bottom:4px;width:4px;height:4px;background:currentColor;border-radius:50%}.chat-bubble{display:flex;gap:8px;margin-bottom:12px;align-items:flex-end}.chat-bubble.right{flex-direction:row-reverse}.chat-bubble .text{background:white;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;max-width:75%;box-shadow:var(--shadow-sm);border:1px solid var(--line-soft)}.chat-bubble.right .text{background:var(--primary);color:white;border:none}.chat-bubble .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--gold));display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-bubble .avatar svg{width:60%;height:60%}.toggle{width:44px;height:26px;background:var(--line);border-radius:13px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle.on{background:var(--primary)}.toggle.on:after{left:21px}.row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line-soft)}.row:last-child{border:none}.row .lhs{flex:1 1;padding-right:10px}.row .label-main{font-weight:700;font-size:14px}.row .label-sub{font-size:12px;color:var(--ink-soft);margin-top:2px;line-height:1.4}.celebrate{text-align:center;padding:30px 20px}.celebrate .emoji{font-size:72px;margin-bottom:8px}.celebrate h2{margin:0 0 8px;font-size:28px;font-weight:800;letter-spacing:-.5px}.celebrate p{color:var(--ink-soft);font-size:15px;margin:0 0 24px;line-height:1.5}.integ-card{background:white;border:2px solid var(--line);border-radius:14px;padding:14px;gap:12px;margin-bottom:10px}.integ-card,.integ-card .icon{display:flex;align-items:center}.integ-card .icon{width:44px;height:44px;border-radius:10px;justify-content:center;font-size:22px;flex-shrink:0;background:var(--line-soft)}.integ-card .meta{flex:1 1}.integ-card .meta .name{font-weight:700;font-size:14px}.integ-card .meta .sub{font-size:12px;color:var(--muted);margin-top:2px}.integ-card .action{flex-shrink:0}.integ-card.connected{border-color:var(--success);background:var(--success-soft)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.photo-grid .thumb{aspect-ratio:1;border-radius:10px;background-size:cover;background-position:50%;background-color:var(--line)}.photo-grid .thumb.add{background:var(--line-soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:28px;cursor:pointer;border:2px dashed var(--line)}.plan-day{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.plan-day .date{flex-shrink:0;width:52px;text-align:center}.plan-day .date .d{font-size:22px;font-weight:800;line-height:1}.plan-day .date .w{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;font-weight:700;margin-top:2px}.plan-day .tasks{flex:1 1}.plan-task{background:white;border-radius:10px;padding:10px 12px;margin-bottom:6px;border:1px solid var(--line-soft);font-size:13px;display:flex;align-items:center;gap:8px}.plan-task.done{background:var(--success-soft);color:var(--success);text-decoration:line-through}.plan-task.done .check{background:var(--success);color:white}.plan-task .check{width:18px;height:18px;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0}.plan-task .ch-pill{margin-left:auto;font-size:9px;background:var(--ink);color:white;padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.5px}.brand-card{background:white;border-radius:14px;padding:12px;gap:12px;border:1px solid var(--line-soft);margin-bottom:8px}.brand-card,.brand-card .av{display:flex;align-items:center}.brand-card .av{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:50%;background-color:var(--secondary);color:white;justify-content:center;font-weight:800;flex-shrink:0;font-size:14px}.brand-card .info{flex:1 1}.brand-card .info .h{font-weight:700;font-size:13.5px}.brand-card .info .s{font-size:11px;color:var(--muted);margin-top:2px}.char-svg circle,.char-svg path{transition:all .3s}.nav-row{gap:8px;padding:6px 22px 0;margin-bottom:4px}.back-btn,.nav-row{display:flex;align-items:center}.back-btn{background:white;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;justify-content:center;cursor:pointer}.back-btn svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2.5}.hint{background:var(--secondary-soft);color:var(--secondary);padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.4;border-left:4px solid var(--secondary);margin-bottom:14px}.hint strong{display:block;font-weight:800;margin-bottom:2px}.streak-ladder{display:flex;gap:6px;margin:14px 0}.streak-ladder .step{flex:1 1;height:36px;border-radius:8px;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--muted)}.streak-ladder .step.done{background:linear-gradient(135deg,var(--gold),#FFCB5C);color:var(--ink)}.streak-ladder .step.today{box-shadow:0 4px 12px rgba(255,106,61,.4);transform:scale(1.1)}.fab,.streak-ladder .step.today{background:linear-gradient(135deg,var(--primary),#FF8B5C);color:white}.fab{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;border:4px solid var(--bg);font-size:30px;font-weight:300;cursor:pointer;box-shadow:0 12px 28px rgba(255,106,61,.5),0 2px 6px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;z-index:100;line-height:1;font-family:inherit;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.fab:before{content:"+";margin-top:-4px;font-weight:200}.fab:hover{transform:translateX(-50%) translateY(-3px) scale(1.05)}.fab:active{transform:translateX(-50%) scale(.92)}.fab.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--primary);opacity:0;animation:fabPulse 2.2s infinite;z-index:-1}@keyframes fabPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.action-sheet-overlay{position:absolute;inset:0;background:rgba(10,10,20,.55);z-index:250;display:none;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.action-sheet-overlay.show{display:flex}.action-sheet{width:100%;background:var(--bg);border-radius:28px 28px 0 0;padding:14px 22px 30px;animation:slideUp .28s cubic-bezier(.2,.9,.3,1);max-height:90%;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.as-handle{width:40px;height:4px;background:var(--line);border-radius:999px;margin:0 auto 14px}.create-option{background:white;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;margin-bottom:8px;cursor:pointer;transition:all .15s;box-shadow:0 2px 0 var(--line)}.create-option:hover{border-color:var(--primary)}.create-option:active{transform:translateY(1px);box-shadow:0 1px 0 var(--line)}.create-option .emoji-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.create-option .info{flex:1 1;min-width:0}.create-option .info .h{font-weight:800;font-size:14.5px}.create-option .info .s{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.35}.create-option .chev{color:var(--muted);font-size:18px;flex-shrink:0}.voice-bar{display:flex;align-items:center;gap:8px;background:var(--ink);color:white;border-radius:999px;padding:8px 8px 8px 16px;margin-top:14px}.voice-bar input{flex:1 1;background:transparent;border:none;outline:none;color:white;font-size:14px;font-family:inherit}.voice-bar input::placeholder{color:rgba(255,255,255,.55)}.voice-mic{background:var(--primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer}.editor-canvas{position:relative;background:#1a1a1a;border-radius:14px;overflow:hidden;margin-bottom:12px;box-shadow:var(--shadow)}.editor-canvas.ratio-45{aspect-ratio:4/5}.editor-canvas.ratio-916{aspect-ratio:9/16;max-height:480px;margin:0 auto 12px;max-width:270px}.editor-canvas.ratio-11{aspect-ratio:1/1}.editor-canvas .bg-image{position:absolute;inset:0;background-size:cover;background-position:50%}.editor-canvas .overlay{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:move}.editor-canvas .overlay.selected{outline:2px dashed var(--primary);outline-offset:4px}.editor-canvas .overlay.selected:after,.editor-canvas .overlay.selected:before{content:"";position:absolute;width:12px;height:12px;background:var(--primary);border:2px solid white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.editor-canvas .overlay.selected:before{top:-10px;left:-10px}.editor-canvas .overlay.selected:after{bottom:-10px;right:-10px}.overlay-text{font-weight:800;color:white;padding:4px 8px;text-shadow:0 2px 8px rgba(0,0,0,.45);white-space:nowrap;line-height:1}.overlay-text.style-impact{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.5px}.overlay-text.style-serif{font-family:Georgia,serif}.overlay-text.style-clean{font-family:-apple-system,sans-serif;font-weight:600}.overlay-text.bg-yellow{background:#FFD83D;color:#1A1A2E;text-shadow:none;padding:6px 12px}.overlay-text.bg-black{background:rgba(0,0,0,.75);padding:6px 12px}.overlay-text.stroke{-webkit-text-stroke:2px white;color:transparent;text-shadow:none}.overlay-sticker{font-size:42px;line-height:1}.tool-palette{background:white;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px;padding:10px 8px}.tool-btn{background:none;border:none;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;border-radius:10px;transition:background .15s;font-family:inherit}.tool-btn:hover{background:var(--bg)}.tool-btn .tool-ico{width:38px;height:38px;border-radius:11px;background:var(--line-soft);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--ink);transition:all .18s cubic-bezier(.34,1.56,.64,1)}.tool-btn.active .tool-ico{background:linear-gradient(135deg,var(--primary),#FF8B5C);color:white;transform:scale(1.08);box-shadow:0 4px 12px rgba(255,106,61,.35)}.tool-btn .tool-label{font-size:10px;font-weight:700;color:var(--ink-soft)}.tool-btn.active .tool-label{color:var(--primary)}.editor-sub-bar{background:var(--bg);border-top:1px solid var(--line);padding:12px 16px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.editor-sub-bar::-webkit-scrollbar{display:none}.font-chip{display:inline-flex;align-items:center;background:white;border:1.5px solid var(--line);padding:8px 14px;border-radius:10px;font-size:13px;margin-right:6px;cursor:pointer;transition:all .15s}.font-chip.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.sticker-tile{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:white;border:1.5px solid var(--line);border-radius:11px;font-size:22px;margin-right:6px;cursor:pointer;transition:transform .15s,border-color .15s}.sticker-tile:hover{transform:scale(1.08);border-color:var(--primary)}.color-swatch{display:inline-block;width:32px;height:32px;border-radius:50%;margin-right:6px;cursor:pointer;box-shadow:0 0 0 2px white,0 0 0 3px var(--line);vertical-align:middle}.color-swatch.selected{box-shadow:0 0 0 2px white,0 0 0 3px var(--primary)}.template-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;background:white;border-bottom:1px solid var(--line-soft)}.template-strip::-webkit-scrollbar{display:none}.template-thumb{width:56px;aspect-ratio:4/5;border-radius:8px;flex-shrink:0;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s;background:var(--line);position:relative}.template-thumb.selected{border-color:var(--primary);transform:scale(1.04)}.template-thumb .ttl{position:absolute;bottom:4px;left:4px;right:4px;text-align:center;font-size:8.5px;font-weight:800;color:white;text-shadow:0 1px 2px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.3px}.timeline{background:#0f0f17;color:white;padding:12px;border-radius:12px;margin-bottom:12px}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:rgba(255,255,255,.7);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.timeline-scrub{position:relative;height:4px;background:rgba(255,255,255,.15);border-radius:2px;margin-bottom:8px}.timeline-scrub-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:2px}.timeline-scrub-head{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4)}.timeline-tracks{display:flex;flex-direction:column;gap:6px}.timeline-track{display:flex;align-items:center;gap:6px;height:32px}.timeline-track-label{width:38px;flex-shrink:0;font-size:9px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:700;text-align:right}.timeline-track-body{flex:1 1;position:relative;height:32px;background:rgba(255,255,255,.04);border-radius:4px}.timeline-clip{position:absolute;top:2px;bottom:2px;border-radius:4px;display:flex;align-items:center;padding:0 6px;font-size:9.5px;font-weight:700;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.timeline-clip.video{background-size:cover;background-position:50%}.timeline-clip.text{background:linear-gradient(90deg,var(--primary),#FF8B5C)}.timeline-clip.sticker{background:linear-gradient(90deg,var(--gold),#FFCB5C);color:#1A1A2E}.timeline-clip.audio{background:linear-gradient(90deg,var(--secondary),#7C5FE0)}.timeline-clip.selected{outline:2px solid white;outline-offset:-2px}.video-controls{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;color:white;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px;right:12px}.video-controls .play-btn{width:36px;height:36px;border-radius:50%;background:white;color:#1A1A2E;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.video-controls .vc-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;flex-shrink:0}.video-controls .vc-progress{flex:1 1;height:3px;background:rgba(255,255,255,.3);border-radius:999px;position:relative}.video-controls .vc-progress-fill{position:absolute;top:0;left:0;height:100%;background:white;border-radius:999px}.track-card{background:white;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;margin-bottom:14px;position:relative;border:2px solid transparent}.track-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary-soft)}.track-card .preview{aspect-ratio:4/3;background-size:cover;background-position:50%;position:relative;overflow:hidden}.track-card .info{padding:14px 16px}.track-card .info .h{font-weight:800;font-size:17px;letter-spacing:-.3px}.track-card .info .s{font-size:12.5px;color:var(--ink-soft);margin-top:4px;line-height:1.4}.sensor-pill{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:white;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px;letter-spacing:.4px}.sensor-pill.good{background:rgba(34,181,115,.85)}.sensor-pill.warn{background:rgba(255,185,48,.85);color:#1A1A2E}.sensor-pill.bad{background:rgba(230,57,70,.85)}.audio-meter{display:flex;align-items:center;gap:3px}.audio-meter .bar{width:3px;background:rgba(255,255,255,.8);border-radius:1px;animation:audioBar 1.2s ease-in-out infinite}.audio-meter .bar:first-child{height:4px;animation-delay:0s}.audio-meter .bar:nth-child(2){height:8px;animation-delay:.1s}.audio-meter .bar:nth-child(3){height:12px;animation-delay:.2s}.audio-meter .bar:nth-child(4){height:9px;animation-delay:.15s}.audio-meter .bar:nth-child(5){height:6px;animation-delay:.05s}@keyframes audioBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.4)}}.tilt-gauge{width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.2);position:relative}.tilt-gauge:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.tilt-gauge .needle{position:absolute;top:50%;left:50%;width:2px;height:14px;background:var(--gold);transform-origin:center bottom;transform:translate(-50%,-100%) rotate(-30deg);border-radius:2px;box-shadow:0 0 4px var(--gold)}.tilt-gauge .label{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);color:white;font-size:9px;font-weight:700;white-space:nowrap}.shot-review{position:absolute;inset:0;background:rgba(0,0,0,.85);z-index:150;display:none;flex-direction:column;padding:24px 22px;color:white}.shot-review.show{display:flex;animation:fadeUp .3s ease-out}.shot-review .preview-box{aspect-ratio:9/16;max-height:360px;margin:0 auto;border-radius:16px;overflow:hidden;background-size:cover;background-position:50%;box-shadow:0 16px 40px rgba(0,0,0,.6);position:relative}.shot-review .auto-tag{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);color:white;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.filmstrip{display:flex;gap:4px;overflow-x:auto;padding:6px 0;-webkit-overflow-scrolling:touch}.filmstrip::-webkit-scrollbar{display:none}.clip-thumb{width:70px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background-size:cover;background-position:50%;flex-shrink:0;position:relative;cursor:pointer;border:2px solid transparent;box-shadow:0 2px 6px rgba(0,0,0,.15)}.clip-thumb.selected{border-color:var(--primary);transform:scale(1.04)}.clip-thumb .clip-time{position:absolute;bottom:3px;right:4px;background:rgba(0,0,0,.75);color:white;font-size:8px;font-weight:700;padding:1px 4px;border-radius:2px}.clip-thumb .clip-status{position:absolute;top:3px;left:4px;width:12px;height:12px;border-radius:50%;border:1.5px solid white;box-shadow:0 1px 3px rgba(0,0,0,.3)}.clip-thumb .clip-status.good{background:var(--success)}.clip-thumb .clip-status.warn{background:var(--gold)}.clip-thumb .clip-status.bad{background:var(--danger)}.clip-thumb .clip-num{position:absolute;top:3px;right:4px;background:rgba(0,0,0,.65);color:white;font-size:8.5px;font-weight:800;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.track-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:white;border:1px solid var(--line-soft);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:border-color .15s}.track-row:hover{border-color:var(--primary)}.track-row .icon-circle{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:800;color:white}.track-row .icon-circle.captions{background:linear-gradient(135deg,var(--primary),var(--gold))}.track-row .icon-circle.music{background:linear-gradient(135deg,var(--secondary),#7C5FE0)}.track-row .track-label{font-weight:700;font-size:12.5px}.track-row .track-sub{font-size:11px;color:var(--muted);margin-top:1px}.track-row .waveform{flex:1 1;height:18px;display:flex;align-items:center;gap:2px}.track-row .waveform .w{flex:1 1;background:var(--secondary);border-radius:1px;opacity:.7}.clip-detail{background:white;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px;box-shadow:var(--shadow-sm)}.clip-detail-head{display:flex;justify-content:space-between;align-items:center}.clip-detail-head,.clip-detail-section{margin-bottom:10px}.clip-detail-section:last-child{margin-bottom:0}.clip-detail-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line-soft)}.clip-detail-row:last-child{border:none}.trim-bar{height:36px;background:var(--line-soft);border-radius:6px;position:relative;margin:6px 0}.trim-bar .trim-segment{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:4px;border-left:3px solid white;border-right:3px solid white;box-shadow:0 0 0 1px var(--primary)}.trim-bar .trim-handle{position:absolute;top:-4px;bottom:-4px;width:4px;background:var(--primary);border-radius:2px;cursor:ew-resize;z-index:2}.speed-row{display:flex;gap:4px}.speed-pill{background:var(--line-soft);border:none;padding:6px 10px;border-radius:7px;font-size:11.5px;font-weight:800;font-family:inherit;color:var(--ink-soft);cursor:pointer}.speed-pill.selected{background:var(--primary);color:white}.caption-words{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.caption-word{background:white;border:1px solid var(--line);padding:6px 10px;border-radius:7px;font-size:13px;cursor:pointer;transition:all .15s}.caption-word:hover{border-color:var(--primary)}.caption-word.current{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700}.caption-word.editing{border-color:var(--primary);background:var(--primary-soft)}.caption-style-card{aspect-ratio:9/16;border-radius:10px;background-size:cover;background-position:50%;position:relative;cursor:pointer;border:3px solid transparent;overflow:hidden}.caption-style-card.selected{border-color:var(--primary)}.caption-style-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.6))}.music-tier{background:white;border:2px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;margin-bottom:10px;box-shadow:0 3px 0 var(--line);transition:all .15s}.music-tier.selected,.music-tier:hover{border-color:var(--primary)}.music-tier.selected{background:linear-gradient(135deg,var(--primary-soft),white);box-shadow:0 3px 0 var(--primary)}.music-tier .head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.music-tier .head .ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.music-tier .head .info{flex:1 1;min-width:0}.music-tier .head .info .t{font-weight:800;font-size:14px}.music-tier .head .info .s{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.35}.cost-tracker{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.3px}.cost-tracker,.cost-tracker.cheap{background:var(--success-soft);color:var(--success)}.cost-tracker.optional{background:var(--gold-soft);color:#B07400}.shot-pip-row{display:flex;gap:6px;margin-top:12px}.shot-pip{flex:1 1;aspect-ratio:9/16;max-height:56px;border-radius:6px;background:var(--bg);border:1.5px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;font-weight:800;position:relative}.shot-pip.done{background-size:cover;background-position:50%;border-style:solid;border-color:var(--success);color:transparent}.shot-pip.done:after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;background:var(--success);border-radius:50%;border:2px solid white}.shot-pip.active{border-color:var(--primary);border-style:solid;color:var(--primary);background:var(--primary-soft)}.source-option{background:white;border:2px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:12px;cursor:pointer;box-shadow:0 3px 0 var(--line);transition:all .18s cubic-bezier(.34,1.56,.64,1);position:relative}.source-option:hover{border-color:var(--primary);transform:translateY(-1px)}.source-option:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.source-option.recommended{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-soft),white);box-shadow:0 3px 0 var(--primary)}.source-option .icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.source-option .info{flex:1 1;min-width:0}.source-option .info .h{font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px}.source-option .info .s{font-size:12px;color:var(--ink-soft);margin-top:3px;line-height:1.4}.source-option .preview-strip{display:flex;gap:3px;margin-top:8px}.source-option .preview-strip .pv{width:32px;height:32px;border-radius:5px;background-size:cover;background-position:50%;border:1.5px solid white;box-shadow:0 1px 3px rgba(0,0,0,.15);flex-shrink:0}.source-option .chev{color:var(--muted);font-size:18px;flex-shrink:0}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.media-tile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background-size:cover;background-position:50%;background-color:var(--line);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.media-tile:hover{transform:scale(1.03)}.media-tile .type-badge{top:5px;background:rgba(0,0,0,.72);letter-spacing:.3px}.media-tile .type-badge,.media-tile .used-badge{position:absolute;left:5px;color:white;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700}.media-tile .used-badge{bottom:5px;background:var(--success)}.media-tile .duration-badge{bottom:5px;background:rgba(0,0,0,.72);font-weight:700}.media-tile .duration-badge,.media-tile .edited-flag{position:absolute;right:5px;color:white;padding:2px 6px;border-radius:4px;font-size:9px}.media-tile .edited-flag{top:5px;background:var(--primary);font-weight:800}.filter-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin:0 -22px 14px;padding-left:22px;padding-right:22px;-webkit-overflow-scrolling:touch}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{background:white;border:1.5px solid var(--line);padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;flex-shrink:0;cursor:pointer;color:var(--ink-soft);transition:all .15s}.filter-chip.selected{background:var(--primary);color:white;border-color:var(--primary)}.save-pill{display:inline-flex;align-items:center;gap:5px;background:var(--success-soft);color:var(--success);padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.text-center{text-align:center}.mb-0{margin-bottom:0}.mt-2{margin-top:18px}.full-bg-purple{background:linear-gradient(135deg,var(--secondary),#3D2BB0);color:white;padding:24px 22px;border-radius:20px;margin-bottom:14px}.full-bg-purple h2{margin:0 0 6px;font-size:22px}.full-bg-purple p{margin:0;opacity:.9;font-size:13.5px}.map-mock{height:130px;border-radius:var(--radius);background:linear-gradient(135deg,#d5e3ed,#e8f0f5);position:relative;overflow:hidden;border:1px solid var(--line)}.map-mock:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#fff5e0 0,transparent 30%),radial-gradient(circle at 70% 60%,#f0e8e0 0,transparent 30%),linear-gradient(45deg,transparent 48%,#c5d3df 49% 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,#c5d3df 49% 51%,transparent 52%);background-size:100% 100%,100% 100%,90px 90px,90px 90px}.map-mock .pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);width:32px;height:32px;background:var(--primary);border-radius:50% 50% 50% 0;transform-origin:bottom;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 4px 8px rgba(0,0,0,.2)}.map-mock .pin:after{content:"";position:absolute;width:12px;height:12px;background:white;border-radius:50%;top:8px;left:8px}.ch-mini{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:white}.ch-mini.ig{background:linear-gradient(135deg,#f6e1ce,#d63384,#6a3ec9)}.ch-mini.fb{background:#1877F2}.ch-mini.tt{background:#000}.ch-mini.gbp{background:#4285F4}.ch-mini.em{background:#FF6A3D}.ch-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.ch-row:last-child{border:none}.ch-row .info{flex:1 1}.ch-row .info .n{font-weight:700;font-size:13.5px}.ch-row .info .s{font-size:11.5px;color:var(--muted);margin-top:2px}.dots span{display:inline-block;width:8px;height:8px;background:var(--primary);border-radius:50%;margin-right:4px;animation:bounce 1.4s infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:scale(.6);opacity:.4}30%{transform:scale(1);opacity:1}}ul.clean{list-style:none;padding:0;margin:0}ul.clean li{padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14px;display:flex;gap:10px;align-items:flex-start}ul.clean li:last-child{border:none}ul.clean li .num{width:22px;height:22px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-strip{display:flex;gap:6px;margin-top:14px}.step-strip .step{flex:1 1;height:6px;background:var(--line);border-radius:999px}.step-strip .step.done{background:var(--primary)}.step-strip .step.active{background:var(--gold)}.ref-img{aspect-ratio:4/5;border-radius:10px;background-size:cover;background-position:50%;box-shadow:var(--shadow-sm);position:relative}.ref-img .tag{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.65);color:white;padding:3px 8px;border-radius:5px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.boost-card{background:linear-gradient(135deg,var(--secondary-soft),#fff);border:2px solid var(--secondary-soft);border-radius:var(--radius);padding:14px;margin-top:10px}.boost-card .row{padding:8px 0}.hero-illu{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,var(--primary-soft),var(--gold-soft));border-radius:var(--radius-lg);position:relative;margin-bottom:16px;overflow:hidden}.confetti-burst{position:absolute;top:30%;left:50%;pointer-events:none;transform:translate(-50%,-50%)}.screen.active{animation:screenIn .42s cubic-bezier(.22,.9,.3,1.02)}@keyframes screenIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.screen.active .pane>*{animation:fadeUp .5s cubic-bezier(.22,.9,.3,1) backwards}.screen.active .pane>:first-child{animation-delay:.03s}.screen.active .pane>:nth-child(2){animation-delay:.08s}.screen.active .pane>:nth-child(3){animation-delay:.13s}.screen.active .pane>:nth-child(4){animation-delay:.18s}.screen.active .pane>:nth-child(5){animation-delay:.22s}.screen.active .pane>:nth-child(6){animation-delay:.26s}.screen.active .pane>:nth-child(7){animation-delay:.3s}.screen.active .pane>:nth-child(8){animation-delay:.34s}.screen.active .pane>:nth-child(9){animation-delay:.38s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-avatar{animation:heroBreathe 4.5s ease-in-out infinite}.hero-avatar.sm{animation:heroBreathe 3.5s ease-in-out infinite}@keyframes heroBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.hero-avatar.lg{animation:heroFloat 4s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.streak{animation:streakFlicker 1.8s ease-in-out infinite;transform-origin:center}@keyframes streakFlicker{0%,to{transform:scale(1)}25%{transform:scale(1.06) rotate(-2deg)}50%{transform:scale(1.02) rotate(0deg)}75%{transform:scale(1.05) rotate(2deg)}}.card{transition:transform .22s cubic-bezier(.22,.9,.3,1),box-shadow .22s}.card:not(.accent):not(.purple):not(.gold):hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn{transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s}.choice{transition:all .18s cubic-bezier(.34,1.56,.64,1)}.choice.selected{animation:choiceBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes choiceBounce{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.score-ring .label .num{animation:scorePop .7s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes scorePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.screen.active [style*="border-radius: 50%"][style*="padding: 3px"]{animation:storyRingIn .5s cubic-bezier(.22,.9,.3,1.02) backwards}@keyframes storyRingIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.stat .v{transition:color .3s}.card.accent:before{content:"";position:absolute;inset:0;border-radius:var(--radius);box-shadow:0 0 0 0 rgba(255,106,61,.5);animation:ctaPulse 2.6s ease-in-out infinite;pointer-events:none}.card.accent{position:relative}@keyframes ctaPulse{0%,to{box-shadow:0 0 0 0 rgba(255,106,61,0)}50%{box-shadow:0 0 0 10px rgba(255,106,61,.08)}}.photo-frame{transition:transform .3s ease-out}.tab{transition:color .22s,transform .22s cubic-bezier(.34,1.56,.64,1)}.tab.active{transform:translateY(-3px)}.tab.active svg{animation:tabPop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes tabPop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.streak-ladder .step.done{animation:stepIn .4s cubic-bezier(.34,1.56,.64,1) backwards}.streak-ladder .step.done:first-child{animation-delay:.05s}.streak-ladder .step.done:nth-child(2){animation-delay:.1s}.streak-ladder .step.done:nth-child(3){animation-delay:.15s}.streak-ladder .step.done:nth-child(4){animation-delay:.2s}.streak-ladder .step.done:nth-child(5){animation-delay:.25s}.streak-ladder .step.done:nth-child(6){animation-delay:.3s}.streak-ladder .step.done:nth-child(7){animation-delay:.35s}.streak-ladder .step.today{animation:todayBounce .6s cubic-bezier(.34,1.56,.64,1) .4s backwards}@keyframes stepIn{0%{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes todayBounce{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.3)}to{transform:scale(1.1)}}.bar .fill{transform-origin:left;animation:barFill 1s cubic-bezier(.22,.9,.3,1) backwards}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pa-top{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 18px 14px;background:var(--bg)}.pa-close{background:none;border:none;cursor:pointer;font-size:24px;color:var(--muted);line-height:1;padding:0;font-family:inherit}.pa-prog{flex:1 1;height:14px;background:var(--line);border-radius:999px;overflow:hidden}.pa-prog>span{display:block;height:100%;background:linear-gradient(90deg,var(--success),#4FD89B);border-radius:999px;position:relative}.pa-prog>span:after{content:"";position:absolute;top:3px;left:6px;right:6px;height:4px;background:rgba(255,255,255,.45);border-radius:999px}.pa-hearts{font-size:15px;color:var(--danger)}.pa-hearts,.pa-xpchip{font-weight:800;display:flex;align-items:center;gap:3px}.pa-xpchip{font-size:13px;color:var(--gold)}.pip-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.pip-av{width:56px;height:56px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--secondary),#7C5FE0);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative}.pip-av svg{width:38px;height:38px}.pip-av .cap{position:absolute;top:-8px;right:-4px;font-size:20px;transform:rotate(12deg)}.pip-speech{background:var(--card);border:1.5px solid var(--line);border-radius:16px;border-bottom-left-radius:4px;padding:12px 14px;font-size:14px;line-height:1.45;color:var(--ink);box-shadow:var(--shadow-sm)}.pa-stem{font-size:21px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0 0 18px}.pa-kicker{font-size:11px;color:var(--secondary);text-transform:uppercase;letter-spacing:1.2px;font-weight:800;margin-bottom:10px}.pa-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:solid var(--line);border-width:2px 2px 4px;border-radius:16px;padding:16px;margin-bottom:12px;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;font-family:inherit;transition:transform .08s}.pa-choice:active{transform:translateY(1px)}.pa-choice .key{width:26px;height:26px;border-radius:8px;flex-shrink:0;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--muted)}.pa-choice.selected{border-color:var(--secondary);background:var(--secondary-soft)}.pa-choice.selected .key{border-color:var(--secondary);color:var(--secondary)}.pa-choice.correct{border-color:var(--success);background:var(--success-soft);color:#0E7A4D}.pa-choice.correct .key{border-color:var(--success);background:var(--success);color:white}.pa-choice.wrong{border-color:var(--danger);background:#FFEDED;color:#B22F2F}.pa-choice.wrong .key{border-color:var(--danger);background:var(--danger);color:white}.pa-feedback{flex-shrink:0;padding:16px 20px 26px;border-top:1px solid var(--line-soft)}.pa-feedback.good{background:var(--success-soft);border-color:var(--success)}.pa-feedback.bad{background:#FFEDED;border-color:var(--danger)}.pa-feedback .ttl{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.pa-feedback.good .ttl{color:#0E7A4D}.pa-feedback.bad .ttl{color:#B22F2F}.pa-feedback .exp{font-size:13px;color:var(--ink-soft);margin-top:6px;line-height:1.45}.pa-path{flex-direction:column;gap:0;padding:6px 0 10px}.pa-node,.pa-path{display:flex;align-items:center}.pa-node{width:66px;height:66px;border-radius:50%;justify-content:center;font-size:28px;cursor:pointer;position:relative;border:none;font-family:inherit}.pa-node.done{background:var(--success);box-shadow:0 5px 0 #178A56}.pa-node.active{background:var(--primary);box-shadow:0 5px 0 var(--primary-dark);animation:pip-bounce 1.6s ease-in-out infinite}.pa-node.locked{background:var(--line);box-shadow:0 5px 0 #DBD3C9;filter:grayscale(.4);opacity:.8}.pa-connector{width:5px;height:26px;background:var(--line);border-radius:99px}.pa-connector.done{background:var(--success)}.pa-node-label{font-size:11.5px;font-weight:700;color:var(--ink-soft);margin:6px 0 0;text-align:center;max-width:130px}@keyframes pip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pa-cat{gap:12px;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);margin-bottom:10px;cursor:pointer}.pa-cat,.pa-cat .ic{display:flex;align-items:center}.pa-cat .ic{width:42px;height:42px;border-radius:11px;justify-content:center;font-size:20px;flex-shrink:0}.pa-exhibit{border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-sm);margin-bottom:16px}.pa-mark{cursor:pointer;border-radius:6px;padding:1px 3px;margin:-1px 0;transition:background .12s,box-shadow .12s;position:relative;border-bottom:2px dashed var(--muted)}.pa-mark.good{background:var(--success-soft);border-bottom:2px solid var(--success);box-shadow:inset 0 0 0 1px var(--success)}.pa-mark.bad{background:#FFEDED;border-bottom:2px solid var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.pa-tool{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:var(--card);font-weight:800;font-size:12.5px;cursor:pointer;font-family:inherit;color:var(--ink-soft)}.pa-tool.active.good{border-color:var(--success);background:var(--success-soft);color:#0E7A4D}.pa-tool.active.bad{border-color:var(--danger);background:#FFEDED;color:#B22F2F}.pa-result-stat{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:14px;text-align:center;flex:1 1}.pa-result-stat .v{font-size:24px;font-weight:800}.pa-result-stat .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin-top:2px}#root{width:100%;display:flex;justify-content:center}.venue-switcher{position:absolute;top:56px;left:16px;width:264px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--line);padding:8px;z-index:998}.vs-row{display:flex;width:100%;gap:10px;align-items:center;padding:10px 12px;border:0;border-radius:10px;background:none;text-align:left;font:inherit;cursor:pointer}.vs-row:disabled{cursor:default;opacity:.6}.vs-row:hover{background:var(--bg)}.vs-row.current{background:var(--primary-soft)}.vs-ico{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.inspo-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.inspo-rail::-webkit-scrollbar{height:6px}.inspo-rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.inspo-card{flex:0 0 220px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.inspo-head{gap:8px;padding:9px 10px}.inspo-avatar,.inspo-head{display:flex;align-items:center}.inspo-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--gold));color:#fff;font-size:12px;font-weight:800;justify-content:center;flex:0 0 auto}.inspo-handle{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspo-badge{margin-left:auto;font-size:9.5px;font-weight:800;color:var(--gold-ink,#B07400);background:var(--gold-soft);border-radius:999px;padding:2px 7px;text-transform:uppercase;letter-spacing:.4px;flex:0 0 auto}.inspo-img-wrap{width:100%;aspect-ratio:1/1;background:var(--bg)}.inspo-img{width:100%;height:100%;object-fit:cover;display:block}.inspo-img-fallback{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.inspo-stats{display:flex;gap:14px;padding:8px 10px 4px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.inspo-caption{padding:2px 10px 11px;font-size:11.5px;line-height:1.4;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.splash{position:absolute;inset:0;z-index:9999;overflow:hidden;border-radius:36px;background:#efe3c4;opacity:1;transition:opacity .55s ease}.splash-out{opacity:0}.splash-bg{position:absolute;inset:0;background:url(/splash/bg.png) 50%/cover no-repeat;animation:splashKen 4s ease-out both;transform-origin:50% 60%}@keyframes splashKen{0%{transform:scale(1.12)}to{transform:scale(1)}}.splash-shimmer{position:absolute;inset:-40% -120%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);transform:translateX(-60%);animation:splashSweep 2.6s ease-in-out .4s}@keyframes splashSweep{0%{transform:translateX(-60%)}60%,to{transform:translateX(60%)}}.splash-logo{position:absolute;top:9%;left:50%;width:64%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));transform:translateX(-50%);animation:splashLogoIn .8s cubic-bezier(.18,1.3,.4,1) both,splashLogoBob 3.2s ease-in-out .9s infinite}@keyframes splashLogoIn{0%{opacity:0;transform:translate(-50%,-60px) scale(.6) rotate(-4deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}@keyframes splashLogoBob{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-6px) scale(1.02)}}.splash-mascot{position:absolute;bottom:7%;left:50%;width:92%;filter:drop-shadow(0 12px 22px rgba(20,40,20,.3));transform:translateX(-50%);animation:splashMascotIn 1s cubic-bezier(.2,1,.3,1) .25s both,splashFloat 3.6s ease-in-out 1.3s infinite}@keyframes splashMascotIn{0%{opacity:0;transform:translate(-50%,140px) scale(.82)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes splashFloat{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-10px) scale(1.012)}}.sparkle{position:absolute;width:16px;height:16px;pointer-events:none;background:#fff;-webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(255,240,180,.9));opacity:0;transform:scale(0);animation:sparkleTwinkle 1.7s ease-in-out infinite}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}45%{opacity:1;transform:scale(1.25) rotate(45deg)}70%{opacity:.4;transform:scale(.7) rotate(70deg)}}.splash-caption{position:absolute;left:0;right:0;bottom:48px;text-align:center;font-size:14px;font-weight:800;letter-spacing:.2px;color:#2d4a2a;text-shadow:0 1px 0 rgba(255,255,255,.6);opacity:0;animation:splashCaptionIn .6s ease .7s forwards,splashCaptionPulse 1.8s ease-in-out 1.3s infinite}@keyframes splashCaptionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes splashCaptionPulse{0%,to{opacity:1}50%{opacity:.62}}.splash-loadbar{position:absolute;left:14%;right:14%;bottom:26px;height:5px;background:rgba(255,255,255,.45);border-radius:999px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.12)}.splash-loadbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:999px;animation:splashLoad 4s ease-in-out forwards}@keyframes splashLoad{0%{width:0}85%{width:94%}to{width:100%}}@media (prefers-reduced-motion:reduce){.sparkle,.splash-bg,.splash-caption,.splash-loadbar span,.splash-logo,.splash-mascot,.splash-shimmer{animation-duration:.01ms!important;animation-iteration-count:1!important}}.pip-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.pip-rail::-webkit-scrollbar{height:6px}.pip-rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.pip-card{flex:0 0 280px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.pip-media-carousel,.pip-post-img-wrap{position:relative;width:100%;background:#101018}.pip-post-img-wrap{display:block;aspect-ratio:var(--media-ratio,1);overflow:hidden}.pip-post-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}.pip-post-img-backdrop{position:absolute;inset:0;z-index:0;object-fit:cover;filter:blur(24px) brightness(.6);transform:scale(1.08)}.pip-social-video{position:relative;z-index:1;width:100%;height:100%;border:none;object-fit:contain;display:block;background:transparent}.pip-video-sound{top:8px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(10,10,20,.72);padding:5px 9px;font-size:10px;font-weight:800;cursor:pointer}.pip-video-fallback-label,.pip-video-sound{position:absolute;z-index:3;left:8px;color:#fff}.pip-video-fallback-label{right:8px;bottom:8px;border-radius:8px;background:rgba(10,10,20,.78);padding:6px 8px;font-size:9.5px;font-weight:700;text-align:center}.pip-video-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#101018;color:#fff}.pip-video-unavailable span{position:absolute;z-index:2;left:8px;right:8px;bottom:8px;border-radius:8px;background:rgba(10,10,20,.78);padding:6px 8px;font-size:10px;font-weight:700;text-align:center}.followed-post-thumb{width:76px;flex-shrink:0;position:relative;overflow:hidden;aspect-ratio:var(--media-ratio,1);background:var(--line-soft);display:flex;align-items:center;justify-content:center;font-size:22px}.pip-post-badge{position:absolute;bottom:8px;left:8px;background:rgba(10,10,20,.62);color:#fff;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ie-overlay{position:absolute;inset:0;z-index:600;background:var(--bg);overflow-y:auto}.img-editor{flex-direction:column;min-height:100%;padding-bottom:12px}.ie-head,.img-editor{display:flex;background:var(--bg)}.ie-head{align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:2}.ie-x{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:15px;cursor:pointer}.ie-title{font-weight:800;font-size:15px}.ie-stage{display:flex;justify-content:center;padding:14px 12px 8px}.ie-quick{display:flex;gap:6px;padding:4px 12px 10px;overflow-x:auto}.ie-tool{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer}.ie-tool.on{background:var(--primary);color:#fff;border-color:var(--primary)}.ie-tray{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px;padding:10px 12px;margin:0 12px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;max-height:168px;overflow-y:auto}.ie-emoji{font-size:22px;padding:6px 0;border:none;background:transparent;cursor:pointer;border-radius:8px}.ie-emoji:hover{background:var(--line-soft)}.ie-shape{font-size:20px;padding:8px 0;border:1px solid var(--line);background:#fff;cursor:pointer;border-radius:8px}.ie-config,.ie-secondary{margin:0 12px 10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.ie-config-row{display:flex;align-items:center;gap:8px}.ie-config-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}.ie-lab{font-size:11px;font-weight:700;color:var(--muted);min-width:64px}.ie-select{flex:1 1;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-size:12.5px;font-weight:700}.ie-sw-row{display:flex;gap:5px;flex-wrap:wrap}.ie-sw{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center}.ie-mini,.ie-sw{border:1px solid var(--line);cursor:pointer}.ie-mini{min-width:34px;height:32px;background:#fff;border-radius:8px;font-size:13px;font-weight:700}.ie-mini.on{background:var(--primary);color:#fff;border-color:var(--primary)}.ie-mini.danger{color:#B22F2F}.ie-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:700;cursor:pointer}.ie-chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.ie-status{margin:0 12px 10px;padding:10px 12px;background:var(--primary-soft);color:var(--primary-dark);border-radius:10px;font-size:12px}.ie-footer{margin-top:auto;padding:12px 14px 18px;position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line)}.pip-brand-head{display:flex;justify-content:flex-start;padding:12px 12px 8px}.pip-brand-id{display:flex;align-items:center;gap:8px;min-width:0}.pip-brand-pic{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}.pip-brand-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--gold));color:#fff;font-size:12px;font-weight:800}.pip-brand-name{font-weight:800;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.pip-brand-plat{font-size:9.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;text-align:left;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pip-culture-chip{display:inline-flex;align-items:center;gap:3px;color:var(--secondary);background:var(--secondary-soft);border:1px solid rgba(114,79,164,.18);border-radius:999px;padding:2px 6px;line-height:1}.pip-card-title{font-size:13.5px;font-weight:800;line-height:1.35;padding:0 12px 8px}.pip-carousel{position:relative;width:100%}.pip-car-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(10,10,20,.72);box-shadow:0 2px 8px rgba(0,0,0,.24);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.pip-car-nav.left{left:10px}.pip-car-nav.right{right:10px}.pip-car-dots{position:absolute;z-index:3;bottom:8px;left:0;right:0;display:flex;gap:4px;justify-content:center}.pip-car-count{position:absolute;z-index:3;top:8px;right:8px;min-width:38px;padding:4px 7px;border-radius:999px;background:rgba(10,10,20,.7);color:#fff;font-size:10px;font-weight:800;text-align:center}.pip-dot-button{width:22px;height:22px;margin:-8px;padding:8px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.pip-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55)}.pip-dot.on{background:#fff}.pip-post-text{font-size:12.5px;line-height:1.45;color:var(--ink);padding:10px 12px 0}.pip-more{color:var(--primary);font-weight:700;cursor:pointer}.pip-response{margin:10px 12px 12px;background:linear-gradient(135deg,var(--secondary-soft),#fff);border:1px solid var(--secondary-soft);border-radius:12px;padding:10px}.pip-culture-visual{min-height:118px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#fff,var(--gold-soft));border-color:rgba(224,161,0,.22)}.pip-response-head{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:9.5px;color:var(--secondary);font-weight:800;text-transform:uppercase;letter-spacing:.6px}.pip-culture-mark{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--secondary);color:#fff;font-size:12px}.pip-culture-mark,.pip-peek-av{border-radius:50%;flex-shrink:0}.pip-peek-av{width:30px;height:30px;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.22);display:flex}.pip-peek-av img{width:100%;height:100%;object-fit:contain;border-radius:50%}.pip-response-head .pip-peek-av{width:22px;height:22px;box-shadow:none}.pip-peek{position:absolute;left:8px;bottom:8px;z-index:3;border:none;background:transparent;padding:0;cursor:pointer;max-width:calc(100% - 16px);animation:pip-peek-in .35s ease both}.pip-peek,.pip-peek-bubble{display:flex;align-items:center}.pip-peek-bubble{margin-left:-6px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;padding:6px 11px 6px 12px;border-radius:16px;box-shadow:0 3px 10px rgba(0,0,0,.2);white-space:nowrap;gap:7px}.pip-peek-bubble b{color:var(--secondary);font-size:15px;line-height:1}@keyframes pip-peek-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}.pip-idea{position:absolute;inset:0;z-index:4;background:rgba(16,12,28,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;padding:10px;cursor:pointer;animation:pip-fade-in .2s ease both}.pip-idea-card{width:100%;background:#fff;border-radius:14px;padding:12px;box-shadow:0 12px 34px rgba(0,0,0,.32);cursor:default}.pip-idea-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}.pip-idea-who{flex:1 1;min-width:0;font-size:10px;color:var(--secondary);font-weight:800;text-transform:uppercase;letter-spacing:.6px}.pip-idea-x{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:none;background:var(--line-soft);color:var(--ink-soft);font-size:11px;cursor:pointer}.pip-idea-x:hover{background:var(--line)}.pip-idea-sum{font-size:15.5px;font-weight:800;line-height:1.25;margin-bottom:4px}.pip-idea-text{font-size:12.5px;line-height:1.5;color:var(--ink-soft);max-height:168px;overflow-y:auto}@keyframes pip-fade-in{0%{opacity:0}to{opacity:1}}.pip-act.acknowledge{width:100%;min-height:40px;color:var(--ink-soft)}.pip-actions{display:flex;align-items:center;gap:8px;padding:10px 12px 12px;margin-top:auto}.pip-act{border:none;cursor:pointer;font-family:inherit;font-weight:800;transition:background .12s,color .12s}.pip-act:disabled{opacity:.6;cursor:default}.pip-act.dismiss{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--line-soft);color:var(--muted);font-size:14px}.pip-act.dismiss:hover{background:var(--line);color:var(--ink-soft)}.pip-act.acknowledge{flex:1 1;min-width:0;height:40px;border-radius:10px;background:var(--line-soft);color:var(--muted);font-size:13px;display:inline-flex;align-items:center;justify-content:center}.pip-act.acknowledge:hover{background:var(--line);color:var(--ink-soft)}.pip-act.add{flex:1 1;height:38px;border-radius:12px;background:var(--secondary-soft);color:var(--secondary);font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pip-act.add:hover:not(:disabled){background:var(--secondary);color:#fff}.pip-act-ic{font-size:16px;line-height:1}.pip-added{flex:1 1;height:38px;border-radius:12px;background:var(--success-soft);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.ie-overlay{z-index:9000!important}.img-editor{height:100%}.ie-stage{flex:1 1 auto;align-items:center;padding:10px 12px}.ie-stage>div{max-width:100%}.ie-hscroll{scrollbar-width:none;-ms-overflow-style:none}.ie-hscroll::-webkit-scrollbar{height:0!important;width:0!important;display:none}body:has(.vp-desktop){display:block;padding:0;gap:0;background:var(--bg)}.vp-desktop{position:relative;height:100dvh;overflow:hidden;background:var(--bg);color:var(--ink)}.vp-desktop-main{height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:96px}.vp-desktop-main::-webkit-scrollbar{width:0}.vp-desktop-col{width:100%}.vp-sidebar{display:none}.vp-desktop .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:200}.vp-desktop .fab{position:fixed}.vp-desktop :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (min-width:501px){.vp-desktop{display:flex}.vp-desktop-main{flex:1 1;min-width:0;padding-bottom:0}.vp-desktop-col{max-width:680px;margin:0 auto}.vp-desktop .bottom-nav,.vp-desktop .fab{display:none}.vp-sidebar{display:flex;flex-direction:column;width:248px;flex-shrink:0;height:100dvh;overflow-y:auto;padding:20px 14px;gap:6px;background:var(--card);border-right:1px solid var(--line)}.vp-sidebar::-webkit-scrollbar{width:6px}.vp-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.vp-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}.vp-brand img{width:34px;height:34px;border-radius:50%;object-fit:contain;background:#fff;flex-shrink:0}.vp-brand-word{font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}.vp-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;color:#fff;background:var(--primary);padding:13px 16px;border-radius:14px;box-shadow:0 6px 16px rgba(255,106,61,.32);transition:transform .12s ease,background .15s ease;margin-bottom:8px}.vp-create-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.vp-create-btn:active{transform:translateY(1px)}.vp-create-plus{font-size:20px;font-weight:300;line-height:1;margin-top:-2px}.vp-nav-group{display:flex;flex-direction:column;gap:4px}.vp-nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--ink-soft);font-size:14px;font-weight:700;text-decoration:none;transition:background .15s ease,color .15s ease}.vp-nav-link svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.vp-nav-link:hover{background:var(--line-soft);color:var(--ink)}.vp-nav-link.active{background:var(--primary);color:#fff}.vp-desktop .splash{border-radius:0}.vp-desktop .action-sheet-overlay{align-items:stretch;justify-content:flex-end}.vp-desktop .action-sheet{width:420px;max-width:100%;height:100%;max-height:100%;border-radius:0;padding:22px 22px 30px;animation:vpSlideInRight .24s cubic-bezier(.2,.9,.3,1)}.vp-desktop .action-sheet .as-handle{display:none}}@keyframes vpSlideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (min-width:501px) and (max-width:1024px){.vp-sidebar{width:72px;padding:20px 10px;align-items:stretch}.vp-brand{justify-content:center;padding:4px 0 14px}.vp-brand-word{display:none}.vp-create-btn{padding:13px 0}.vp-create-label{display:none}.vp-nav-link{justify-content:center;padding:11px 0}.vp-nav-label{display:none}}