.mfsp{width:540px;height:675px}.mfsp .frame{width:540px;height:675px;border-radius:4px;overflow:hidden;position:relative}.mfsp .glass{position:absolute;background:#ffffff85;border:1.5px solid rgba(255,255,255,.88);border-radius:28px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;padding:24px 24px 20px;box-shadow:0 22px 46px #17443d29}.mfsp .code-label{font:700 10.5px Quicksand,sans-serif;letter-spacing:.14em;color:#1f4d469e}.mfsp .foot-rule{border-top:1.5px dashed rgba(31,77,70,.24);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mfsp .quote-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px 2px;width:100%}.mfsp .tpl-langit{background:linear-gradient(180deg,var(--sky1, #BCE7DF),var(--sky2, #8FCFC7));color:var(--ink, #1F4D46)}.mfsp .langit-sun{position:absolute;top:6%;left:8%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fbe49e,#f6c96b 72%)}.mfsp .cloud{position:absolute;height:26px;border-radius:999px;background:#ffffffeb;animation:none;opacity:1}.mfsp .cloud:before{content:"";position:absolute;left:13%;bottom:52%;width:48%;height:210%;background:inherit;border-radius:50%}.mfsp .cloud:after{content:"";position:absolute;right:15%;bottom:42%;width:34%;height:150%;background:inherit;border-radius:50%}.mfsp .c1{top:11%;right:9%;width:112px}.mfsp .c2{top:25%;left:5%;width:78px;opacity:.85}.mfsp .mts{position:absolute;bottom:0;left:0;width:100%;height:190px;display:block}.mfsp .g-langit{inset:15% 8% 21%}.mfsp .g-tag{align-self:flex-start;display:flex;align-items:center;gap:7px;font:700 9.5px Quicksand,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:inherit;background:#ffffffb8;border:1px solid rgba(255,255,255,.95);border-radius:999px;padding:7px 13px}.mfsp .g-tag i{width:7px;height:7px;border-radius:50%;background:#e8604c}.mfsp .g-quote{text-align:left;width:100%;font:700 21px/1.5 Quicksand,sans-serif;color:inherit;white-space:pre-wrap;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden}.mfsp .g-quote.s1{font-size:17.5px;-webkit-line-clamp:13}.mfsp .g-quote.s2{font-size:14.5px;line-height:1.55;-webkit-line-clamp:16}.mfsp .g-brand{display:flex;align-items:center;gap:8px;font:700 14px "Baloo 2",cursive;color:inherit}.mfsp .g-logo{width:17px;height:17px;border-radius:6px;background:#e8604c;position:relative;flex:none}.mfsp .g-logo:after{content:"";position:absolute;inset:4px;border-radius:3px 3px 4px;background:#fff6ea}.mfsp .tpl-kaca{background:var(--kbg, #FBF3E4)}.mfsp .blob{position:absolute;border-radius:50%}.mfsp .b1{top:-9%;right:-11%;width:320px;height:320px;background:radial-gradient(circle,var(--b1, rgba(232,96,76,.34)),transparent 70%)}.mfsp .b2{bottom:-8%;left:-9%;width:360px;height:360px;background:radial-gradient(circle,var(--b2, rgba(76,158,143,.38)),transparent 70%)}.mfsp .b3{top:34%;left:-13%;width:230px;height:230px;background:radial-gradient(circle,var(--b3, rgba(246,201,107,.5)),transparent 70%)}.mfsp .kaca-glass{position:absolute;inset:8.5%;background:#ffffff9e;border:1.5px solid rgba(255,255,255,.95);border-radius:32px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;padding:24px 28px 20px;box-shadow:0 24px 52px #1f4d461f}.mfsp .k-head{display:flex;align-items:center;gap:11px}.mfsp .k-logo{width:36px;height:36px;border-radius:12px;background:#e8604c;flex:none;display:flex;align-items:center;justify-content:center}.mfsp .k-brand b{display:block;font:700 16px/1.15 "Baloo 2",cursive;color:#1f4d46}.mfsp .k-brand span{font:600 8.5px Quicksand,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7c958d}.mfsp .k-pill{margin-left:auto;font:700 9px Quicksand,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff6ea;background:#4c9e8f;border-radius:999px;padding:6px 12px}.mfsp .k-quote{text-align:left;width:100%;font:700 21px/1.55 Quicksand,sans-serif;color:#1f4d46;white-space:pre-wrap;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}.mfsp .k-quote.s1{font-size:17.5px;-webkit-line-clamp:12}.mfsp .k-quote.s2{font-size:14.5px;line-height:1.55;-webkit-line-clamp:15}.mfsp .k-foot{font:700 9.5px Quicksand,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7c958d}.mfsp .tpl-stiker{background:linear-gradient(180deg,var(--st1, #DFF2EC),var(--st2, #BFE5DA))}.mfsp .st-glass{position:absolute;inset:14% 10% 20%;background:#ffffff8c;border:1.5px solid rgba(255,255,255,.9);border-radius:26px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:rotate(-1.6deg);display:flex;flex-direction:column;padding:24px 24px 18px;box-shadow:0 20px 44px #17443d26}.mfsp .st-tag{align-self:center;font:700 10px Quicksand,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#3d8a7c;background:#fff;border-radius:999px;padding:7px 15px;box-shadow:0 4px 10px #1f4d461a}.mfsp .st-quote{text-align:left;width:100%;font:700 20px/1.5 Quicksand,sans-serif;color:#1f4d46;white-space:pre-wrap;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden}.mfsp .st-quote.s1{font-size:16.5px;-webkit-line-clamp:14}.mfsp .st-quote.s2{font-size:14px;line-height:1.55;-webkit-line-clamp:17}.mfsp .sticker{position:absolute;z-index:6}.mfsp .sticker svg{width:100%;height:100%;display:block}.mfsp .stk-photo{left:6%;bottom:7%;width:74px;height:66px;transform:rotate(-8deg)}.mfsp .stk-chat{right:6%;top:6%;width:62px;height:58px;transform:rotate(7deg)}.mfsp .stk-env{right:7%;bottom:7.5%;width:62px;height:50px;transform:rotate(-6deg)}.mfsp .pd{position:absolute;z-index:7;pointer-events:none}.mfsp .pd svg{width:100%;height:100%;display:block}.mfsp .pd-love{width:48px;height:48px;border-radius:50%;background:#e8604c;border:3px solid #FFF6EA;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #1f4d462e}.mfsp .pd-cloud{height:22px;border-radius:999px;background:#fffffff2}.mfsp .pd-cloud:before{content:"";position:absolute;left:13%;bottom:52%;width:48%;height:210%;background:inherit;border-radius:50%}.mfsp .pd-cloud:after{content:"";position:absolute;right:15%;bottom:42%;width:34%;height:150%;background:inherit;border-radius:50%}.board-wall{position:relative;padding:42px 30px 34px;border-radius:26px;background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.08) 0 1px,transparent 1px),radial-gradient(circle at 30% 65%,rgba(0,0,0,.08) 0 1px,transparent 1px),radial-gradient(circle at 55% 25%,rgba(255,255,255,.07) 0 1px,transparent 1px),radial-gradient(circle at 75% 70%,rgba(0,0,0,.07) 0 1px,transparent 1px),radial-gradient(circle at 90% 40%,rgba(255,255,255,.08) 0 1px,transparent 1px),radial-gradient(circle at 20% 90%,rgba(0,0,0,.06) 0 1px,transparent 1px),linear-gradient(155deg,var(--cork-1) 0%,var(--cork-2) 55%,var(--cork-3) 100%);background-size:26px 26px,32px 32px,22px 22px,30px 30px,24px 24px,28px 28px,100% 100%;box-shadow:inset 0 0 0 10px var(--cork-rim),inset 0 0 0 14px var(--cork-border),0 18px 34px var(--cork-shadow);transition:background .3s ease,box-shadow .3s ease}.board-wall:before{content:"";position:absolute;inset:10px;border-radius:18px;border:3px solid var(--cork-border);pointer-events:none;transition:border-color .3s ease}.board-grid{column-count:3;column-gap:22px}.board-grid>.board-card{break-inside:avoid;margin:0 0 -12px;display:block;width:100%}@media(max-width:1024px){.board-grid{column-count:2}}@media(max-width:720px){.board-grid{column-count:1;max-width:440px;margin:0 auto}.board-grid>.board-card{margin:0 0 22px}}.board-card{position:relative;background:var(--paper, #fffdf6);border:2px solid var(--paper-edge, rgba(217, 190, 147, .6));border-radius:16px;box-shadow:var(--shadow),0 2px 4px #173f3a1a;padding:24px 22px 16px;transform:rotate(var(--rot, 0deg)) translate(var(--shift, 0px));transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s,border-color .25s,filter .2s;user-select:none;-webkit-user-select:none;cursor:pointer}.board-card:hover{transform:rotate(0) translateY(-4px) translate(0);z-index:2;box-shadow:var(--shadow),0 12px 22px #173f3a2e}.board-card.is-holding{transform:scale(.97) rotate(0)!important;box-shadow:0 0 0 4px #e8604c,0 12px 28px #e8604c59!important;filter:brightness(.98)}[data-theme=dark] .board-card{background:var(--dark-paper, #1c2430);border-color:var(--dark-paper-edge, rgba(255, 255, 255, .14));box-shadow:0 10px 24px #00000073,0 2px 6px #00000040}[data-theme=dark] .board-card:hover{box-shadow:0 16px 30px #0009}.board-card.pin-tape:before{content:"";position:absolute;top:-12px;left:var(--tape-x, 50%);transform:translate(-50%) rotate(var(--tape-rot, -2deg));width:70px;height:24px;background:var(--tape, rgba(255, 214, 138, .85));border:1px solid rgba(0,0,0,.12);border-radius:3px;box-shadow:0 2px 5px #173f3a26;opacity:.92;pointer-events:none}[data-theme=dark] .board-card.pin-tape:before{background:var(--dark-tape, rgba(255, 214, 138, .45));border-color:#ffffff2e;box-shadow:0 2px 6px #0006}.board-card.pin-tack:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--tack, #e15252) 55%,#8f2f2f 100%);box-shadow:0 3px 5px #173f3a59;pointer-events:none}.board-quote{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0}.board-anon{margin-top:12px;font-weight:800;font-size:13px;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:center}.board-hold-hint{font-size:11px;font-weight:700;color:#b45f31a6;display:inline-flex;align-items:center;gap:3px}[data-theme=dark] .board-hold-hint{color:#ffb278b3}.board-reactions-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;min-height:28px}.react-pill{display:inline-flex;align-items:center;gap:4px;background:#ffffffd9;border:1.5px solid rgba(180,95,49,.22);border-radius:999px;padding:3px 9px 3px 7px;font-size:12.5px;font-weight:800;color:var(--ink);cursor:pointer;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;user-select:none}.react-pill:hover{transform:scale(1.08);background:#fff;border-color:var(--teal-3)}.react-pill.is-user-reacted{background:#e7f6f1;border-color:var(--teal-3);color:#1f4d46;box-shadow:0 2px 6px #3d8a7c2e}.react-pill .pill-emoji{font-size:14px;line-height:1}.react-pill .pill-count{font-size:11.5px;font-family:Nunito,sans-serif}[data-theme=dark] .react-pill{background:#ffffff14;border-color:#ffffff29;color:#f0f4f8}[data-theme=dark] .react-pill:hover{background:#ffffff29;border-color:var(--teal-2)}[data-theme=dark] .react-pill.is-user-reacted{background:#4fb3ad47;border-color:#4fb3ad;color:#8ed4cf;box-shadow:0 2px 8px #4fb3ad40}.btn-add-reaction{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffffb3;border:1.5px dashed rgba(180,95,49,.3);color:var(--ink-soft);cursor:pointer;transition:all .15s;font-size:13px}.btn-add-reaction:hover{background:#fff;border-color:var(--teal-3);color:var(--teal-3);transform:scale(1.12)}[data-theme=dark] .btn-add-reaction{background:#ffffff14;border-color:#fff3;color:var(--ink-soft)}[data-theme=dark] .btn-add-reaction:hover{background:#ffffff2e;border-color:#4fb3ad;color:#4fb3ad}.board-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:10px;border-top:2px dashed rgba(180,95,49,.25)}[data-theme=dark] .board-foot{border-top-color:#ffffff1f}.board-date{font-size:12px;font-weight:800;color:var(--ink-soft);opacity:.85;white-space:nowrap}.board-actions{display:flex;align-items:center;gap:8px}.btn-spotlight-trigger{width:26px;height:26px;border-radius:50%;color:var(--teal-3);background:#3fa9a21f;border:1px solid rgba(63,169,162,.28);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.btn-spotlight-trigger:hover{background:var(--teal-3);color:#fff;transform:scale(1.1)}.board-ig{font-size:12px;font-weight:800;color:var(--teal-3);text-decoration:none;display:inline-flex;gap:4px;align-items:center;white-space:nowrap;transition:color .15s}.board-ig:hover{color:var(--red)}[data-theme=dark] .board-ig{color:#4fb3ad}[data-theme=dark] .board-ig:hover{color:var(--red)}.board-state{text-align:center;font-weight:800;color:#fff;padding:36px 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.25)}.board-state.hide{display:none}.board-more{display:grid;place-items:center;margin-top:30px}.board-more.hide{display:none}.board-more .btn-ghost{background:var(--white);color:var(--ink);border:2px solid var(--cream2);box-shadow:var(--shadow)}.board-more .btn-ghost:hover{border-color:var(--red);color:var(--red)}.board-spotlight-overlay[hidden],.wa-reaction-popover[hidden],.board-toast[hidden]{display:none!important}.wa-reaction-popover{position:fixed;z-index:99999;transform:translate(-50%,-100%);margin-top:-14px;animation:waPopIn .24s cubic-bezier(.175,.885,.32,1.275) forwards}.wa-emoji-list{display:flex;align-items:center;gap:5px;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.9);border-radius:999px;padding:6px 10px;box-shadow:0 16px 36px #173f3a38,0 4px 10px #0000001a}[data-theme=dark] .wa-emoji-list{background:#151b23f2;border-color:#ffffff29;box-shadow:0 16px 36px #0009,0 4px 10px #0000004d}.wa-emoji-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:50%;font-size:24px;line-height:1;transition:transform .15s;display:flex;align-items:center;justify-content:center}.wa-emoji-btn:hover{transform:scale(1.4) translateY(-4px)}.wa-emoji-btn:active{transform:scale(1.1)}@keyframes waPopIn{0%{opacity:0;transform:translate(-50%,-85%) scale(.6)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.board-spotlight-overlay{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:20px;animation:spotlightFadeIn .25s ease-out}.spotlight-backdrop{position:absolute;inset:0;background:#122b27d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .spotlight-backdrop{background:#070c12e0}.spotlight-dialog{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%}.spotlight-frame-container{position:relative;width:100%;max-width:440px;margin:0 auto}.spotlight-top-actions{position:absolute;top:12px;right:14px;z-index:10;display:flex;align-items:center;gap:3px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(217,190,147,.55);border-radius:999px;padding:3px 5px;box-shadow:0 4px 12px #173f3a24;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .spotlight-top-actions{background:#151b23eb;border-color:#ffffff29;box-shadow:0 6px 20px #00000080}.btn-spot-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:transparent;border:none;color:var(--ink);cursor:pointer;text-decoration:none;transition:all .15s;padding:0}.btn-spot-icon:hover{background:#fff;color:var(--teal-3);transform:scale(1.15);box-shadow:0 2px 6px #3d8a7c2e}[data-theme=dark] .btn-spot-icon:hover{background:#ffffff24;color:#4fb3ad;box-shadow:0 2px 8px #4fb3ad40}.btn-spot-icon.btn-spot-close{color:var(--ink-soft)}.btn-spot-icon.btn-spot-close:hover{background:#ffe9ee;color:var(--red)}[data-theme=dark] .btn-spot-icon.btn-spot-close:hover{background:#e8604c38;color:#ff7b5c}.spotlight-card-slot{width:100%;display:flex;justify-content:center;transform:scale(1.02);animation:spotlightCardZoom .28s cubic-bezier(.16,1,.3,1)}.spotlight-card-slot .board-card{cursor:default;transform:none!important;box-shadow:0 24px 50px #0006!important;max-width:440px;width:100%;margin:0 auto;padding-top:44px}.spotlight-card-slot .btn-spotlight-trigger{display:none}.board-spotlight-overlay.is-clean-recording .spotlight-top-actions{opacity:0;pointer-events:none;transform:translateY(-8px) scale(.95)}.board-spotlight-overlay.is-clean-recording .spotlight-card-slot .board-card{padding-top:24px;transition:padding-top .2s}.board-spotlight-overlay.is-clean-recording .spotlight-dialog{cursor:pointer}@keyframes spotlightFadeIn{0%{opacity:0}to{opacity:1}}@keyframes spotlightCardZoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1.03)}}.board-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#173f3af0;backdrop-filter:blur(10px);color:#fffdf6;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border-radius:999px;box-shadow:0 12px 28px #00000040;z-index:999999;animation:toastPop .22s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .board-toast{background:#151b23f2;color:#f0f4f8;border:1px solid rgba(255,255,255,.15)}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:720px){.board-wall{padding:34px 18px 26px}.board-card{padding:22px 20px 14px}.board-quote{font-size:15.5px}}
