.companionAnchor{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.pivot{position:relative;filter:drop-shadow(0 8px 8px rgba(27,36,64,.16))}.ropeDragZone{position:absolute;top:0;left:50%;width:34px;height:94px;transform:translate(-50%);cursor:grab}.ropeSvg{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.ropeStroke{fill:none;stroke:#6b4423;stroke-width:3.2px;stroke-linecap:round}.ropeHighlight{fill:none;stroke:#b58b5c;stroke-width:1.3px;stroke-linecap:round;opacity:.65}.charmHandle{position:absolute;top:0;left:50%;transform-origin:50% 0%;cursor:pointer;touch-action:none;will-change:transform}.companionImage{-webkit-user-drag:none;pointer-events:none;will-change:transform}.sizeSmall{width:85px}.sizeMedium{width:130px}.sizeLarge{width:190px}.companionStateIdle{animation:breatheIdle 4s ease-in-out infinite}@keyframes breatheIdle{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.companionStateBlink{animation:blinkEye .22s ease-in-out}@keyframes blinkEye{0%,to{transform:scaleY(1)}50%{transform:scaleY(.15)}}.companionStateClick{animation:bounceClick .5s cubic-bezier(.34,1.56,.64,1)}@keyframes bounceClick{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}.companionStateHappy{animation:happySpin .9s cubic-bezier(.34,1.56,.64,1)}@keyframes happySpin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(-12deg) scale(1.1)}70%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.companionStateSurprised{animation:surprisedPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes surprisedPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.companionStateSleep{animation:sleepDrift 6s ease-in-out infinite;opacity:.75}@keyframes sleepDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.companionBubble{margin-top:8px;padding:6px 12px;background:#ffffffeb;color:#1a1a2e;border-radius:14px;font-size:13px;text-align:center;max-width:160px;-webkit-app-region:no-drag}.settingsPanel{position:fixed;top:10px;right:10px;width:220px;background:#1f2333;color:#f4f4f8;border-radius:10px;padding:12px;font-size:13px;-webkit-app-region:no-drag;box-shadow:0 6px 18px #00000059;z-index:30}.settingsHeader{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.settingsCloseBtn{background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.settingsRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settingsResetBtn{width:100%;margin-top:6px;padding:6px 0;border:none;border-radius:6px;background:#3a5bff;color:#fff;cursor:pointer}.contextMenu{position:fixed;background:#1f2333;color:#f4f4f8;border-radius:8px;padding:4px 0;font-size:13px;min-width:110px;box-shadow:0 6px 18px #00000059;z-index:30;-webkit-app-region:no-drag;z-index:20}.contextMenuItem{padding:6px 14px;cursor:pointer}.contextMenuItem:hover{background:#3a5bff}.charmPickerPanel{position:fixed;top:10px;left:10px;width:200px;background:#1f2333;color:#f4f4f8;border-radius:10px;padding:12px;font-size:13px;-webkit-app-region:no-drag;box-shadow:0 6px 18px #00000059;z-index:30}.charmPickerHeader{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.charmPickerCloseBtn{background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.charmPickerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.charmPickerItem{display:flex;flex-direction:column;align-items:center;gap:4px;background:#2a2f45;border:2px solid transparent;border-radius:8px;padding:6px 4px;cursor:pointer;color:inherit;font-size:11px}.charmPickerItemActive{border-color:#3a5bff}.charmPickerImage{width:40px;height:40px;object-fit:contain}.landing{--ink: #0b0d1a;--muted: #4b5063;--blue: #1238ff;--blue-soft: #eef2ff;--line: #e2e7f4;--bg: #f7f9ff;--card: #ffffff;--cord: #6b4423;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;min-height:100vh}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1080px;margin:0 auto;padding:0 24px;min-height:640px}.heroText{padding-top:130px;padding-bottom:60px}.brand{display:flex;align-items:center;gap:10px;font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:600;font-size:22px;margin-bottom:28px}.brandMark{width:26px;height:26px;object-fit:contain}.heroTitle{font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:700;font-size:clamp(40px,6vw,64px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px}.heroLead{color:var(--muted);font-size:16px;line-height:1.7;max-width:470px;margin:0 0 32px}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.btnPrimary,.btnSecondary{display:inline-flex;align-items:center;padding:14px 24px;border-radius:999px;font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btnPrimary{border:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px #1238ff47}.btnPrimary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #1238ff57}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{border:1px solid #d5ddf7;background:var(--blue-soft);color:var(--blue)}.btnSecondary:hover{background:#e3e9ff}.heroNote{color:var(--muted);font-size:14px;margin:0}.linkButton{background:none;border:none;padding:0;color:var(--blue);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.heroCharm{position:relative;min-height:640px}.heroCord{position:absolute;top:0;left:50%;width:3px;height:150px;transform:translate(-50%);background:var(--cord);border-radius:2px}.heroStage{position:absolute;top:144px;left:0;right:0;bottom:0}.heroPopped{position:absolute;top:60px;left:50%;transform:translate(-50%);width:240px;padding:18px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:14px;line-height:1.5}.heroPopped p{margin:0}.features,.charms{max-width:820px;margin:0 auto;padding:80px 24px}.sectionTitle{font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:600;font-size:clamp(30px,4.4vw,44px);letter-spacing:-.03em;margin:0 0 12px}.sectionLead{color:var(--muted);font-size:17px;line-height:1.6;max-width:660px;margin:0 0 40px}.featuresGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}.laptop{filter:drop-shadow(0 24px 30px rgba(27,36,64,.18))}.laptopLid{margin:0 8%;padding:10px 10px 18px;background:#1c1c20;border-radius:14px 14px 4px 4px}.laptopScreen{position:relative;aspect-ratio:16 / 10;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,#3f7bff,#6aa2ff 55%,#c9dcff)}.laptopCharm{position:absolute;top:0;right:22%;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:laptopSway 4s ease-in-out infinite}.laptopCord{width:1.5px;height:70px;background:#f1e6d6;opacity:.85}.laptopCharm img{width:44px;height:44px;object-fit:contain}@keyframes laptopSway{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}.laptopBase{position:relative;height:16px;background:linear-gradient(#e6cf9f,#c9a86a);border-radius:2px 2px 14px 14px}.laptopBase:after{content:"";position:absolute;top:0;left:42%;width:16%;height:6px;background:#b89656;border-radius:0 0 6px 6px}@media (prefers-reduced-motion: reduce){.laptopCharm{animation:none}}.featureList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.featureCard{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.5}.featureIconWrap{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--blue-soft);color:var(--blue)}.featureIcon{width:22px;height:22px}.charmGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.charmCard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px 18px;background:var(--card);border:1px solid var(--line);border-radius:18px;font-family:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.charmCard:hover{transform:translateY(-2px)}.charmCardActive{border-color:var(--blue);box-shadow:0 0 0 3px #1238ff1f}.charmCard img{width:96px;height:96px;object-fit:contain;margin-bottom:8px}.charmName{font-weight:600;font-size:15px}.charmState{font-size:13px;color:var(--blue)}.landingFooter{text-align:center;color:var(--muted);font-size:13px;padding:32px 16px 48px;border-top:1px solid var(--line)}@media (max-width: 860px){.hero{grid-template-columns:1fr;gap:0;min-height:0}.heroText{padding-top:56px;padding-bottom:0}.heroCharm{order:-1;min-height:460px}.heroCord{height:60px}.heroStage{top:54px}.featuresGrid{grid-template-columns:1fr}}.desktopNote{margin-top:16px;padding:14px 16px;border-radius:12px;margin-bottom:18px;background:var(--blue-soft);font-size:14px;line-height:1.5}.desktopNote p{margin:0}.desktopNoteActions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.appRoot{width:100%;height:100%;position:relative;background:transparent}.popOutBody{background:#f7f9ff}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:transparent;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif}html.isWeb,html.isWeb body,html.isWeb #root{height:auto;overflow-x:hidden;overflow-y:visible;-webkit-user-select:text;user-select:text}html.isWeb body{background:#f7f9ff}