:root{--bg-cork:#3d2517;--bg-cork-dark:#2a1810;--bg-cork-light:#5a3a28;--paper-white:#fefcf3;--paper-yellow:#fff9c4;--paper-pink:#fce4ec;--paper-blue:#e3f2fd;--paper-green:#e8f5e9;--paper-orange:#fff3e0;--paper-purple:#f3e5f5;--pin-red:#e53935;--pin-blue:#1e88e5;--pin-green:#43a047;--pin-yellow:#fdd835;--pin-orange:#fb8c00;--text-ink:#2c2c2c;--text-pencil:#666;--text-light:#999;--tape-yellow:#ffeb3b66;--tape-blue:#1e88e540;--tape-pink:#e91e6333;--tape-green:#43a04740;--accent:#e53935;--accent-hover:#c62828;--success:#43a047;--warning:#fb8c00;--error:#e53935;--border:#d4b896;--border-hover:#c9a87c;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-paper:2px 3px 10px #0000004d, 0 1px 4px #0003;--shadow-paper-hover:4px 6px 20px #00000059, 0 2px 8px #00000040;--shadow-pin:1px 1px 4px #0006;--transition:.25s cubic-bezier(.4, 0, .2, 1);--font-hand:"Caveat", "Segoe Script", cursive;--font-sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--text-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3d2517;background-image:radial-gradient(at 30% 20%,#ffffff12 0%,#0000 55%),radial-gradient(at 70% 80%,#ffffff0a 0%,#0000 45%),repeating-linear-gradient(2deg,#0000,#0000 3px,#00000014 3px 4px,#0000 4px 11px,#0000000d 11px 12px),repeating-linear-gradient(178deg,#0000,#0000 18px,#502d141f 18px 22px,#0000 22px 55px,#3c1e0a14 55px 58px),linear-gradient(90deg,#3d2517 0%,#45291a 20%,#3a2215 40%,#42281a 60%,#3d2517 80%,#3f2618 100%);min-height:100vh;line-height:1.6;overflow-x:hidden;box-shadow:inset 0 0 120px #0000004d,inset 0 0 30px #00000026}a{color:var(--pin-blue);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-cork-dark)}::-webkit-scrollbar-thumb{background:var(--bg-cork-light);border-radius:4px}.app{z-index:1;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px 220px;position:relative}.header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 0 10px;display:flex}.header__logo{align-items:baseline;gap:8px;display:flex}.header__logo-icon{background:var(--pin-red);color:#fff;width:32px;height:32px;font-size:15px;font-weight:700;font-family:var(--font-hand);box-shadow:var(--shadow-pin);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;top:-2px}.header__title{font-family:var(--font-hand);color:var(--paper-white);letter-spacing:-.5px;text-shadow:0 1px 3px #0000004d;font-size:28px;font-weight:700;line-height:1}.header__subtitle{font-family:var(--font-hand);color:#ffffff80;margin-left:4px;font-size:14px}.header__stats{color:#fff9;font-size:12px;font-family:var(--font-sans);align-items:center;gap:10px;display:flex}.header__stat{border-radius:var(--radius-sm);background:#ffffff1a;align-items:center;gap:4px;padding:2px 8px;display:flex;box-shadow:1px 1px 3px #0003}.header__stat-value{color:var(--paper-white);font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--font-mono);font-size:12px}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.submit-fab-wrap{z-index:150;position:fixed;bottom:52px;right:24px}.submit-fab{background:var(--pin-red);color:#fff;width:56px;height:56px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:2px 4px 12px #e5393566,0 2px 4px #0003}.submit-fab:hover{background:var(--accent-hover);transform:scale(1.08);box-shadow:3px 6px 18px #e5393580,0 3px 6px #00000040}.submit-fab:active{transform:scale(.95)}.submit-fab__icon{font-size:28px;font-weight:300;line-height:1;transition:transform .3s}.submit-fab-wrap--open .submit-fab__icon{transform:rotate(45deg)}.submit-panel{background:var(--paper-yellow);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-paper-hover);opacity:0;transform-origin:100% 100%;pointer-events:none;padding:16px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:66px;right:0;transform:translateY(12px)scale(.9)}.submit-panel:before{content:"";background:var(--pin-red);width:14px;height:14px;box-shadow:var(--shadow-pin), inset -2px -2px 3px #0003, inset 2px 2px 3px #fff6;z-index:2;border-radius:50%;position:absolute;top:-6px;right:22px}.submit-panel:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 24px,#00000008 24px 25px);position:absolute;inset:0}.submit-fab-wrap--open .submit-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.submit-panel__header{font-family:var(--font-hand);color:var(--text-ink);margin-bottom:12px;font-size:20px;font-weight:700}.submit-panel__form{align-items:stretch;gap:8px;display:flex}.submit-panel__input{border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-ink);font-size:14px;font-family:var(--font-hand);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffffb3;flex:1;min-width:0;padding:8px 12px;box-shadow:inset 1px 1px 3px #0000000d}.submit-panel__input:focus{border-color:var(--pin-blue);box-shadow:inset 1px 1px 3px #0000000d,0 0 0 2px #1e88e526}.submit-panel__input::placeholder{color:var(--text-light);font-family:var(--font-hand)}.submit-panel__btn{background:var(--pin-red);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-hand);border-radius:var(--radius-sm);transition:background var(--transition), transform var(--transition);white-space:nowrap;padding:8px 16px;box-shadow:1px 2px 5px #0003}.submit-panel__btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.submit-panel__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-panel__tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.submit-form__tag{font-size:11px;font-family:var(--font-hand);color:var(--text-pencil);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background:#fff9;padding:2px 8px;font-weight:600}.submit-form__tag:hover,.submit-form__tag--active{color:var(--pin-red);border-color:var(--pin-red);background:#e5393514}.submit-feedback{border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-hand);margin-top:8px;padding:6px 10px;animation:.3s fadeIn}.submit-feedback--success{background:var(--paper-green);color:var(--success);border:1px solid #43a0474d}.submit-feedback--error{background:var(--paper-pink);color:var(--error);border:1px solid #e539354d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-bar{-webkit-backdrop-filter:blur(6px);z-index:102;background:#2a1810eb;border-top:1px solid #ffffff1a;align-items:center;gap:8px;height:40px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}.bottom-bar__tags{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:5px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}.bottom-bar__tags::-webkit-scrollbar{display:none}.bottom-bar__right{flex-shrink:0;align-items:center;gap:4px;display:flex}.tag-btn{font-size:12px;font-family:var(--font-hand);color:#ffffffbf;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#ffffff1f;border:none;flex-shrink:0;padding:3px 10px;font-weight:600}.tag-btn:hover{color:#fff;background:#fff3}.tag-btn--active{color:var(--text-ink);background:var(--paper-white);font-weight:700;box-shadow:1px 1px 3px #00000026}.view-btn{font-size:12px;font-family:var(--font-hand);color:#ffffffbf;border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap;background:#ffffff1f;border:none;padding:3px 10px;font-weight:600}.view-btn:hover{color:#fff;background:#fff3}.view-btn--active{color:#fff;background:var(--pin-red);box-shadow:1px 1px 3px #e539354d}.bottom-bar__search-wrap{align-items:center;display:flex;position:relative}.bottom-bar__search-toggle{color:#ffffffbf;width:30px;height:30px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.bottom-bar__search-toggle:hover{color:#fff;background:#ffffff26}.search-input{border-radius:var(--radius-full);color:#fff;width:0;font-size:12px;font-family:var(--font-hand);opacity:0;background:0 0;border:none;padding:0;transition:all .3s}.search-input--open{opacity:1;background:#ffffff26;border:1px solid #fff3;width:140px;padding:4px 10px}.search-input--open:focus{background:#fff3;border-color:#ffffff59}.search-input::placeholder{color:#ffffff80}.toast{background:var(--paper-yellow);border-radius:var(--radius-sm);box-shadow:var(--shadow-paper);font-size:14px;font-family:var(--font-hand);color:var(--text-ink);z-index:1000;border:none;padding:10px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) pinDrop;position:fixed;bottom:120px;right:24px;transform:rotate(-1deg)}@keyframes pinDrop{0%{opacity:0;transform:translateY(-60px)rotate(0)scale(.8)}60%{opacity:1;transform:translateY(6px)scale(1.02)}80%{transform:translateY(-2px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.loading-spinner{justify-content:center;padding:40px;display:flex}.loading-spinner:after{content:"";border:3px solid var(--border);border-top-color:var(--pin-red);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#ffffff80;font-family:var(--font-hand);padding:60px 20px}.empty-state__icon{margin-bottom:16px;font-size:48px}.empty-state__text{color:#ffffffb3;margin-bottom:8px;font-size:24px}.empty-state__sub{font-size:18px}.site-grid{flex-wrap:wrap;justify-content:center;gap:18px;min-height:200px;padding:20px 0;display:flex}.site-card{background:var(--paper-yellow);cursor:pointer;-webkit-user-select:none;user-select:none;width:160px;min-height:130px;box-shadow:var(--shadow-paper);transition:transform var(--transition), box-shadow var(--transition);color:var(--text-ink);border:none;border-radius:2px;flex-direction:column;align-items:flex-start;padding:24px 14px 14px;text-decoration:none;display:flex;position:relative;overflow:visible}.site-card:before{content:"";background:var(--pin-color,var(--pin-red));width:14px;height:14px;box-shadow:var(--shadow-pin), inset -2px -2px 3px #0003, inset 2px 2px 3px #fff6;z-index:2;border-radius:50%;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.site-card:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 24px,#00000008 24px 25px);position:absolute;inset:0}.site-card:hover{box-shadow:var(--shadow-paper-hover);z-index:10;transform:rotate(0)scale(1.05)!important}.site-card__favicon{object-fit:contain;pointer-events:none;background:#fff;border:2px solid #0000000f;border-radius:4px;flex-shrink:0;width:32px;height:32px;padding:2px}.site-card__favicon--fallback{width:32px;height:32px;color:var(--text-pencil);font-size:16px;font-weight:700;font-family:var(--font-hand);background:#fff;border:2px solid #0000000f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-card__title{font-family:var(--font-hand);color:var(--text-ink);text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-top:8px;font-size:16px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.site-card__domain{font-size:11px;font-family:var(--font-mono);color:var(--text-pencil);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;overflow:hidden}.site-card__desc{font-size:11px;font-family:var(--font-sans);color:var(--text-pencil);text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;margin-top:6px;line-height:1.35;display:-webkit-box;overflow:hidden}.site-card__tags{flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:8px;display:flex}.site-card__tag{font-size:10px;font-family:var(--font-hand);color:var(--text-pencil);background:#0000000a;border-radius:2px;padding:1px 7px;font-weight:600;position:relative}.site-card__tag:before{content:"";background:var(--tape-yellow);border-radius:1px;height:2px;position:absolute;top:-1px;left:0;right:0}.site-card--profile{text-align:center;border-top:3px solid var(--platform-color,var(--pin-blue));align-items:center;width:180px;min-height:160px;padding:28px 14px 14px;background:var(--paper-white)!important}.site-card--profile:after{background:0 0}.site-card--profile .site-card__avatar{object-fit:cover;pointer-events:none;background:var(--paper-blue);border:3px solid #fff;border-radius:50%;flex-shrink:0;width:64px;height:64px;box-shadow:0 2px 8px #00000026}.site-card--profile .site-card__avatar--fallback{background:var(--paper-blue);width:64px;height:64px;color:var(--pin-blue);font-size:24px;font-weight:700;font-family:var(--font-hand);border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000026}.site-card--profile .site-card__badge{background:var(--platform-color,var(--pin-blue));color:#fff;width:24px;height:24px;font-size:12px;font-weight:700;font-family:var(--font-sans);z-index:3;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0003}.site-card--profile .site-card__title{-webkit-line-clamp:1;text-align:center;width:100%;margin-top:8px;font-size:15px;font-weight:700}.site-card--profile .site-card__username{font-size:12px;font-family:var(--font-mono);color:var(--platform-color,var(--pin-blue));text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;overflow:hidden}.site-card--profile .site-card__bio{font-size:11px;font-family:var(--font-sans);color:var(--text-pencil);text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;text-align:center;-webkit-box-orient:vertical;width:100%;margin-top:6px;line-height:1.35;display:-webkit-box;overflow:hidden}.site-card--profile .site-card__platform{font-size:10px;font-family:var(--font-sans);color:var(--text-light);margin-top:auto;padding-top:6px}.site-tooltip--profile .site-tooltip__username{font-size:12px;font-family:var(--font-mono);color:var(--pin-blue);margin-bottom:4px}.site-tooltip--profile .site-tooltip__platform{color:var(--text-light);margin-bottom:6px;font-size:10px}.site-tooltip--profile .site-tooltip__bio{color:var(--text-pencil);font-size:12px;line-height:1.4;font-family:var(--font-sans);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:8px;display:-webkit-box;overflow:hidden}.site-card--new{animation:.6s cubic-bezier(.34,1.56,.64,1) pinDrop}.site-tooltip{z-index:200;background:var(--paper-white);border-radius:var(--radius-md);box-shadow:var(--shadow-paper-hover);pointer-events:auto;border:none;max-width:300px;padding:14px 16px;animation:.2s tooltipIn;position:fixed}.site-tooltip:before{content:"";background:var(--tape-yellow);border-radius:0 0 2px 2px;height:5px;position:absolute;top:0;left:16px;right:16px}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.site-tooltip__title{font-size:15px;font-weight:700;font-family:var(--font-hand);color:var(--text-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;margin-bottom:4px;overflow:hidden}.site-tooltip__url{font-size:11px;font-family:var(--font-mono);color:var(--pin-blue);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;overflow:hidden}.site-tooltip__desc{color:var(--text-pencil);-webkit-line-clamp:2;font-size:12px;line-height:1.4;font-family:var(--font-sans);-webkit-box-orient:vertical;margin-bottom:8px;display:-webkit-box;overflow:hidden}.site-tooltip__stats{font-size:11px;font-family:var(--font-mono);color:var(--text-pencil);gap:12px;display:flex}.site-tooltip__stat{align-items:center;gap:3px;display:flex}.site-tooltip__stat-value{color:var(--pin-red);font-weight:600}.site-list{flex-direction:column;gap:6px;display:flex}.site-list-item{background:var(--paper-white);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-ink);border:none;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex;box-shadow:1px 2px 5px #00000014}.site-list-item:hover{box-shadow:var(--shadow-paper);transform:translate(2px)}.site-list-item__favicon{object-fit:contain;border-radius:3px;flex-shrink:0;width:20px;height:20px}.site-list-item__info{flex:1;min-width:0}.site-list-item__title{font-size:14px;font-weight:600;font-family:var(--font-hand);white-space:nowrap;text-overflow:ellipsis;color:var(--text-ink);overflow:hidden}.site-list-item__url{font-size:11px;font-family:var(--font-mono);color:var(--text-pencil);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site-list-item__stats{color:var(--text-pencil);font-size:11px;font-family:var(--font-mono);flex-shrink:0;gap:10px;display:flex}.site-list-item__time{color:var(--text-light);font-size:11px;font-family:var(--font-mono);flex-shrink:0}.site-card__clicks{font-size:10px;font-family:var(--font-mono);color:var(--text-light);opacity:.7;pointer-events:none;position:absolute;bottom:4px;right:6px}.site-card__verified{color:#fff;z-index:3;background:gold;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:8px;box-shadow:0 1px 4px #0003}.site-card--top{box-shadow:var(--shadow-paper), 0 0 12px #ffd70066}.site-card--top:before{box-shadow:var(--shadow-pin), 0 0 6px #ffd70099, inset -2px -2px 3px #0003, inset 2px 2px 3px #fff6;background:gold!important}.site-card--top[data-rank]:after{content:attr(data-rank);color:#4a3500;width:16px;height:16px;font-size:9px;font-weight:800;font-family:var(--font-mono);z-index:3;background:gold;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)translate(14px);box-shadow:0 1px 3px #00000026}.site-card--top[data-rank=""]:after{display:none}.site-tooltip__actions{pointer-events:auto;gap:6px;margin-top:8px;display:flex}.site-tooltip__boost,.site-tooltip__claim{font-size:11px;font-family:var(--font-sans);cursor:pointer;background:var(--paper-white);color:var(--text-ink);border:1px solid #0000001f;border-radius:4px;padding:4px 10px;transition:all .15s}.site-tooltip__boost:hover{background:#fff3e0;border-color:#ff9800}.site-tooltip__claim:hover{background:#e8f5e9;border-color:#4caf50}.site-tooltip__boost--done{color:#e65100;cursor:default;pointer-events:none;background:#ffefd5}.site-tooltip__claimed{color:#4caf50;font-size:11px;font-weight:600;font-family:var(--font-sans);align-items:center;display:flex}.claim-dialog-overlay{z-index:500;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.claim-dialog{background:var(--paper-white);border-radius:12px;width:90%;max-width:420px;padding:24px;box-shadow:0 8px 32px #0003}.claim-dialog h3{font-family:var(--font-hand);color:var(--text-ink);margin:0 0 12px;font-size:18px}.claim-dialog p{color:var(--text-pencil);font-size:13px;font-family:var(--font-sans);margin:0 0 8px;line-height:1.5}.claim-dialog__code{font-size:12px;font-family:var(--font-mono);color:var(--text-ink);white-space:pre;-webkit-user-select:all;user-select:all;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;margin:8px 0 12px;padding:10px 12px;overflow-x:auto}.claim-dialog__actions{gap:8px;margin-top:16px;display:flex}.claim-dialog__verify,.claim-dialog__cancel{font-size:13px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;padding:8px 20px;transition:all .15s}.claim-dialog__verify{color:#fff;background:#4caf50}.claim-dialog__verify:hover{background:#43a047}.claim-dialog__verify:disabled{opacity:.5;cursor:not-allowed}.claim-dialog__cancel{color:var(--text-ink);background:#e0e0e0}.claim-dialog__cancel:hover{background:#d5d5d5}.claim-dialog__msg{font-size:13px;font-family:var(--font-sans);min-height:20px;margin-top:10px}@media (width<=640px){.app{padding:0 12px 220px}.header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:6px;padding:10px 0}.header__subtitle{display:none}.header__title{font-size:24px}.site-grid{gap:12px}.site-card{width:140px;min-height:110px;padding:20px 10px 10px}.site-card__favicon{width:26px;height:26px}.site-card__favicon--fallback{width:26px;height:26px;font-size:14px}.site-card__title{font-size:14px}.site-tooltip{max-width:none;left:12px!important;right:12px!important}.submit-fab-wrap{bottom:46px;right:16px}.submit-fab{width:48px;height:48px}.submit-fab__icon{font-size:24px}.submit-panel{width:calc(100vw - 32px);right:-8px}.bottom-bar{height:36px;padding:0 12px;bottom:0}.tag-btn,.view-btn{padding:2px 8px;font-size:11px}.search-input--open{width:100px}}@media (width>=641px) and (width<=1024px){.app{padding:0 20px 220px}.site-card{width:155px}.submit-fab-wrap{bottom:50px}}@media (width>=1025px){.app{padding-bottom:220px}.site-grid{gap:20px}.site-card{width:160px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.chat-channel{z-index:100;pointer-events:none;background:linear-gradient(#0000 0%,#2a1810b3 40%,#2a1810f2 100%);flex-direction:column;height:170px;display:flex;position:fixed;bottom:40px;left:0;right:0}.chat-channel__messages{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:8px 24px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 100%);mask-image:linear-gradient(#0000 0%,#000 30% 100%)}.chat-message{font-size:14px;font-family:var(--font-hand);pointer-events:auto;word-break:break-word;max-width:500px;color:var(--text-ink);border-radius:2px;padding:5px 12px;line-height:1.4;transition:opacity .8s;animation:.4s cubic-bezier(.34,1.56,.64,1) noteSlideIn;position:relative;box-shadow:1px 2px 5px #0000001f}.chat-message--fading{opacity:0}.chat-message--chat{background:var(--paper-yellow);transform:rotate(-.5deg)}.chat-message--chat .chat-message__sender{color:var(--pin-blue);margin-right:6px;font-weight:700}.chat-message--system{background:var(--paper-blue);transform:rotate(.5deg)}.chat-message--system .chat-message__sender{color:var(--pin-blue);margin-right:6px;font-weight:700}.chat-message--entrance{background:var(--paper-green);padding-left:24px;font-weight:600;animation:.6s cubic-bezier(.34,1.56,.64,1) pinBounceIn;transform:rotate(-.8deg)}.chat-message--entrance:before{content:"";background:var(--pin-green);width:10px;height:10px;box-shadow:var(--shadow-pin), inset -1px -1px 2px #0003, inset 1px 1px 2px #ffffff4d;border-radius:50%;position:absolute;top:-4px;left:8px}.chat-message__icon{margin-right:4px}@keyframes noteSlideIn{0%{opacity:0;transform:translate(-20px)rotate(-2deg)}to{opacity:1;transform:translate(0)rotate(-.5deg)}}@keyframes pinBounceIn{0%{opacity:0;transform:translateY(-30px)rotate(-3deg)scale(.8)}60%{opacity:1;transform:translateY(4px)rotate(.5deg)scale(1.02)}to{opacity:1;transform:translateY(0)rotate(-.8deg)scale(1)}}.chat-channel__input-area{pointer-events:auto;align-items:center;gap:8px;padding:6px 24px 14px;display:flex}.chat-channel__input{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-ink);font-size:15px;font-family:var(--font-hand);transition:border-color var(--transition), box-shadow var(--transition);flex:1;max-width:400px;padding:8px 14px;box-shadow:inset 1px 1px 3px #0000000f}.chat-channel__input:focus{border-color:var(--pin-blue);box-shadow:inset 1px 1px 3px #0000000f,0 0 0 2px #1e88e526}.chat-channel__input::placeholder{color:var(--text-light);font-family:var(--font-hand)}.chat-channel__send{background:var(--pin-blue);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-hand);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;padding:7px 16px;box-shadow:2px 2px 5px #00000026}.chat-channel__send:hover{background:#1565c0;transform:translateY(-1px);box-shadow:3px 3px 8px #0003}.chat-channel__send:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (width<=768px){.chat-channel{height:140px;bottom:36px}.chat-channel__messages{padding:6px 12px}.chat-channel__input-area{padding:4px 12px 10px}.chat-channel__input{max-width:none;font-size:14px}}