@import "https://fonts.googleapis.com/css2?family=Mali:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#17151b;--muted:#59545e;--purple:#bba5ef;--purple-soft:#e9dfff;--green:#bcebd7;--yellow:#fff0a8;--blue:#b9e5ff;--pink:#ffc9df;--line:#17151b;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Mali,Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 12%,#ffc9dfb8,#0000 25rem),radial-gradient(circle at 92% 5%,#b9e5ffb8,#0000 27rem),radial-gradient(circle at 78% 92%,#bcebd7a6,#0000 26rem),radial-gradient(circle at 12% 88%,#fff0a88c,#0000 24rem);position:fixed;inset:0}.chat-widget{z-index:1000;position:fixed;bottom:18px;right:18px}.chat-launcher{border:2px solid var(--ink);background:var(--purple);min-height:54px;color:var(--ink);font:inherit;box-shadow:5px 5px 0 var(--ink);cursor:pointer;border-radius:999px;padding:0 20px;font-weight:900}.chat-panel{border:2px solid var(--ink);width:min(380px,100vw - 28px);height:min(590px,100dvh - 110px);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:24px;grid-template-rows:auto 1fr auto;display:grid;position:absolute;bottom:68px;right:0;overflow:hidden}.chat-panel header{background:var(--purple-soft);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-panel header div{display:grid}.chat-panel header small{color:var(--muted);font-size:11px}.chat-panel header button{border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:36px;height:36px;font-size:24px}.chat-messages{flex-direction:column;gap:8px;padding:14px;display:flex;overflow:auto}.chat-messages>div{white-space:pre-wrap;border-radius:16px;max-width:82%;padding:9px 12px}.chat-messages .mine{background:var(--purple-soft);align-self:flex-end}.chat-messages .theirs{background:#f1edf3;align-self:flex-start}.chat-empty{color:var(--muted);text-align:center;margin:auto}.chat-panel form{border-top:1.5px solid #ded6e2;gap:8px;padding:10px;display:grid}.chat-panel form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.chat-panel input{min-width:0;font:inherit;border:1.5px solid #cfc3d8;border-radius:12px;padding:11px}.chat-panel form button{border:2px solid var(--ink);background:var(--ink);color:#fff;font:inherit;border-radius:12px;padding:0 16px;font-weight:900}a{color:inherit;text-decoration:none}:where(a[href],button:not(:disabled),select,summary,[role=button],label[for],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file]){cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#9573d038;will-change:scale,filter;transition:scale 90ms,filter 90ms,opacity 90ms}:where(a[href],button:not(:disabled),select,summary,[role=button],label[for],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file]):active{filter:brightness(.93)saturate(.96);opacity:.88;scale:.97}:where(button:disabled,[aria-disabled=true]){cursor:not-allowed}@media (prefers-reduced-motion:reduce){:where(a[href],button:not(:disabled),select,summary,[role=button],label[for],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file]){transition:none}}.site-shell{width:min(100% - 32px,940px);min-height:100vh;margin:0 auto;padding:34px 0 26px}.home-hero{text-align:center}.brand-logo{mix-blend-mode:multiply;width:min(440px,82vw);height:auto;margin:-70px auto -80px;display:block;transform:rotate(180deg)}.home-menu{gap:16px;margin:12px auto 70px;display:grid}.menu-card{border:2px solid var(--ink);background:var(--purple-soft);min-height:140px;box-shadow:7px 7px 0 var(--ink);border-radius:30px;grid-template-columns:12px 1fr auto;align-items:center;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.menu-card-nfc{background:var(--green)}.menu-card-living{background:#ffe5ef}a.menu-card:hover,a.menu-card:focus-visible{box-shadow:10px 10px 0 var(--ink);outline-offset:-6px;outline:3px solid #fff;transform:translate(-2px,-2px)}.menu-accent{align-self:stretch}.menu-copy{color:var(--ink);gap:9px;padding:28px 24px;font-size:16px;line-height:1.6;display:grid}.menu-head{align-items:center;gap:12px;display:flex}.menu-head strong{color:var(--ink);font-size:25px}.menu-head small{border:1.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:999px;padding:5px 10px;font-weight:800}.menu-arrow{border:2px solid var(--ink);background:var(--pink);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;margin-right:24px;font-size:28px;font-weight:900;display:grid}.is-muted{opacity:.78}.nfc-contact-button{border:2px solid var(--ink);background:var(--blue);width:100%;min-height:56px;box-shadow:4px 4px 0 var(--ink);font:inherit;cursor:pointer;border-radius:18px;justify-content:center;align-items:center;font-weight:900;display:flex}.nfc-contact-button:disabled{cursor:wait;opacity:.72}.nfc-access-notice{border:2px solid var(--ink);background:var(--yellow);text-align:center;border-radius:18px;padding:14px 18px;font-weight:800}.nfc-app-links{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.nfc-app-links a{border:2px solid var(--ink);min-height:56px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;justify-content:center;align-items:center;font-weight:900;display:flex}.nfc-page{width:min(100% - 28px,820px);min-height:100vh;margin:0 auto;padding:32px 0 70px}.nfc-page header{justify-content:space-between;align-items:center;display:flex}.nfc-page>h1{margin:45px 0 8px;font-size:clamp(34px,6vw,60px)}.nfc-page>p{color:var(--muted);line-height:1.7}.nfc-form{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:28px;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;padding:24px;display:grid}.nfc-form label{gap:7px;font-weight:800;display:grid}.nfc-form input{min-width:0;font:inherit;border:1.5px solid #cfc3d8;border-radius:13px;padding:12px}.nfc-form button{grid-column:1/-1;margin-top:8px}.nfc-result{border:2px solid var(--ink);background:var(--green);border-radius:22px;gap:10px;margin-top:22px;padding:20px;display:grid}.nfc-result a{overflow-wrap:anywhere;text-decoration:underline}.nfc-url-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.nfc-url-row button{border:2px solid var(--ink);background:var(--yellow);min-height:44px;font:inherit;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:14px;padding:0 16px;font-weight:900}.nfc-url-row button.is-copied{background:var(--blue)}.button-spinner{vertical-align:-3px;border:3px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;margin-right:9px;animation:.65s linear infinite nfc-spin;display:inline-block}.photo-upload-button.is-working{cursor:wait;animation:1s ease-in-out infinite nfc-pulse}.save-profile-button{transition:transform .15s,background .15s}.save-profile-button.is-working{animation:.85s ease-in-out infinite nfc-pulse}.save-profile-button.is-saved{background:var(--green)}@keyframes nfc-spin{to{transform:rotate(360deg)}}@keyframes nfc-pulse{50%{filter:brightness(1.06);transform:translateY(-2px)}}.nfc-denied{text-align:center;place-content:center;gap:25px;display:grid}.nfc-public{text-align:center;width:min(100% - 28px,640px);min-height:100vh;margin:0 auto;padding:70px 0 30px}.nfc-public h1{margin:22px 0 4px;font-size:clamp(42px,9vw,76px)}.nfc-public h2{margin:8px 0 25px}.nfc-contact-actions,.nfc-social-links{gap:12px;margin-top:25px;display:grid}.nfc-contact-actions a,.nfc-social-links a{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;padding:15px;font-weight:800}.nfc-contact-actions .save-contact{background:var(--purple)}.nfc-profile-form{align-items:start}.nfc-profile-form .wide-field{grid-column:1/-1}.nfc-profile-form textarea,.nfc-profile-form select{width:100%;min-width:0;font:inherit;background:#fff;border:1.5px solid #cfc3d8;border-radius:13px;padding:12px}.profile-photo-field{border-bottom:2px dashed #d6cadf;grid-column:1/-1;grid-template-columns:110px auto;align-items:center;gap:10px 18px;padding-bottom:22px;display:grid}.profile-photo-preview{border:2px solid var(--ink);background:var(--purple-soft);width:110px;height:110px;box-shadow:5px 5px 0 var(--ink);border-radius:34% 48% 40% 46%;grid-row:1/3;place-items:center;font-size:48px;display:grid;overflow:hidden;transform:rotate(-2deg)}.profile-photo-preview img{object-fit:cover;width:100%;height:100%}.photo-upload-button{border:2px solid var(--ink);background:var(--blue);width:max-content;max-width:100%;min-height:46px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:15px;align-items:center;padding:0 16px;display:flex!important}.photo-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.profile-photo-field small{color:var(--muted)}.social-link-builder{border-top:2px dashed #d6cadf;gap:12px;margin-top:8px;padding-top:20px;display:grid}.social-link-builder h2,.shopee-locked h2{margin:0;font-size:21px}.social-link-builder p,.shopee-locked p{color:var(--muted);margin:4px 0;font-size:13px}.social-link-row{grid-template-columns:48px 150px 1fr 44px;align-items:center;gap:9px;display:grid}.social-link-row button{border:2px solid var(--ink);background:var(--pink);height:44px;font:inherit;cursor:pointer;border-radius:13px;margin:0;font-size:24px;font-weight:900}.add-social-link{border:2px solid var(--ink);background:var(--yellow);font:inherit;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:14px;padding:11px 16px;font-weight:900;width:max-content!important;margin:0!important}.social-doodle-icon{border:2px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px 18px 13px 17px;place-items:center;font-family:Arial,sans-serif;font-size:25px;font-weight:900;display:grid;transform:rotate(-3deg)}.facebook-icon{color:#1769e0;background:#c9dcff;font-family:Georgia,serif;font-size:33px}.instagram-icon{background:#ffd1e6;position:relative}.instagram-icon:before{content:"";border:3px solid #c22974;border-radius:7px;width:22px;height:22px}.instagram-icon:after{content:"";background:#c22974;border-radius:50%;width:5px;height:5px;position:absolute;top:10px;right:10px}.instagram-icon i{border:2px solid #c22974;border-radius:50%;width:8px;height:8px;position:absolute}.tiktok-icon{color:#111;text-shadow:2px 1px #ff4d88,-2px -1px #30d8d3;background:#d0f7f0}.x-icon{background:#e7e7e7}.line-icon{color:#087d20;background:#c8f6c9;font-size:10px}.website-icon{background:var(--blue);font-size:31px}.shopee-locked{opacity:.78;background:#fff0e8;border:2px dashed #d48662;border-radius:20px;grid-template-columns:56px 1fr auto;align-items:center;gap:15px;margin-top:10px;padding:18px;display:grid}.shopee-bag{color:#fff;width:50px;height:54px;box-shadow:3px 3px 0 var(--ink);background:#ff7d45;border:2px solid #e75d25;border-radius:10px;place-items:center;font-family:Arial,sans-serif;font-size:25px;font-weight:900;display:grid}.shopee-locked button{color:#746e77;min-height:44px;font:inherit;background:#eee9ef;border:2px solid #a59ca9;border-radius:13px;padding:0 13px;font-weight:800;margin:0!important}.nfc-form-message{background:var(--green);border-radius:14px;grid-column:1/-1;margin:0;padding:12px;font-weight:800}.nfc-public-avatar{object-fit:cover;border:3px solid var(--ink);background:var(--purple-soft);width:142px;height:142px;box-shadow:7px 7px 0 var(--ink);border-radius:37% 48% 40% 44%;margin:26px auto 14px;display:block;transform:rotate(-2deg)}.nfc-avatar-placeholder{place-items:center;font-size:60px;display:grid}.nfc-public-bio{white-space:pre-line;max-width:520px;color:var(--muted);margin:18px auto;line-height:1.75}.nfc-social-links a{text-align:left;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;display:grid}.nfc-social-links a b{font-size:24px}.public-shopee-locked{color:#76656c;background:#fff0e8;border:2px dashed #d48662;border-radius:18px;justify-content:space-between;gap:12px;margin:30px 0;padding:16px;display:flex}.nfc-home-section{border-top:2px dashed #17151b59;gap:16px;margin:0 auto 70px;padding-top:30px;display:grid}.nfc-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 22px;display:grid}.nfc-theme-card{border:2px solid var(--ink);min-width:0;color:var(--ink);font:inherit;text-align:left;box-shadow:5px 5px 0 var(--ink);cursor:pointer;background:#fff;border-radius:24px;gap:9px;padding:15px;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.nfc-theme-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.nfc-theme-card.is-selected{outline-offset:4px;outline:4px solid #7c5ec5}.nfc-theme-card>strong{font-size:19px}.nfc-theme-card>small{color:#5f5964;min-height:42px;line-height:1.5}.theme-check{z-index:2;border:2px solid var(--ink);background:var(--green);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:none;position:absolute;top:10px;right:10px}.nfc-theme-card.is-selected .theme-check{display:grid}.theme-mini{border:1.5px solid var(--ink);background:linear-gradient(145deg,#ffe3ee,#e8f5ff 50%,#e9f8dc);border-radius:18px;place-items:center;height:210px;padding:18px;display:grid}.theme-mini i{border:2px solid var(--ink);background:var(--purple);width:62px;height:62px;box-shadow:3px 3px 0 var(--ink);border-radius:42%;display:block}.theme-mini b{font-size:17px}.theme-mini em{border:1.5px solid var(--ink);width:100%;height:24px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:10px;display:block}.theme-card-dark{color:#f8f2df;background:#171a24}.theme-card-dark>small{color:#c8c4ba}.theme-card-dark .theme-mini{color:#f8f2df;background:linear-gradient(150deg,#10131b,#252c3c);border-color:#d4b777}.theme-card-dark .theme-mini i{box-shadow:none;background:#3c465b;border-color:#d4b777;border-radius:50%}.theme-card-dark .theme-mini em{box-shadow:none;background:#222936;border-color:#5c6577;border-radius:4px}.theme-card-pastel{background:#f8f3ef}.theme-card-pastel .theme-mini{background:linear-gradient(145deg,#f4e8ed,#e8eff2 54%,#ede8dc);border-color:#b9aebc}.theme-card-pastel .theme-mini i{box-shadow:none;background:#d8c3ce;border-color:#817581;border-radius:50%}.theme-card-pastel .theme-mini em{box-shadow:none;background:#ffffffd1;border-color:#c2b7c0;border-radius:6px}.theme-continue{cursor:pointer;width:100%}.theme-back{font:inherit;cursor:pointer}.nfc-theme-formal-dark{color:#f4efe4;clip-path:inset(0 -100vmax);background:#11151e;min-height:100vh;box-shadow:0 0 0 100vmax #11151e}.nfc-theme-formal-dark h1{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif}.nfc-theme-formal-dark h2,.nfc-theme-formal-dark .nfc-public-bio{color:#c9c5ba}.nfc-theme-formal-dark .nfc-public-avatar{background:#30394a;border-color:#c9ab6c;border-radius:50%;transform:none;box-shadow:0 0 0 7px #202735,0 0 0 9px #c9ab6c}.nfc-theme-formal-dark .nfc-contact-actions a,.nfc-theme-formal-dark .nfc-social-links a{color:#f4efe4;box-shadow:none;background:#202735;border:1px solid #586174;border-radius:6px}.nfc-theme-formal-dark .nfc-contact-actions .save-contact{color:#151923;background:#c9ab6c;border-color:#c9ab6c}.nfc-theme-formal-dark .social-doodle-icon{box-shadow:none;border-color:#c9ab6c;border-radius:50%;transform:none}.nfc-theme-formal-pastel{color:#38333a;clip-path:inset(0 -100vmax);background:linear-gradient(145deg,#f6ecef,#eef3f2 48%,#f3eee5);min-height:100vh;box-shadow:0 0 0 100vmax #f3edef}.nfc-theme-formal-pastel h1{letter-spacing:.015em;font-family:Georgia,Times New Roman,serif;font-weight:600}.nfc-theme-formal-pastel h2,.nfc-theme-formal-pastel .nfc-public-bio{color:#746b73}.nfc-theme-formal-pastel .nfc-public-avatar{background:#e4d3db;border:1px solid #9e909b;border-radius:50%;transform:none;box-shadow:0 0 0 8px #ffffffb3}.nfc-theme-formal-pastel .nfc-contact-actions a,.nfc-theme-formal-pastel .nfc-social-links a{background:#ffffffc2;border:1px solid #c8bcc5;border-radius:8px;box-shadow:0 5px 18px #46374414}.nfc-theme-formal-pastel .nfc-contact-actions .save-contact{background:#d9cadc}.nfc-theme-formal-pastel .social-doodle-icon{box-shadow:none;border-color:#a99ba5;border-radius:50%;transform:none}.nfc-editor-theme-formal-dark{color:#f4efe4}.nfc-editor-theme-formal-dark:before,.nfc-editor-theme-formal-pastel:before{content:"";z-index:-1;position:fixed;inset:0}.nfc-editor-theme-formal-dark:before{background:#11151e}.nfc-editor-theme-formal-dark>p{color:#c9c5ba}.nfc-editor-theme-formal-dark .nfc-form{box-shadow:none;background:#202735;border-color:#c9ab6c}.nfc-editor-theme-formal-dark .nfc-form label,.nfc-editor-theme-formal-dark .nfc-form h2{color:#f4efe4}.nfc-editor-theme-formal-pastel:before{background:linear-gradient(145deg,#f6ecef,#eef3f2 48%,#f3eee5)}.nfc-editor-theme-formal-pastel .nfc-form{background:#ffffffc2;border-color:#c8bcc5;box-shadow:0 7px 24px #4637441a}.nfc-editor-theme-formal-dark .eyebrow,.nfc-editor-theme-formal-dark .back-link,.nfc-editor-theme-formal-dark .profile-photo-field small,.nfc-editor-theme-formal-dark .social-link-builder p,.nfc-editor-theme-formal-dark .shopee-locked p,.nfc-editor-theme-formal-dark .nfc-result p{color:#e1ded5}.nfc-editor-theme-formal-dark .profile-photo-field{border-bottom-color:#596477}.nfc-editor-theme-formal-dark .social-link-builder{border-top-color:#596477}.nfc-editor-theme-formal-dark .nfc-form input,.nfc-editor-theme-formal-dark .nfc-form textarea,.nfc-editor-theme-formal-dark .nfc-form select{color:#151923;background:#f8f9fc;border-color:#7d8799}.nfc-editor-theme-formal-dark .nfc-form input::placeholder,.nfc-editor-theme-formal-dark .nfc-form textarea::placeholder{color:#5f6877}.nfc-editor-theme-formal-dark .nfc-result{color:#fff;background:#2b3545;border-color:#c9ab6c}.nfc-editor-theme-formal-dark .nfc-result a{color:#fff}.nfc-editor-theme-formal-dark .shopee-locked{color:#27212a}.nfc-theme-formal-dark .nfc-public-bio{color:#e1ded5}.nfc-theme-formal-dark .nfc-contact-actions a,.nfc-theme-formal-dark .nfc-social-links a{color:#fff}.nfc-theme-formal-dark .nfc-social-links a b{color:#e5c77f}.nfc-theme-formal-pastel .nfc-public-bio{color:#514a51}.nfc-theme-formal-pastel .nfc-contact-actions a,.nfc-theme-formal-pastel .nfc-social-links a{color:#282329}.nfc-editor-theme-formal-pastel>p,.nfc-editor-theme-formal-pastel .profile-photo-field small,.nfc-editor-theme-formal-pastel .social-link-builder p{color:#514a51}.nfc-editor-theme-formal-dark .photo-upload-button,.nfc-editor-theme-formal-dark .add-social-link,.nfc-editor-theme-formal-dark .social-link-row button,.nfc-editor-theme-formal-dark .nfc-form-message,.nfc-editor-theme-formal-dark .nfc-url-row button{color:#17141b}.nfc-editor-theme-formal-dark .shopee-locked h2,.nfc-editor-theme-formal-dark .shopee-locked p{color:#27212a}.nfc-editor-theme-formal-dark .shopee-locked button{color:#4f4852}.nfc-editor-theme-formal-pastel .photo-upload-button,.nfc-editor-theme-formal-pastel .add-social-link,.nfc-editor-theme-formal-pastel .social-link-row button,.nfc-editor-theme-formal-pastel .nfc-form-message,.nfc-editor-theme-formal-pastel .nfc-url-row button,.nfc-profile-form input,.nfc-profile-form textarea,.nfc-profile-form select{color:#17141b}.nfc-profile-form input::placeholder,.nfc-profile-form textarea::placeholder{color:#756e79;opacity:1}.nfc-redeem-form,.nfc-code-box{border:2px solid var(--ink);width:min(100%,520px);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:24px;gap:14px;padding:22px;display:grid}.nfc-redeem-form input{text-align:center;letter-spacing:1px;text-transform:uppercase;border:2px solid #cfc3d8;border-radius:15px;min-height:56px;padding:0 16px;font:900 18px/1 monospace}.nfc-code-box{margin-top:28px}.nfc-code-box>strong{border:2px dashed var(--ink);background:var(--yellow);text-align:center;letter-spacing:1px;border-radius:16px;padding:20px;font:900 clamp(20px,5vw,32px)/1 monospace}.nfc-code-box>button:not(.primary-button){border:2px solid var(--ink);background:var(--blue);min-height:46px;font:inherit;cursor:pointer;border-radius:14px;font-weight:900}footer{color:var(--ink);text-align:center;letter-spacing:.13em;font-size:11px;font-weight:800}@media (width<=700px){.nfc-app-links,.nfc-form,.nfc-theme-grid{grid-template-columns:1fr}.nfc-page header{align-items:flex-start;gap:12px}.nfc-page .eyebrow{font-size:10px}.nfc-public{padding-top:38px}.nfc-profile-form .wide-field,.profile-photo-field{grid-column:1}.profile-photo-field{grid-template-columns:90px 1fr}.profile-photo-preview{width:90px;height:90px}.social-link-row{grid-template-columns:44px 1fr 42px}.social-link-row input{grid-column:1/-1}.shopee-locked{grid-template-columns:50px 1fr}.shopee-locked button{grid-column:1/-1}.public-shopee-locked{flex-direction:column;align-items:flex-start}.nfc-url-row{grid-template-columns:1fr}.nfc-url-row button{width:100%}.nfc-theme-card{grid-template-columns:118px 1fr}.theme-mini{grid-row:1/3;height:150px;padding:12px}.theme-mini i{width:44px;height:44px}.theme-mini b{font-size:11px}.theme-mini em{height:15px}.nfc-theme-card>strong{align-self:end}.nfc-theme-card>small{min-height:0}}.subpage{width:min(100% - 32px,1040px);min-height:100vh;margin:0 auto;padding:28px 0 60px}.topbar{justify-content:space-between;align-items:center;display:flex}.mini-logo{object-fit:cover;mix-blend-mode:multiply;width:112px;height:64px;transform:rotate(180deg)}.back-link{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:9px 15px;font-weight:800}.eyebrow{border:2px solid var(--ink);background:var(--pink);color:var(--ink);letter-spacing:.13em;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-block}.clicker-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:56px;display:grid}.clicker-card{isolation:isolate;border:2px solid var(--ink);background:var(--blue);min-height:280px;box-shadow:7px 7px 0 var(--ink);border-radius:30px;flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.clicker-card:first-child{background:var(--purple-soft)}.clicker-card:nth-child(2){background:var(--green)}.clicker-card h2{z-index:1;margin:16px 0 8px;font-size:28px;position:relative}.clicker-card p{z-index:1;color:var(--ink);margin:0;line-height:1.7;position:relative}.card-number{z-index:1;border:2px solid var(--ink);background:var(--yellow);width:48px;height:48px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:16px;place-items:center;font-weight:900;display:grid;position:relative}.card-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:26px;display:flex;position:relative}.clicker-doodle{z-index:0;color:#6f4ec2;pointer-events:none;opacity:.16;position:absolute;inset:0;overflow:hidden}.clicker-doodle-green{color:#16845e;opacity:.13}.doodle-blocks{align-items:flex-end;gap:7px;display:flex;position:absolute;bottom:22px;right:-16px;transform:rotate(-7deg)}.doodle-block{background:#ffffff7a;border:3px solid;border-radius:12px;width:48px;display:block;position:relative;box-shadow:4px 4px}.doodle-block b{background:#ffffffad;border:3px solid;border-radius:9px;width:30px;height:22px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.doodle-block-1{height:42px}.doodle-block-2{height:54px}.doodle-block-3{height:67px}.doodle-block-4{height:80px}.doodle-block-5{height:94px}.doodle-keycap{background:#ffffff94;border:4px solid;border-radius:16px;place-items:center;width:68px;height:58px;font-size:25px;font-weight:900;display:grid;position:absolute;top:27px;right:72px;transform:rotate(9deg);box-shadow:5px 5px}.doodle-switch{background:#ffffff73;border:4px solid;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:96px;right:18px;transform:rotate(-11deg)}.doodle-switch:before,.doodle-switch:after{content:"";background:currentColor;border-radius:3px;position:absolute}.doodle-switch:before{width:30px;height:8px}.doodle-switch:after{width:8px;height:30px}.doodle-face,.doodle-heart,.doodle-sparkle,.doodle-line{font-weight:900;line-height:1;position:absolute}.doodle-face{font-size:34px;top:24px;left:42%;transform:rotate(-8deg)}.doodle-heart{font-size:42px;bottom:118px;right:156px;transform:rotate(13deg)}.doodle-sparkle-a{font-size:29px;top:24px;right:178px}.doodle-sparkle-b{font-size:36px;bottom:28px;left:51%}.doodle-line{font-size:42px;bottom:8px;right:20px;transform:rotate(-5deg)}.primary-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{border:2px solid var(--ink);background:var(--ink);color:#fff}.secondary-button{border:2px solid var(--ink);background:var(--pink);color:var(--ink)}.disabled-button{opacity:.45;cursor:default}.diy-page{width:min(100% - 28px,1380px);min-height:100vh;margin:0 auto;padding:26px 0 80px}.diy-topbar{max-width:1180px;margin:0 auto}.diy-heading{max-width:1180px;margin:38px auto 24px}.diy-heading h1{margin:14px 0 8px;font-size:clamp(34px,5vw,66px);line-height:1.05}.diy-heading p{color:var(--muted);margin:0;font-size:17px}.diy-builder{align-items:start;gap:18px;width:min(100%,900px);margin:0 auto;display:grid}.builder-controls,.builder-preview{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:28px}.builder-controls{padding:24px}.builder-preview{padding:18px 22px;position:relative;overflow:hidden}.builder-step{align-items:center;gap:14px;margin:4px 0 16px;display:flex}.builder-step:not(:first-child){border-top:2px dashed #d6cadf;margin-top:32px;padding-top:28px}.builder-step h2{margin:0;font-size:22px}.builder-step p{color:var(--muted);margin:3px 0 0;font-size:13px}.step-badge{border:2px solid var(--ink);background:var(--purple);border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.count-control{border:2px solid var(--ink);background:var(--yellow);border-radius:20px;grid-template-columns:50px 1fr auto 50px;align-items:center;gap:10px;padding:10px;display:grid}.count-control button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:14px;width:48px;height:48px;font-size:28px;font-weight:900}.count-control strong{text-align:right;font-size:34px}.count-control span{font-weight:800}.keyring-toggle,.same-color{cursor:pointer;align-items:center;gap:10px;margin:14px 0;font-weight:700;display:flex}.keyring-toggle input,.same-color input{accent-color:#8e6bd8;width:20px;height:20px}.piece-colors{gap:10px;max-height:310px;padding-right:5px;display:grid;overflow:auto}.piece-color{border:1.5px solid #d6cadf;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.piece-color strong{min-width:62px}.color-pills{flex-wrap:wrap;gap:7px;display:flex}.color-pills button{width:28px;height:28px;box-shadow:0 0 0 1.5px var(--ink);cursor:pointer;border:2px solid #fff;border-radius:50%}.color-pills button.active{box-shadow:0 0 0 3px var(--ink);transform:scale(1.06)}.piece-switches{gap:12px;max-height:520px;padding:2px 5px 4px 2px;display:grid;overflow:auto}.switch-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.switch-guide-item{border:1.5px solid #d6cadf;border-radius:14px;grid-template-columns:24px 1fr;align-items:start;gap:9px;padding:10px;display:grid}.switch-guide-item>span{border:2px solid var(--ink);border-radius:8px;width:24px;height:24px}.switch-guide-item strong{font-size:13px}.switch-guide-item p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.4}.piece-switch{border:1.5px solid #d6cadf;border-radius:18px;padding:12px}.piece-switch>strong{margin-bottom:10px;display:block}.switch-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.switch-option{text-align:left;color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #cfc3d8;border-radius:16px;grid-template-columns:30px 1fr;gap:2px 9px;padding:12px;display:grid}.switch-option>span{border:2px solid var(--ink);border-radius:9px;grid-row:1/span 3;width:28px;height:28px;margin-top:2px}.switch-option strong{font-size:15px}.switch-option b{font-size:12px}.switch-option small{color:var(--muted);grid-column:1/-1;margin-top:6px;line-height:1.45}.switch-option.active{border-color:var(--ink);background:var(--purple-soft);box-shadow:3px 3px 0 var(--ink)}.preview-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.preview-head span,.preview-head small{color:var(--muted);font-size:12px;font-weight:700}.preview-head h2{margin:4px 0 0;font-size:24px}.model-viewer{border:2px solid var(--ink);touch-action:pan-y;background:#fffdf8;border-radius:20px;width:100%;min-height:340px;margin:16px 0;overflow:hidden}.model-viewer canvas{width:100%;display:block}.preview-summary{flex-wrap:wrap;gap:8px;display:flex}.preview-summary span{border:1.5px solid var(--ink);background:var(--blue);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.preview-summary span:nth-child(2){background:var(--pink)}.preview-summary span:nth-child(3){background:var(--yellow)}.step-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.step-back,.step-next{border:2px solid var(--ink);min-height:50px;font:inherit;cursor:pointer;border-radius:15px;padding:0 24px;font-weight:900}.step-back{color:var(--ink);background:#fff}.step-next{background:var(--ink);color:#fff;margin-left:auto}.step-next:disabled{opacity:.45;cursor:default}.keycap-piece-tabs{gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.keycap-piece-tabs button{border:1.5px solid var(--ink);min-height:40px;font:inherit;cursor:pointer;background:#fff;border-radius:12px;flex:none;padding:0 13px;font-size:13px;font-weight:800}.keycap-piece-tabs button.active{background:var(--purple);box-shadow:2px 2px 0 var(--ink)}.keycap-color-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 14px;display:grid}.keycap-color-panel>div{border:1.5px solid #d6cadf;border-radius:14px;gap:8px;padding:11px;display:grid}.keycap-color-panel strong{font-size:13px}.fixed-legend{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.fixed-legend i{width:28px;height:28px;box-shadow:0 0 0 1.5px var(--ink);border:2px solid #fff;border-radius:50%}.keycap-picker{gap:16px;max-height:390px;margin-top:10px;padding:2px 5px 5px 2px;display:grid;overflow:auto}.keycap-picker section{gap:8px;display:grid}.keycap-picker h3{margin:0;font-size:14px}.keycap-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;display:grid}.keycap-grid button{min-height:42px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #cfc3d8;border-radius:11px;font-size:13px;font-weight:800}.keycap-grid button.active{border-color:var(--ink);background:var(--purple-soft);box-shadow:2px 2px 0 var(--ink)}.keycap-status-list{gap:9px;display:grid}.keycap-status-list>button{min-height:54px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #d6cadf;border-radius:14px;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.keycap-status-list>button.selected{border-color:var(--ink);background:var(--purple-soft)}.keycap-status-list span{color:#766c7e;font-size:13px}.keycap-status-list b{font-size:12px}.keycap-modal-backdrop{z-index:1000;background:#17141fb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.keycap-modal{border:2px solid var(--ink);width:min(720px,100%);max-height:92dvh;box-shadow:7px 7px 0 var(--ink);background:#fffafc;border-radius:22px;padding:18px;overflow:auto}.keycap-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.keycap-modal-head small{color:#766c7e;font-weight:800}.keycap-modal-head h2{margin:1px 0 0}.keycap-modal-head>button{border:1.5px solid var(--ink);width:38px;height:38px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:50%;font-size:25px;line-height:1}.keycap-modal-section{gap:10px;margin-top:18px;display:grid}.keycap-modal-section>h3{margin:0;font-size:16px}.keycap-modal-section .keycap-picker{max-height:285px;margin:0}.keycap-picker h4{margin:0;font-size:14px}.keycap-modal-actions{background:#fffafc;border-top:1px solid #ded3e5;justify-content:flex-end;gap:10px;margin:20px -18px -18px;padding:12px 18px 16px;display:flex;position:sticky;bottom:-18px}.price-card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;gap:12px;margin-top:14px;padding:18px;display:grid}.price-product,.price-row,.price-total{justify-content:space-between;align-items:center;gap:16px;display:flex}.price-product{border-bottom:1.5px dashed #d6cadf;padding-bottom:12px}.price-product strong{background:var(--purple-soft);border-radius:999px;padding:5px 10px}.price-row{color:var(--muted);font-size:14px}.price-row b{color:var(--ink)}.price-total{border-top:2px solid var(--ink);margin-top:2px;padding-top:14px;font-weight:900}.price-total strong{color:#6f4ec2;font-size:32px}.price-card small{color:var(--muted);text-align:right}.price-benefits{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.price-benefits span{border:1.5px solid var(--ink);background:var(--yellow);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.price-benefits span+span{background:var(--pink)}.price-benefits span:nth-child(3){background:var(--blue)}.free-chain-card{border:2px solid var(--ink);background:var(--pink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.free-chain-card .chain-dots{color:#d24f9b;letter-spacing:1px;max-width:80px;font-size:28px;line-height:1;overflow:hidden}.free-chain-card p{color:var(--muted);margin:3px 0 0;font-size:12px}.free-chain-card>b{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:6px 10px}.chain-color-choice{border:1.5px solid #d6cadf;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px;display:flex}.shipping-form{gap:13px;display:grid}.shipping-form label{gap:6px;font-weight:800;display:grid}.shipping-form input,.shipping-form textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1.5px solid #cfc3d8;border-radius:14px;padding:12px 14px;font-weight:500}.shipping-form input:focus,.shipping-form textarea:focus{outline:3px solid var(--purple-soft);border-color:var(--ink)}.shipping-form textarea{resize:vertical}.payment-placeholder{text-align:center;background:#faf6fc;border:2px dashed #b8a8c4;border-radius:18px;place-items:center;min-height:210px;display:grid}.payment-placeholder strong{font-size:20px}.payment-placeholder span{color:var(--muted);font-size:13px}.payment-compact{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;gap:12px;padding:16px;display:grid}.payment-total{border-bottom:1.5px dashed #d6cadf;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.payment-total span{font-weight:800}.payment-total strong{color:#6f4ec2;font-size:30px;line-height:1}.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.payment-choice-help{color:var(--muted);text-align:center;margin:0;font-size:13px}.payment-methods a{min-height:74px;color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #d6cadf;border-radius:15px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.payment-methods a.active{border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.payment-methods img{object-fit:contain;background:#fff;border-radius:8px;width:78px;height:46px}.payment-methods a>span{gap:1px;display:grid}.payment-methods strong{font-size:14px}.payment-methods small{color:var(--muted);font-size:11px}.payment-help-line{color:#09883d;text-align:center;font-size:12px;font-weight:800}.receipt-confirm{border:2px solid var(--ink);background:var(--ink);color:#fff;min-height:50px;font:inherit;cursor:pointer;border-radius:14px;font-weight:900}.receipt-confirm:disabled{opacity:.45;cursor:not-allowed}.receipt-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:20px;overflow:hidden}.receipt-brand{background:var(--purple-soft);justify-content:space-between;align-items:center;gap:12px;padding:17px;display:flex}.receipt-brand strong{font-size:22px}.receipt-brand span{color:var(--muted);font-size:12px}.receipt-order-id{border-bottom:1.5px dashed #d6cadf;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.receipt-order-id strong{color:#6f4ec2;font-size:20px}.receipt-rows{display:grid}.receipt-rows>div{justify-content:space-between;align-items:flex-start;gap:18px;padding:11px 16px;display:flex}.receipt-rows>div+div{border-top:1px solid #eee7f1}.receipt-rows span,.receipt-address span{color:var(--muted);font-size:13px}.receipt-rows strong{text-align:right;max-width:70%}.receipt-address{border-top:1.5px dashed #d6cadf;padding:14px 16px}.receipt-address p{margin:5px 0 0;line-height:1.5}.receipt-config-summary{border-top:1.5px dashed #d6cadf;gap:0;display:grid}.receipt-config-summary>div{padding:11px 16px}.receipt-config-summary>div+div{border-top:1px solid #eee7f1}.receipt-config-summary span{color:var(--muted);font-size:12px}.receipt-config-summary p{overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.55}.receipt-download{border:1.5px solid var(--ink);background:var(--blue);width:calc(100% - 32px);min-height:44px;font:inherit;cursor:pointer;border-radius:12px;margin:0 16px 16px;font-weight:900}.receipt-line-button{border:2px solid var(--ink);color:#fff;background:#06c755;border-radius:14px;place-items:center;min-height:52px;margin-top:14px;font-weight:900;text-decoration:none;display:grid}.receipt-help{color:var(--muted);text-align:center;margin:9px 0 0;font-size:12px}@media (width<=480px){.payment-methods{grid-template-columns:1fr}.payment-methods a{min-height:68px}}.payment-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.line-button,.confirm-order{border:2px solid var(--ink);min-height:50px;font:inherit;border-radius:14px;place-items:center;font-weight:900;text-decoration:none;display:grid}.line-button{color:#fff;background:#06c755}.confirm-order{background:var(--ink);color:#fff}.payment-actions button:disabled{opacity:.45}.payment-note{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.order-summary{border:2px solid var(--ink);border-radius:18px;gap:0;display:grid;overflow:hidden}.order-summary>div{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.order-summary>div+div{border-top:1.5px solid #d6cadf}.order-summary>div:last-child{background:var(--purple-soft)}.collection-heading{text-align:center;max-width:760px;margin:42px auto 28px}.collection-heading h1{margin:14px 0 8px;font-size:clamp(38px,7vw,72px);line-height:1}.collection-heading p{color:#665b70;margin:0}.product-showcase{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:26px;display:grid}.product-gallery,.product-info,.shop-panel,.checkout-sticky,.shop-success{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:28px}.product-gallery{padding:14px}.product-gallery>img{aspect-ratio:1;object-fit:cover;background:#f8f2ff;border-radius:20px;width:100%;display:block}.product-gallery>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.product-gallery button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:13px;padding:0;overflow:hidden}.product-gallery button.active{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.product-gallery button img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.product-info{padding:28px}.stock-pill{border:1.5px solid var(--ink);background:var(--blue);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:900;display:inline-flex}.product-info h2{margin:16px 0 5px;font-size:clamp(28px,4vw,46px)}.product-price{color:#6f4ec2;font-size:52px;font-weight:900}.product-price small{font-size:19px}.product-info>p{color:#655b6b;line-height:1.7}.free-shipping{background:#d8f6e8;border-radius:12px;padding:9px 12px;font-weight:900;display:inline-flex}.product-info h3{margin:22px 0 10px}.product-colors{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.product-colors button{font:inherit;cursor:pointer;background:#fff;border:1.5px solid #d6cadf;border-radius:14px;justify-items:center;gap:4px;padding:9px 4px;display:grid}.product-colors button.active{border:2px solid var(--ink);background:var(--purple-soft);box-shadow:3px 3px 0 var(--ink)}.product-colors i{width:30px;height:30px;box-shadow:0 0 0 1.5px var(--ink);border:2px solid #fff;border-radius:50%}.product-colors span{font-weight:900}.product-colors small{font-size:10px}.add-row{grid-template-columns:auto 1fr;gap:10px;margin-top:22px;display:grid}.add-row>div{text-align:center;grid-template-columns:42px 36px 42px;align-items:center;display:grid}.add-row button{border:2px solid var(--ink);min-height:48px;font:inherit;cursor:pointer;background:#fff;border-radius:13px;font-weight:900}.add-row>button{background:var(--ink);color:#fff}.collection-stock{margin-top:48px}.collection-stock>h2{text-align:center;font-size:34px}.collection-stock>div{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.collection-stock article{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;overflow:hidden}.collection-stock article img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.collection-stock article h3,.collection-stock article p{margin:10px 12px}.collection-stock article p{gap:3px;display:grid}.collection-stock article p span{color:#6d6472;font-size:12px}.collection-stock article button{border:1.5px solid var(--ink);background:var(--yellow);width:calc(100% - 24px);min-height:38px;font:inherit;cursor:pointer;border-radius:10px;margin:0 12px 12px;font-weight:900}.floating-cart{z-index:15;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:24px auto 0;padding:12px 14px;display:grid;position:sticky;bottom:16px}.floating-cart span b{background:var(--purple);border-radius:50%;place-items:center;width:34px;height:34px;margin-right:7px;display:inline-grid}.floating-cart strong{text-align:right}.floating-cart button,.place-order,.shop-success button{border:2px solid var(--ink);background:var(--ink);color:#fff;min-height:48px;font:inherit;cursor:pointer;border-radius:13px;padding:0 18px;font-weight:900}.shop-back{font:inherit;cursor:pointer;background:0 0;border:0;margin:10px 0 22px;font-weight:900}.checkout-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.checkout-main{gap:20px;display:grid}.shop-panel{padding:22px}.shop-panel h2{margin:0 0 16px}.cart-lines{gap:12px;display:grid}.cart-lines>div{border:1.5px solid #ddd3e3;border-radius:14px;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.cart-lines img{object-fit:cover;border-radius:10px;width:70px;height:70px}.cart-lines span{gap:3px;display:grid}.cart-lines span small{color:#746c79}.cart-lines>div>div{text-align:center;grid-template-columns:36px 28px 36px;align-items:center;display:grid}.cart-lines button{border:1.5px solid var(--ink);background:#fff;border-radius:10px;height:36px;font-size:20px}.cart-total{border-top:1.5px dashed #d6cadf;justify-content:space-between;margin-top:16px;padding-top:15px;font-size:19px;display:flex}.checkout-sticky{gap:10px;padding:22px;display:grid;position:sticky;top:20px}.checkout-sticky strong{color:#6f4ec2;font-size:36px}.checkout-sticky p{background:#d8f6e8;border-radius:10px;margin:0;padding:8px;font-weight:900}.place-order{width:100%;min-height:58px;font-size:18px}.place-order:disabled{opacity:.6}.shop-error{color:#8f1838;background:#ffe5ec;border:1.5px solid #c7365a;border-radius:12px;padding:12px;font-weight:800}.shop-success{text-align:center;max-width:620px;margin:60px auto;padding:40px}.shop-success>span{border:2px solid var(--ink);background:#d8f6e8;border-radius:50%;place-items:center;width:78px;height:78px;margin:auto;font-size:42px;display:grid}.shop-success h2{font-size:38px}.shop-success>strong{color:#6f4ec2;font-size:26px;display:block}.shop-success>div{background:var(--purple-soft);border-radius:16px;gap:6px;margin:24px 0;padding:18px;display:grid}.shop-success button{padding:0 28px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.site-shell{padding-top:20px}.brand-logo{margin:-42px auto -52px}.home-menu{margin-top:8px}.menu-card{min-height:116px;box-shadow:5px 5px 0 var(--ink);border-radius:22px}.menu-copy{padding:20px 16px;font-size:14px}.menu-head{flex-direction:column;align-items:flex-start;gap:5px}.menu-head strong{font-size:22px}.menu-arrow{width:42px;height:42px;margin-right:14px;font-size:22px}.clicker-grid{grid-template-columns:1fr;margin-top:34px}.clicker-card{box-shadow:5px 5px 0 var(--ink)}.clicker-doodle{opacity:.12}.clicker-doodle-green{opacity:.1}.doodle-blocks{bottom:22px;right:-38px;transform:scale(.84)rotate(-7deg)}.doodle-keycap{right:48px;transform:scale(.82)rotate(9deg)}.doodle-face{left:auto;right:145px}.diy-heading{margin-top:28px}.diy-heading p{font-size:14px}.builder-controls,.builder-preview{box-shadow:5px 5px 0 var(--ink);border-radius:20px;padding:13px}.piece-color{flex-direction:column;align-items:flex-start}.switch-guide{grid-template-columns:1fr}.piece-switch .switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-switch .switch-option{grid-template-columns:24px 1fr;padding:9px}.piece-switch .switch-option>span{width:23px;height:23px}.piece-switch .switch-option small{display:none}.model-viewer{min-height:220px;margin:10px 0}.preview-head{align-items:center;gap:8px}.preview-head h2{font-size:19px}.preview-head small{font-size:10px}.preview-summary{display:none}.keycap-color-panel{grid-template-columns:1fr}.keycap-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.keycap-grid button{min-height:40px}.keycap-modal-backdrop{align-items:end;padding:10px}.keycap-modal{border-radius:20px 20px 12px 12px;max-height:94dvh;padding:15px}.keycap-modal-actions{margin:18px -15px -15px;padding:11px 15px 14px;bottom:-15px}.keycap-status-list>button{grid-template-columns:64px 1fr auto}.step-next,.step-back{min-height:48px;padding:0 20px}.product-showcase,.checkout-layout{grid-template-columns:1fr}.product-info{padding:18px}.product-colors{grid-template-columns:repeat(5,1fr)}.product-colors button{padding:7px 2px}.product-colors small{display:none}.collection-stock>div{padding:0 5px 9px;display:flex;overflow-x:auto}.collection-stock article{flex:0 0 70vw}.floating-cart{grid-template-columns:auto 1fr;bottom:8px}.floating-cart button{grid-column:1/-1;width:100%}.checkout-sticky{grid-row:1;position:static}.cart-lines>div{grid-template-columns:58px 1fr}.cart-lines img{width:58px;height:58px}.cart-lines>div>div{grid-column:1/-1;justify-self:end}.collection-heading{margin-top:28px}}.single-buy-zone{margin-top:24px}.collection-product-group+.collection-product-group{border-top:2px dashed #cdbddd;margin-top:56px;padding-top:45px}.buy-zone-heading{text-align:center;margin:0 0 18px}.buy-zone-heading span{border:1.5px solid var(--ink);background:var(--yellow);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-block}.buy-zone-heading h2{margin:12px 0 5px;font-size:clamp(28px,5vw,48px)}.buy-zone-heading p{color:#6d6472;margin:0}.color-card-rail{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-color:#bba5ef transparent;gap:22px;padding:4px 8px 22px;display:flex;overflow-x:auto}.color-buy-card{aspect-ratio:2/3;scroll-snap-align:center;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:28px;flex-direction:column;flex:0 0 min(480px,84vw);display:flex;overflow:hidden}.card-gallery{flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:14px 14px 0;display:grid}.card-gallery>img{object-fit:cover;background:#f7f1fb;border-radius:19px;width:100%;height:100%;min-height:0;display:block}.card-gallery>div{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.card-gallery button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:0;overflow:hidden}.card-gallery button.active{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.card-gallery button img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.card-buy-info{flex:none;padding:18px}.card-buy-info>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-buy-info>div:first-child span{align-items:center;gap:8px;font-size:25px;font-weight:900;display:flex}.card-buy-info i{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--ink);border:2px solid #fff;border-radius:50%;display:block}.card-buy-info>div:first-child strong{color:#6f4ec2;font-size:24px}.card-buy-info>p{color:#6d6472;margin:7px 0 16px}.card-buy-info>p b{color:#257657}.card-buy-actions{grid-template-columns:auto 1fr;gap:10px;display:grid}.card-buy-actions>div{text-align:center;grid-template-columns:42px 34px 42px;align-items:center;display:grid}.card-buy-actions button{border:2px solid var(--ink);min-height:48px;font:inherit;cursor:pointer;background:#fff;border-radius:13px;font-weight:900}.card-buy-actions>button{background:var(--ink);color:#fff}.card-buy-actions button:disabled{opacity:.5;cursor:not-allowed}.card-product-image{box-sizing:border-box;aspect-ratio:auto;background:0 0;flex:none;margin:14px 14px 0;padding:0;display:block;overflow:hidden}.card-product-image>img{aspect-ratio:1;object-fit:cover;object-position:center;background:0 0;border-radius:19px;width:100%;max-width:100%;height:auto;display:block}.info-slide-card{padding:0}.info-slide-card>img{object-fit:contain;object-position:center;background:#fff;width:100%;height:100%;display:block}.collection-main-heading{text-align:center;max-width:920px;margin-bottom:42px}.collection-main-heading>span{color:#786a82;letter-spacing:.08em;margin-bottom:6px;font-size:14px;font-weight:900;display:block}.collection-main-heading h1{white-space:nowrap;margin:0;font-size:clamp(36px,7vw,72px);line-height:1.12}.buy-zone-heading h2{white-space:nowrap;margin:0;font-size:clamp(30px,5vw,50px)}.sale-price{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.sale-price del{color:#625969;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-size:15px;font-weight:800;text-decoration-color:#d34461;text-decoration-thickness:1.5px}.sale-price span{color:#6f4ec2;font-size:24px;font-weight:900}@media (width<=700px){.single-buy-zone{margin-inline:-10px}.collection-product-group+.collection-product-group{margin-top:34px;padding-top:30px}.buy-zone-heading{padding-inline:14px}.buy-zone-heading p{font-size:13px}.color-card-rail{gap:14px;padding-inline:18px}.color-buy-card{box-shadow:5px 5px 0 var(--ink);border-radius:23px;flex-basis:86vw}.card-gallery{padding:10px 10px 0}.card-buy-info{flex-direction:column;flex:auto;min-height:0;padding:15px 15px 20px;display:flex}.card-buy-info>div:first-child span,.card-buy-info>div:first-child strong{font-size:21px}.card-buy-actions{grid-template-columns:auto minmax(0,1fr);margin-top:auto}.card-buy-actions>div{justify-content:center}.card-buy-actions>button{width:100%;padding-inline:8px}.collection-main-heading{margin:12px 0 24px}.collection-main-heading>span{font-size:11px}.collection-main-heading h1{font-size:clamp(26px,8vw,32px)}.buy-zone-heading{overflow:hidden}.buy-zone-heading h2{font-size:clamp(19px,5.4vw,23px)}.card-buy-info>div:first-child{align-items:flex-start}.card-buy-info>div:first-child span{font-size:18px}.card-buy-info>div:first-child strong{font-size:20px}.sale-price{gap:6px}.sale-price del{font-size:13px}.sale-price span{font-size:20px}.card-product-image{background:0 0;margin:10px 10px 0;padding:0}.card-product-image>img{border-radius:16px}}.chat-panel form>div{grid-template-columns:auto 1fr auto}.chat-panel form .chat-plus{background:var(--yellow);width:44px;color:var(--ink);padding:0;font-size:25px}.chat-slip-image{object-fit:cover;border-radius:12px;width:min(230px,100%);max-height:280px;margin-bottom:6px;display:block}.chat-messages>div:has(.chat-slip-image){padding:6px}.chat-messages>div:has(.chat-slip-image) span{padding:3px 6px 5px;display:block}.chat-notice{color:var(--muted);font-weight:700}.clicker-diy-menu-page{background:#f4f0fa}.clicker-standard-card{background:linear-gradient(155deg,#eee5ff 0 48%,#fff 48%)}.clicker-coming-card{background:linear-gradient(155deg,#e5f6ff 0 48%,#fff 48%)}.clicker-category-visual{background:#eee5ff;height:52%;padding:0;overflow:hidden}.clicker-category-visual.is-collection{background:#e5f6ff}.clicker-category-cover{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.nfc-name-category-cover{object-position:center bottom}.heart-diy-card{background:linear-gradient(155deg,#ffe6ef 0 48%,#fff 48%)}.heart-category-visual b{color:#fff;background:#ef6175;min-width:0;padding:12px 26px;font-family:Arial,sans-serif;font-size:88px;line-height:1;transform:rotate(-6deg);box-shadow:0 18px 34px #9b354b3b}.heart-category-visual b:before{display:none}.heart-category-visual i{bottom:18px;right:24px}.heart-color-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.heart-builder .keychain-stage{min-height:470px}.heart-clicker-viewer{width:100%;min-height:430px}.heart-price-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.heart-price-line del{color:#9d8cac}.heart-price-line strong{color:#e04c68;font-size:18px}.heart-price-line span{color:#6b568f}@media (width<=850px){.heart-color-grid{grid-template-columns:1fr}.heart-builder .keychain-stage,.heart-clicker-viewer{min-height:280px}}.chat-launcher{width:58px;height:58px;min-height:0;box-shadow:4px 4px 0 var(--ink);cursor:grab;opacity:.72;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;padding:0;font-size:27px;line-height:1;transition:opacity .15s,transform .15s;display:grid;position:relative}.chat-launcher:hover,.chat-launcher:focus-visible,.chat-widget.open .chat-launcher{opacity:1}.chat-launcher:active{cursor:grabbing;transform:scale(.96)}.chat-launcher i{border:1.5px solid var(--ink);color:#fff;background:#ff9fc5;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;font-style:normal;display:grid;position:absolute;top:-4px;right:-2px}.chat-panel{position:fixed;bottom:84px;right:14px}.chat-agent-icon{stroke:#17131b;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;width:42px;height:42px;overflow:visible}.chat-messages>div span{white-space:pre-wrap}.payment-success-panel{gap:12px;display:grid}.payment-success-panel p{margin:0;line-height:1.75}.payment-success-panel small{color:#655d6b}.payment-success-panel button{width:max-content;max-width:100%}.chat-receipt-download{border:1.5px solid var(--ink);background:var(--yellow);color:var(--ink);text-align:center;border-radius:10px;margin-top:10px;padding:9px 12px;font-weight:900;text-decoration:none;display:block}.global-floating-cart{z-index:45;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:inherit;box-shadow:5px 5px 0 var(--ink);cursor:pointer;border-radius:18px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;padding:10px 14px;display:grid;position:fixed;bottom:96px;right:20px}.global-floating-cart span{grid-row:1/3;font-size:25px}.global-floating-cart b{font-size:18px;line-height:1}.global-floating-cart strong{font-size:10px}@media (width<=700px){.global-floating-cart{bottom:86px;right:12px}}.cart-drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#21162c66;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background:#fff;grid-template-rows:auto 1fr auto;width:min(440px,100%);height:100%;display:grid;box-shadow:-12px 0 40px #21162c3d}.cart-drawer header{border-bottom:2px solid var(--ink);background:var(--purple-soft);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cart-drawer header small{color:#746781;font-weight:800}.cart-drawer h2{margin:2px 0 0;font-size:26px}.cart-drawer header button{border:2px solid var(--ink);width:42px;height:42px;font:inherit;cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:27px;font-weight:700;line-height:1;display:grid}.cart-drawer-lines{align-content:start;gap:10px;padding:16px;display:grid;overflow-y:auto}.cart-drawer-lines article{border:1.5px solid #ded4e6;border-radius:15px;grid-template-columns:58px 1fr auto;align-items:center;gap:11px;padding:9px;display:grid}.cart-drawer-lines img,.cart-drawer-icon{background:var(--purple-soft);object-fit:cover;color:#62449c;border-radius:11px;place-items:center;width:58px;height:58px;font-size:15px;font-weight:900;display:grid}.cart-drawer-lines article>div{gap:3px;display:grid}.cart-drawer-lines small{color:#746c79}.cart-drawer-lines article>button{color:#a3294b;font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.cart-drawer footer{border-top:2px solid var(--ink);gap:9px;padding:16px 20px 20px;display:grid}.cart-drawer footer>div{justify-content:space-between;align-items:end;display:flex}.cart-drawer footer>div strong{color:#6f4ec2;font-size:28px}.cart-drawer footer>a,.cart-drawer footer>button{border:2px solid var(--ink);min-height:50px;font:inherit;text-align:center;cursor:pointer;border-radius:13px;place-items:center;font-size:16px;font-weight:900;text-decoration:none;display:grid}.cart-drawer footer>a{background:var(--ink);color:#fff}.cart-drawer footer>button{color:var(--ink);background:#fff}.diy-cart-line{grid-template-columns:70px 1fr auto!important}.diy-cart-icon{background:var(--purple-soft);color:#62449c;border-radius:12px;place-items:center;width:70px;height:70px;font-size:17px;font-weight:900;display:grid!important}.diy-cart-line>button{padding:0 13px;font-size:13px;font-weight:900}.diy-added-card{border:2px solid var(--ink);background:#d8f6e8;border-radius:16px;gap:8px;margin-top:14px;padding:16px;display:grid}.diy-added-card>strong{font-size:20px}.diy-added-card p{margin:0}.diy-added-card>div{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.diy-added-card a,.diy-added-card button{border:2px solid var(--ink);min-height:46px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:#fff;border-radius:12px;place-items:center;font-size:16px;font-weight:900;text-decoration:none;display:grid}.diy-added-card .primary{background:var(--ink);color:#fff}@media (width<=700px){.diy-added-card>div{grid-template-columns:1fr}.diy-cart-line{grid-template-columns:58px 1fr!important}.diy-cart-icon{width:58px;height:58px}.diy-cart-line>button{grid-column:1/-1;justify-self:end;width:max-content}}.chat-messages>div.tracking-message{border:1.5px solid var(--ink);background:#fff;width:min(290px,92%);max-width:92%;padding:0;overflow:hidden}.chat-tracking-card{gap:7px;padding:14px;display:grid}.chat-tracking-card>strong{font-size:16px}.chat-tracking-carrier{color:#655d6b;font-size:13px}.chat-tracking-card>small{color:#655d6b;margin-top:3px}.chat-tracking-card>code{overflow-wrap:anywhere;background:var(--purple-soft);border:1px dashed #b9a8c6;border-radius:9px;padding:9px;font-family:inherit;font-size:15px;font-weight:900}.chat-tracking-card>div{grid-template-columns:1fr 1.2fr;gap:7px;margin-top:3px;display:grid}.chat-tracking-card button,.chat-tracking-card a{border:1.5px solid var(--ink);min-height:40px;font:inherit;text-align:center;cursor:pointer;border-radius:10px;place-items:center;font-size:13px;font-weight:900;text-decoration:none;display:grid}.chat-tracking-card button{color:var(--ink);background:#fff}.chat-tracking-card a{background:var(--ink);color:#fff}@font-face{font-family:Mali;src:url(/fonts/mali-thai.woff)}@font-face{font-family:Mali;src:url(/fonts/mali-latin.woff);font-weight:700}@font-face{font-family:Itim;src:url(/fonts/itim-thai.woff)}@font-face{font-family:Itim;src:url(/fonts/itim-latin.woff)}@font-face{font-family:Kodchasan;src:url(/fonts/kodchasan-thai.woff);font-weight:700}@font-face{font-family:Kodchasan;src:url(/fonts/kodchasan-latin.woff);font-weight:700}@font-face{font-family:Mitr;src:url(/fonts/mitr-thai.woff);font-weight:700}@font-face{font-family:Mitr;src:url(/fonts/mitr-latin.woff);font-weight:700}@font-face{font-family:Kanit;src:url(/fonts/kanit-thai.woff);font-weight:800}@font-face{font-family:Kanit;src:url(/fonts/kanit-latin.woff);font-weight:800}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-thai.woff)}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-latin.woff)}@font-face{font-family:K2D;src:url(/fonts/k2d-thai.woff);font-weight:700}@font-face{font-family:K2D;src:url(/fonts/k2d-latin.woff);font-weight:700}@font-face{font-family:Charm;src:url(/fonts/charm-thai.woff);font-weight:700}@font-face{font-family:Charm;src:url(/fonts/charm-latin.woff);font-weight:700}@font-face{font-family:Chonburi;src:url(/fonts/chonburi-thai.woff)}@font-face{font-family:Chonburi;src:url(/fonts/chonburi-latin.woff)}@font-face{font-family:Sriracha;src:url(/fonts/sriracha-thai.woff)}@font-face{font-family:Sriracha;src:url(/fonts/sriracha-latin.woff)}@font-face{font-family:Jersey10;src:url(/fonts/jersey10-latin.woff);font-weight:400}@font-face{font-family:Pacifico;src:url(/fonts/pacifico-latin.woff);font-weight:400}@font-face{font-family:Dancing Script;src:url(/fonts/dancing-script-latin.woff);font-weight:700}@font-face{font-family:Caveat;src:url(/fonts/caveat-latin.woff);font-weight:700}.keychain-page{color:#29262f;background:#f4f0fa;min-height:100vh;padding:22px}.keychain-nav{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;max-width:1180px;margin:auto;display:grid}.keychain-nav>a{color:#29262f;background:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-size:24px;text-decoration:none;display:grid;box-shadow:0 8px 24px #66558e18}.keychain-nav div{flex-direction:column;display:flex}.keychain-nav small{letter-spacing:.18em;color:#806ba8;font-size:11px}.keychain-nav strong{font-size:19px}.keychain-nav>span{background:#ffe66f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.keychain-builder{grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);align-items:start;gap:22px;max-width:1180px;margin:22px auto 60px;display:grid}.keychain-preview-card,.keychain-controls{background:#fff;border:1px solid #e8e0f2;border-radius:26px;box-shadow:0 18px 55px #55457414}.keychain-preview-card{position:sticky;top:18px;overflow:hidden}.keychain-preview-head{border-bottom:1px solid #eee7f5;justify-content:space-between;padding:18px 20px;display:flex}.keychain-preview-head span{font-weight:800}.keychain-preview-head small{color:#806f99}.keychain-stage{background:radial-gradient(circle at 50% 40%,#30283f,#17141f 72%);place-items:center;min-height:430px;padding:50px 28px;display:grid}.keychain-object{border-radius:26px;align-items:center;gap:18px;min-width:410px;max-width:96%;height:112px;padding:0 24px 0 66px;display:flex;position:relative;transform:perspective(700px)rotateX(8deg)rotate(-2deg);box-shadow:0 22px 40px #0008,inset 0 -7px 10px #5e54621a}.keychain-hole{background:#17141f;border-radius:50%;width:25px;height:25px;position:absolute;left:23px;box-shadow:inset 0 3px 5px #0008}.keychain-object>strong{white-space:nowrap;text-shadow:0 4px #705a9e30;font-size:64px;line-height:1}.paw{flex:none;width:73px;height:70px;display:block;position:relative}.paw>*{font-style:normal;line-height:1;position:absolute}.paw>b{top:5px;left:5px}.paw>i{top:-2px;left:24px}.paw>em{top:5px;right:5px}.paw>small{top:24px;left:6px}.paw>strong{font-size:48px;top:22px;left:14px}.nfc-spec{grid-template-columns:auto 1fr;column-gap:13px;padding:17px 20px;display:grid}.nfc-spec span{color:#654c95;background:#e8defb;border-radius:10px;grid-row:1/3;padding:8px 10px;font-size:12px;font-weight:800}.nfc-spec strong{font-size:14px}.nfc-spec small{color:#806f99}.keychain-controls{padding:22px}.keychain-controls .builder-step{margin:4px 0 15px}.keychain-controls .builder-step:not(:first-child){margin-top:26px}.keychain-controls h1,.keychain-controls h2{margin:0;font-size:20px}.keychain-controls p{margin:3px 0 0}.keychain-name{display:block;position:relative}.keychain-name>span{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.keychain-name input{box-sizing:border-box;border:2px solid #ddd3ea;border-radius:15px;outline:none;width:100%;padding:13px 52px 13px 14px;font:700 23px Mali,sans-serif}.keychain-name input:focus{border-color:#a98ae4}.keychain-name small{color:#8b7a9f;position:absolute;bottom:14px;right:13px}.font-choice{grid-template-columns:1fr 1fr;gap:9px;display:grid}.font-choice button{text-align:left;color:#29262f;background:#faf8fd;border:1px solid #e6dff0;border-radius:14px;padding:11px}.font-choice button.active{background:#f1eafd;border:2px solid #a98ae4;padding:10px}.font-choice span,.font-choice small{display:block}.font-choice span{font-size:22px}.font-choice small{color:#806f99;margin-top:3px}.keychain-colors{border:0;margin:14px 0;padding:0}.keychain-colors legend{margin-bottom:8px;font-size:13px;font-weight:800}.keychain-colors>div{flex-wrap:wrap;gap:9px;display:flex}.keychain-colors button{border:2px solid #fff;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #d8cfe4}.keychain-colors button.active{box-shadow:0 0 0 3px #7d62b2}.keychain-test-summary{background:#f6f2fb;border-radius:16px;gap:9px;margin-top:24px;padding:14px;display:grid}.keychain-test-summary div{justify-content:space-between;display:flex}.keychain-test-summary span{color:#806f99}.keychain-download{color:#fff;background:#8f70cf;border:0;border-radius:15px;width:100%;margin-top:13px;padding:14px;font-size:16px;font-weight:900}.keychain-download:disabled{opacity:.55}.keychain-message{text-align:center;color:#6b568f;font-size:13px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.keychain-category-head{max-width:1180px;margin:52px auto 24px}.keychain-category-head p{color:#806ba8;letter-spacing:.08em;margin:0;font-size:13px;font-weight:900}.keychain-category-head h1{max-width:680px;margin:8px 0 7px;font-size:clamp(30px,5vw,56px);line-height:1.12}.keychain-category-head small{color:#796f83}.keychain-category-slider{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;gap:20px;max-width:1180px;margin:0 auto;padding:12px 10px 30px 2px;display:flex;overflow-x:auto}.keychain-category-slider::-webkit-scrollbar{display:none}.keychain-category-card{aspect-ratio:2/3;color:#29262f;scroll-snap-align:start;background:#fff;border:1px solid #ded5eb;border-radius:32px;flex-direction:column;flex:0 0 min(340px,78vw);text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #5c4a801d}.keychain-category-card:first-child{flex-basis:min(370px,82vw)}.keychain-category-card.name-card{background:linear-gradient(155deg,#f3edff 0 48%,#fff 48%)}.keychain-category-card.career-card{background:linear-gradient(155deg,#e5f6ff 0 48%,#fff 48%)}.keychain-category-card.cartoon-card{background:linear-gradient(155deg,#fff0d9 0 48%,#fff 48%)}.category-status{z-index:2;color:#736b79;letter-spacing:.06em;background:#e9e4ed;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;position:absolute;top:20px;right:18px}.category-status.is-ready{color:#26643c;background:#d7f2df}.category-visual{place-items:center;height:52%;padding-top:32px;display:grid;position:relative}.category-visual b{z-index:1;color:#fff;text-align:center;background:#b79ce9;border-radius:22px;min-width:72%;padding:22px 26px;font-size:clamp(34px,8vw,55px);line-height:1;position:relative;transform:rotate(-5deg);box-shadow:0 20px 36px #4e3d7142}.category-visual b:before{content:"";box-sizing:border-box;border:7px solid #b79ce9;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:-22px;transform:translateY(-50%)}.career-card .category-visual b{background:#72bcd8}.career-card .category-visual b:before{border-color:#72bcd8}.cartoon-card .category-visual b{background:#f0ad55}.cartoon-card .category-visual b:before{border-color:#f0ad55}.category-visual i{color:#fff;letter-spacing:.08em;background:#29262f;border-radius:10px;padding:7px 9px;font-size:10px;font-style:normal;font-weight:900;position:absolute;bottom:14px;right:20px;transform:rotate(5deg)}.category-copy{flex-direction:column;flex:1;padding:28px 25px;display:flex}.category-copy>small{color:#9c8caf;font-weight:900}.category-copy>strong{margin-top:10px;font-size:29px;line-height:1.2}.category-copy>span{color:#716779;margin-top:12px;line-height:1.6}.category-copy>b{color:#7555b3;margin-top:auto}.keychain-category-card.is-coming{filter:saturate(.68)}.keychain-category-card.is-coming .category-copy>b{color:#8e8793}.keychain-swipe-hint{color:#7b7084;align-items:center;gap:7px;max-width:1180px;margin:0 auto 50px;font-size:12px;display:flex}.keychain-swipe-hint i{background:#d3c8df;border-radius:50%;width:7px;height:7px}.keychain-swipe-hint i:first-child{background:#9573d0;border-radius:8px;width:22px}.keychain-swipe-hint span{margin-left:5px}@media (width<=850px){.keychain-page{padding:14px}.keychain-builder{grid-template-columns:1fr}.keychain-preview-card{position:static}.keychain-stage{min-height:310px;padding:34px 15px}.keychain-object{gap:10px;width:92%;min-width:0;height:88px;padding-left:54px}.keychain-object>strong{font-size:43px}.keychain-hole{width:22px;height:22px;left:17px}.paw{transform-origin:50%;transform:scale(.78)}.font-choice{grid-template-columns:1fr 1fr}.keychain-category-head{margin-top:36px}.keychain-category-slider{margin-right:-14px}.keychain-category-card{flex-basis:min(330px,82vw)}.keychain-category-card:first-child{flex-basis:min(345px,86vw)}}@media (width<=470px){.keychain-object>strong{font-size:34px}.keychain-stage{min-height:260px}.keychain-controls{padding:17px}.font-choice{grid-template-columns:1fr}}.mobile-select{gap:8px;margin:0 0 12px;display:grid}.mobile-select>span:first-child{color:#4f4857;font-size:13px;font-weight:800}.select-shell{background:#fff;border:2px solid #d9cfe7;border-radius:16px;align-items:center;min-height:56px;display:flex;position:relative;overflow:hidden}.select-shell:focus-within{border-color:#9573d0;box-shadow:0 0 0 4px #9573d018}.select-shell select{appearance:none;color:#29262f;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-height:56px;padding:0 48px 0 15px;font:700 16px/1.3 Mali,sans-serif}.select-shell>b{color:#806ba8;pointer-events:none;font-size:20px;line-height:1;position:absolute;top:50%;right:17px;transform:translateY(-58%)}.color-select .select-shell>i{border:2px solid #fff;border-radius:10px;flex:0 0 34px;width:34px;height:34px;margin-left:12px;box-shadow:0 0 0 1px #cfc4dc}.color-select .select-shell select{padding-left:11px}.selected-font-preview{background:#faf8fd;border:1px solid #e7dff0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:76px;margin:2px 0 4px;padding:12px 16px;display:flex}.selected-font-preview strong{font-size:34px;font-weight:inherit;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.selected-font-preview span{color:#806f99;text-align:right;max-width:48%;font:700 11px/1.35 Mali,sans-serif}.keychain-controls>.builder-step{scroll-margin-top:12px}@media (width<=850px){.keychain-page{padding:10px}.keychain-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f0fae8;margin:-10px -10px 0;padding:10px 12px;position:sticky;top:0}.keychain-builder{gap:14px;margin-top:12px}.keychain-preview-card{border-radius:20px}.keychain-preview-head{padding:13px 15px}.keychain-stage{min-height:245px;padding:16px 8px}.keychain-3d-viewer{min-height:245px}.keychain-controls{border-radius:20px;padding:16px}.keychain-controls .builder-step:not(:first-child){margin-top:22px}.keychain-name input{min-height:56px;font-size:20px}.depth-choice button{min-height:70px}.keychain-download{z-index:5;min-height:56px;position:sticky;bottom:10px;box-shadow:0 8px 24px #56427d42}.keychain-message{margin-bottom:2px}}@media (width<=470px){.keychain-nav{grid-template-columns:48px 1fr auto}.keychain-nav strong{font-size:16px}.keychain-nav>span{display:none}.keychain-preview-head small{font-size:10px}.selected-font-preview strong{font-size:30px}}.keychain-control-section{border-bottom:1px solid #eee7f4;gap:8px;margin:0 0 14px;padding:0 0 15px;display:grid}.keychain-control-section.last-section{margin-bottom:10px}.keychain-control-section>.builder-step{margin:0!important}.keychain-control-section .builder-step{align-items:center}.keychain-control-section .builder-step h1,.keychain-control-section .builder-step h2{font-size:18px;line-height:1.25}.keychain-control-section .builder-step p{margin-top:1px;font-size:12px;line-height:1.35}.color-dropdown-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-dropdown-grid .mobile-select{min-width:0;margin:0}.color-dropdown-grid .select-shell{min-height:52px}.color-dropdown-grid .select-shell select{min-width:0;min-height:52px;padding-right:30px;font-size:14px}.color-dropdown-grid .select-shell>b{right:10px}.color-dropdown-grid .color-select .select-shell>i{flex-basis:28px;width:28px;height:28px;margin-left:9px}.color-dropdown-grid .color-select .select-shell select{padding-left:7px}.selected-font-preview{min-height:58px;margin:0;padding:8px 14px}.selected-font-preview strong{font-size:29px}.mobile-select{gap:5px;margin-bottom:0}.select-shell,.select-shell select{min-height:52px}.keychain-name>span{margin-bottom:5px}.keychain-name input{min-height:52px;padding-top:10px;padding-bottom:10px}.depth-choice{gap:8px}.depth-choice button{min-height:60px;padding:9px 11px}.depth-choice button.active{padding:8px 10px}.depth-choice span{font-size:11px}.keychain-download{margin-top:4px}@media (width<=850px){.keychain-builder{gap:10px}.keychain-preview-head{padding:10px 14px}.keychain-stage,.keychain-3d-viewer{min-height:205px}.keychain-stage{padding:8px 4px}.keychain-controls{padding:13px}.keychain-control-section{gap:7px;margin-bottom:11px;padding-bottom:12px}.keychain-control-section .builder-step h1,.keychain-control-section .builder-step h2{font-size:17px}.step-badge{width:28px;height:28px;font-size:12px}.keychain-download{min-height:52px}.keychain-message{margin:5px 0 0;font-size:11px}}@media (width<=370px){.color-dropdown-grid{grid-template-columns:1fr}.selected-font-preview{min-height:52px}}.font-dropdown{gap:5px;display:grid;position:relative}.font-dropdown-label{color:#4f4857;font-size:13px;font-weight:800}.font-dropdown-trigger{color:#29262f;text-align:left;cursor:pointer;background:#fff;border:2px solid #d9cfe7;border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:66px;padding:7px 46px 7px 14px;display:grid;position:relative}.font-dropdown-trigger:focus-visible,.font-dropdown.is-open .font-dropdown-trigger{border-color:#9573d0;outline:0;box-shadow:0 0 0 4px #9573d018}.font-dropdown-trigger .font-option-sample{grid-column:1/-1;font-size:25px}.font-dropdown-trigger small{color:#806f99;font:700 11px/1.25 Mali,sans-serif}.font-dropdown-trigger>b{color:#806ba8;font-size:20px;line-height:1;position:absolute;top:50%;right:17px;transform:translateY(-55%)}.font-dropdown-menu{z-index:30;overscroll-behavior:contain;background:#fff;border:2px solid #bda9dd;border-radius:18px;max-height:min(430px,58vh);padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 50px #31243d4d}.font-dropdown-menu>button{color:#29262f;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee8f3;width:100%;min-height:65px;padding:7px 42px 7px 12px;display:grid;position:relative}.font-dropdown-menu>button:last-child{border-bottom:0}.font-dropdown-menu>button.is-selected{background:#f1e9ff;border-radius:12px}.font-dropdown-menu .font-option-sample{font-size:25px;line-height:1.15}.font-dropdown-menu small{color:#756b7d;margin-top:2px;font:700 11px/1.2 Mali,sans-serif}.font-dropdown-menu i{color:#fff;background:#9573d0;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;font-weight:900;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@media (width<=470px){.font-dropdown-trigger{min-height:62px}.font-dropdown-trigger .font-option-sample,.font-dropdown-menu .font-option-sample{font-size:23px}.font-dropdown-menu{z-index:60;border-radius:24px;max-height:68vh;padding:8px;position:fixed;inset:auto 10px 10px;box-shadow:0 0 0 100vmax #1d152966,0 20px 55px #24172f80}.font-dropdown-menu>button{min-height:62px}}.keychain-nav,.topbar,.nfc-page>header{z-index:40;-webkit-backdrop-filter:blur(14px);background:#fffdf8e6;position:sticky;top:0}.keychain-nav{border-radius:0 0 18px 18px;padding:10px 12px}.topbar{border-radius:0 0 18px 18px;margin:0 -10px;padding:10px}.nfc-page>header{border-radius:0 0 18px 18px;margin:0 -8px;padding:10px 8px}.nfc-editor-theme-formal-dark>header{background:#11151eeb}.nfc-editor-theme-formal-pastel>header{background:#f6ecefeb}@media (width<=850px){.keychain-nav{z-index:40}}.keychain-product{justify-content:center;align-items:flex-start;width:min(520px,94%);height:260px;padding-top:35px;display:flex;position:relative}.keychain-name-piece{filter:drop-shadow(0 18px 17px #0008);place-items:center;display:inline-grid;position:relative;transform:rotate(-2deg)}.keychain-name-backing,.keychain-name-face{white-space:nowrap;grid-area:1/1;font-size:76px;line-height:1}.keychain-name-backing{-webkit-text-stroke-width:14px;paint-order:stroke fill;filter:drop-shadow(0 7px #5b4b6d33)}.keychain-name-face{z-index:2;text-shadow:0 4px #563c7b30;transform:translateY(-2px)}.keychain-hole{z-index:3;box-sizing:border-box;width:19px;height:19px;box-shadow:none;border:7px solid;top:50%;left:-22px;transform:translateY(-40%)}.nfc-position{z-index:4;color:#fff;letter-spacing:.08em;opacity:.7;background:#24202d;border-radius:6px;padding:2px 5px;font:800 8px/1 system-ui;position:absolute;bottom:-13px;right:2px}.ball-chain{letter-spacing:-1px;filter:drop-shadow(0 2px 1px #0005);transform-origin:0;width:160px;font-size:18px;line-height:1;position:absolute;top:104px;left:48px;transform:rotate(28deg)}.paw-charm{box-sizing:border-box;filter:drop-shadow(0 11px 9px #0006);background:currentColor;border:8px solid;border-radius:48% 48% 44% 44%;width:83px;height:76px;position:absolute;top:165px;left:170px;transform:rotate(-8deg)}.paw-charm:before{content:"";background:currentColor;border-radius:50%;width:14px;height:16px;position:absolute;top:-16px;left:30px}.paw-charm .paw{position:absolute;top:2px;left:3px;transform:scale(.78)}.standard-keychain-ring{z-index:1;box-sizing:border-box;filter:drop-shadow(0 5px #5b4b6d33);border:9px solid;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:-31px;transform:translateY(-50%)}.standard-keychain-ring:after{content:"";background:currentColor;border-radius:5px;width:16px;height:7px;position:absolute;top:3px;left:17px}.solid-name-base{z-index:0;border-radius:18px 18px 13px 13px;position:absolute;inset:18% -12px -8px}.keychain-name-face.depth-1{text-shadow:0 2px #563c7b25;transform:translateY(-1px)}.keychain-name-face.depth-2{text-shadow:0 5px #563c7b38;transform:translateY(-3px)}.depth-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.depth-choice button{text-align:left;color:#29262f;background:#faf8fd;border:1px solid #e2d9ec;border-radius:15px;flex-direction:column;gap:3px;padding:13px;display:flex}.depth-choice button.active{background:#f1eafd;border:2px solid #a98ae4;padding:12px}.depth-choice strong{font-size:18px}.depth-choice span{color:#806f99;font-size:12px}.keychain-3d-viewer{color:#cdbcea;place-items:center;width:100%;min-height:390px;font-size:13px;display:grid}.keychain-3d-viewer canvas{cursor:grab;width:100%;height:auto;display:block}.keychain-3d-viewer canvas:active{cursor:grabbing}@media (width<=850px){.keychain-product{width:100%;height:220px;padding-top:28px}.keychain-name-backing,.keychain-name-face{font-size:56px}.keychain-name-backing{-webkit-text-stroke-width:11px}.ball-chain{top:88px;left:16%}.paw-charm{top:143px;left:39%;transform:scale(.82)rotate(-8deg)}}@media (width<=470px){.keychain-name-backing,.keychain-name-face{font-size:45px}.keychain-name-backing{-webkit-text-stroke-width:9px}.keychain-product{height:205px}.ball-chain{top:78px}.paw-charm{top:130px}}.card-buy-info i{aspect-ratio:1;box-sizing:border-box;flex:0 0 26px}.keychain-add-success,.keychain-add-error{text-align:center;margin:10px 0 0;font-weight:700}.keychain-add-success{color:#28754a}.keychain-add-success button{color:#6f4caf;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.keychain-add-error{color:#b42318}.affiliate-public,.affiliate-dashboard{width:min(100% - 28px,1120px);min-height:100vh;margin:0 auto;padding:28px 0 70px}.affiliate-public>header,.affiliate-dashboard>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.affiliate-public>header a,.affiliate-dashboard>header button{border:2px solid var(--ink);font:inherit;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;padding:10px 14px;font-weight:900}.affiliate-public>header span,.affiliate-dashboard>header p{color:var(--muted);letter-spacing:.12em;margin:0;font-size:12px;font-weight:900}.affiliate-auth-card{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:30px;grid-template-columns:1fr 1fr;margin-top:45px;display:grid;overflow:hidden}.affiliate-auth-copy{background:linear-gradient(145deg,var(--purple),var(--pink));align-content:center;padding:46px;display:grid}.affiliate-auth-copy p{letter-spacing:.15em;margin:0;font-weight:900}.affiliate-auth-copy h1{margin:8px 0 12px;font-size:clamp(38px,6vw,64px);line-height:1.05}.affiliate-auth-copy span{max-width:420px;line-height:1.7}.affiliate-auth-card form{align-content:center;gap:14px;padding:46px;display:grid}.affiliate-auth-card label{gap:7px;font-weight:900;display:grid}.affiliate-auth-card input{min-height:50px;font:inherit;border:1.5px solid #cfc3d8;border-radius:14px;padding:0 14px}.affiliate-auth-card form>button{border:2px solid var(--ink);background:var(--ink);color:#fff;min-height:52px;font:inherit;border-radius:15px;font-weight:900}.affiliate-auth-card .affiliate-switch{color:#6f4ca2;background:0 0;border:0;text-decoration:underline}.affiliate-auth-card small{text-align:center;color:var(--muted)}.affiliate-message{background:var(--yellow);border-radius:13px;margin:0;padding:11px;font-weight:900}.affiliate-message.wide{margin-top:14px}.affiliate-dashboard>header h1{margin:4px 0 0;font-size:clamp(30px,5vw,48px)}.affiliate-warning{background:#ffe8ee;border:2px solid #a8516c;border-radius:16px;margin-top:20px;padding:14px;font-weight:900}.affiliate-summary{grid-template-columns:1fr 1fr 2fr;gap:14px;margin-top:26px;display:grid}.affiliate-summary article,.affiliate-panel,.affiliate-withdraw{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:22px;padding:20px}.affiliate-summary article>span,.affiliate-summary article>small{color:var(--muted);font-size:12px;display:block}.affiliate-summary article>strong{margin:6px 0;font-size:32px;display:block}.affiliate-link-card{background:var(--purple-soft)!important}.affiliate-link-card>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px!important}.affiliate-link-card button,.affiliate-withdraw button{border:2px solid var(--ink);background:var(--yellow);min-height:42px;font:inherit;box-shadow:3px 3px 0 var(--ink);border-radius:13px;padding:0 14px;font-weight:900}.affiliate-withdraw{background:var(--green);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.affiliate-withdraw h2,.affiliate-panel h2{margin:0}.affiliate-withdraw p{color:var(--muted);margin:4px 0 0}.affiliate-grid{grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px;display:grid}.affiliate-list{gap:8px;margin-top:15px;display:grid}.affiliate-list article{border:1.5px solid #ddd3e3;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.affiliate-list span{display:grid}.affiliate-list small{color:var(--muted)}.affiliate-list em,.affiliate-history em{background:var(--purple-soft);border-radius:999px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900}.affiliate-stock{gap:8px;margin-top:15px;display:grid}.affiliate-stock article{border-bottom:1px solid #e7dfeb;grid-template-columns:1fr auto auto;gap:7px;padding:10px 0;display:grid}.affiliate-stock small{color:var(--muted)}.affiliate-empty{text-align:center;color:var(--muted);border:1.5px dashed #d6ccdc;border-radius:14px;padding:24px}.affiliate-history{margin-top:18px}.affiliate-history article{border-bottom:1px solid #e7dfeb;grid-template-columns:1fr auto auto;gap:14px;padding:11px 0;display:grid}.affiliate-history article:last-child{border-bottom:0}@media (width<=760px){.affiliate-auth-card{grid-template-columns:1fr}.affiliate-auth-copy,.affiliate-auth-card form{padding:28px}.affiliate-summary,.affiliate-grid{grid-template-columns:1fr}.affiliate-withdraw{flex-direction:column;align-items:stretch}.affiliate-list article{grid-template-columns:1fr auto}.affiliate-list em{grid-column:1/-1;width:max-content}.affiliate-summary article>strong{font-size:26px}}.a002-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.a002-variant-grid button{color:#29262f;text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d0e9;border-radius:14px;flex-direction:column;gap:.35rem;padding:.9rem;display:flex}.a002-variant-grid button strong{font-size:1rem}.a002-variant-grid button span{font-size:.9rem}.a002-variant-grid button[aria-pressed=true]{background:#f2ebff;border:2px solid #8062b5;padding:calc(.9rem - 1px)}.a002-variant-grid button:focus-visible{outline-offset:3px;outline:3px solid #8062b5}.a002-viewer-wrap{min-height:240px;position:relative}.a002-viewer-status{color:#fff;text-align:center;background:#17141fe8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;font-size:1rem;display:flex;position:absolute;inset:0}.a002-viewer-status button{color:#29262f;font:inherit;background:#f2ebff;border:1px solid #c4b0ef;border-radius:12px;padding:.65rem 1rem}.clicker-diy-menu-page :is(.clicker-standard-card,.a002-diy-card,.heart-diy-card) .clicker-category-visual{background:#ebe3f7;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.clicker-diy-menu-page :is(.clicker-standard-card,.a002-diy-card,.heart-diy-card) .clicker-category-cover{object-fit:contain;object-position:50% 50%;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;padding:clamp(14px,2vw,22px)}.a002-page .preview-summary{flex-wrap:wrap;gap:.5rem}@media (width<=420px){.a002-variant-grid{gap:.5rem}.a002-variant-grid button{padding:.7rem}.a002-variant-grid button[aria-pressed=true]{padding:calc(.7rem - 1px)}}.chat-messages .theirs{background:#f1edf3;align-self:flex-start;max-width:calc(82% - 38px);margin-left:38px;position:relative}.chat-messages .theirs:before{content:"";border:1.5px solid var(--ink);background:var(--purple-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2317151b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='20' r='8'/%3E%3Cpath d='M13 28a11 11 0 0 1 22 0M8 20h5v9H9a3 3 0 0 1-3-3v-3a3 3 0 0 1 2-3Zm32 0h-5v9h4a3 3 0 0 0 3-3v-3a3 3 0 0 0-2-3ZM17 44c1-5 4-8 7-8s6 3 7 8'/%3E%3C/svg%3E") center/22px no-repeat;border-radius:50%;width:30px;height:30px;position:absolute;bottom:2px;left:-38px}.chat-messages>div.tracking-message.theirs{width:min(290px,92% - 38px);max-width:calc(92% - 38px)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}