:root{--bg-cork: #e8eaed;--bg-cork-dark: #d4d7dc;--bg-cork-light: #c0c4ca;--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: #555;--text-light: #888;--tape-yellow: rgba(255, 235, 59, .4);--tape-blue: rgba(30, 136, 229, .25);--tape-pink: rgba(233, 30, 99, .2);--tape-green: rgba(67, 160, 71, .25);--accent: #e53935;--accent-hover: #c62828;--success: #43a047;--warning: #fb8c00;--error: #e53935;--border: #c8ccd2;--border-hover: #a8adb5;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--shadow-paper: 2px 3px 8px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.06);--shadow-paper-hover: 4px 6px 16px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.1);--shadow-pin: 1px 1px 3px rgba(0,0,0,.22);--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{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font-sans);background-color:#1a1a2e;background-image:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:var(--text-ink);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#f5f5f805;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);pointer-events:none;z-index:0}a{color:var(--pin-blue);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;border:none;outline:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000038}.app{max-width:1200px;margin:0 auto;padding:0 24px 220px;position:relative;z-index:1;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;margin:12px 16px 8px;background:#ffffff59;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.25);border-radius:14px;box-shadow:0 2px 12px #0000000f;position:relative}.header__logo{display:flex;align-items:baseline;gap:8px}.header__logo-icon{width:52px;height:34px;display:flex;align-items:center;justify-content:center;position:relative;top:1px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.25))}.header__title{font-family:var(--font-sans);font-size:22px;font-weight:700;color:var(--text-ink);letter-spacing:-.3px;line-height:1}.header__subtitle{font-family:var(--font-sans);font-size:13px;color:var(--text-pencil);margin-left:4px}.header__stats{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-pencil);font-family:var(--font-sans);margin-right:52px}.header__stat{display:flex;align-items:center;gap:4px;background:#00000014;padding:2px 8px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000a}.header__stat-value{color:var(--text-ink);font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px}.live-dot{width:7px;height:7px;background:var(--success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.submit-fab-wrap{position:fixed;bottom:calc(52px + env(safe-area-inset-bottom,0px));right:calc(24px + env(safe-area-inset-right,0px));z-index:150}.submit-fab{width:56px;height:56px;border-radius:50%;background:var(--pin-red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:2px 4px 12px #e5393566,0 2px 4px #00000026;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);position:relative;z-index:2}.submit-fab:hover{transform:scale(1.08);box-shadow:3px 6px 18px #e5393580,0 3px 6px #0003;background:var(--accent-hover)}.submit-fab:active{transform:scale(.95)}.submit-fab__icon{font-size:28px;font-weight:300;line-height:1;transition:transform .3s ease}.submit-fab-wrap--open .submit-fab__icon{transform:rotate(45deg)}.submit-panel{position:absolute;bottom:66px;right:0;width:320px;background:var(--paper-yellow);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-paper-hover);opacity:0;transform:translateY(12px) scale(.9);transform-origin:bottom right;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.submit-panel:before{content:"";position:absolute;top:-6px;right:22px;width:14px;height:14px;background:var(--pin-red);border-radius:50%;box-shadow:var(--shadow-pin),inset -2px -2px 3px #0003,inset 2px 2px 3px #fff6;z-index:2}.submit-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(0,0,0,.03) 24px,rgba(0,0,0,.03) 25px);pointer-events:none;border-radius:inherit}.submit-fab-wrap--open .submit-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.submit-panel__header{font-family:var(--font-hand);font-size:20px;font-weight:700;color:var(--text-ink);margin-bottom:12px}.submit-panel__form{display:flex;gap:8px;align-items:stretch}.submit-panel__input{flex:1;padding:8px 12px;background:#ffffffb3;border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-ink);font-size:14px;font-family:var(--font-hand);box-shadow:inset 1px 1px 3px #0000000d;transition:border-color var(--transition),box-shadow var(--transition);min-width:0}.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{padding:8px 16px;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;box-shadow:1px 2px 5px #00000026}.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{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.submit-form__tag{padding:2px 8px;font-size:11px;font-family:var(--font-hand);font-weight:600;color:var(--text-pencil);background:#fff9;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.submit-form__tag:hover,.submit-form__tag--active{color:var(--pin-red);border-color:var(--pin-red);background:#e5393514}.submit-feedback{margin-top:8px;padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-hand);animation:fadeIn .3s ease}.submit-feedback--success{background:var(--paper-green);color:var(--success);border:1px solid rgba(67,160,71,.3)}.submit-feedback--error{background:var(--paper-pink);color:var(--error);border:1px solid rgba(229,57,53,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:calc(40px + env(safe-area-inset-bottom,0px));background:#ffffffb8;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);display:flex;align-items:center;padding:0 20px;padding-bottom:env(safe-area-inset-bottom,0px);gap:8px;z-index:102;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -1px 6px #0000000a}.bottom-bar__tags{display:flex;gap:5px;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%)}.bottom-bar__tags::-webkit-scrollbar{display:none}.bottom-bar__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.tag-btn{padding:3px 10px;font-size:12px;font-family:var(--font-sans);font-weight:600;color:#00000085;background:#0000000d;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.tag-btn:hover{color:#000000c7;background:#00000017}.tag-btn--active{color:var(--text-ink);font-weight:700;background:var(--paper-white);box-shadow:0 1px 3px #0000001a}.view-btn{padding:3px 10px;font-size:12px;font-family:var(--font-sans);font-weight:600;color:#00000085;background:#0000000d;border:none;border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap}.view-btn:hover{color:#000000c7;background:#00000017}.view-btn--active{color:#fff;background:var(--pin-red);box-shadow:0 1px 3px #e539354d}.bottom-bar__search-wrap{position:relative;display:flex;align-items:center}.bottom-bar__search-toggle{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#00000080;font-size:15px;border-radius:50%;transition:all var(--transition)}.bottom-bar__search-toggle:hover{color:#000000c7;background:#0000000f}.search-input{width:0;padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-ink);font-size:12px;font-family:var(--font-sans);transition:all .3s ease;opacity:0}.search-input--open{width:140px;padding:4px 10px;background:#0000000d;border:1px solid rgba(0,0,0,.1);opacity:1}.search-input--open:focus{background:#00000012;border-color:#0003}.search-input::placeholder{color:#00000059}.toast{position:fixed;bottom:120px;right:24px;padding:10px 16px;background:var(--paper-yellow);border:none;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;animation:pinDrop .4s cubic-bezier(.34,1.56,.64,1);transform:rotate(-1deg)}@keyframes pinDrop{0%{opacity:0;transform:translateY(-30px) rotate(-3deg)}60%{transform:translateY(4px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}.loading-spinner{display:flex;justify-content:center;padding:40px}.loading-spinner:after{content:"";width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--pin-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light);font-family:var(--font-hand)}.empty-state__icon{font-size:48px;margin-bottom:16px}.empty-state__text{font-size:24px;margin-bottom:8px;color:var(--text-pencil)}.empty-state__sub{font-size:18px}.legal-link{padding:3px 8px;font-size:11px;font-family:var(--font-sans);color:#00000059;background:none;border:none;cursor:pointer;transition:color .15s;white-space:nowrap;flex-shrink:0}.legal-link:hover{color:#000000a6}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:600;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:20px}.legal-dialog{position:relative;background:var(--paper-white);border-radius:12px;max-width:640px;width:100%;max-height:80vh;box-shadow:0 12px 48px #0000002e;display:flex;flex-direction:column}.legal-dialog__close{position:absolute;top:12px;right:14px;width:32px;height:32px;font-size:22px;line-height:1;color:var(--text-pencil);background:none;border:none;border-radius:50%;cursor:pointer;z-index:2;transition:all .15s;display:flex;align-items:center;justify-content:center}.legal-dialog__close:hover{background:#0000000f;color:var(--text-ink)}.legal-dialog__body{padding:28px 28px 32px;overflow-y:auto;-webkit-overflow-scrolling:touch}.legal-dialog__body h2{font-size:20px;font-weight:700;font-family:var(--font-sans);color:var(--text-ink);margin:24px 0 10px;line-height:1.3}.legal-dialog__body h2:first-child{margin-top:0}.legal-dialog__body h3{font-size:15px;font-weight:700;font-family:var(--font-sans);color:var(--text-ink);margin:18px 0 6px;line-height:1.3}.legal-dialog__body p{font-size:13px;font-family:var(--font-sans);color:var(--text-pencil);line-height:1.7;margin:6px 0}.legal-dialog__body em{color:var(--text-light);font-style:italic}.legal-dialog__body strong{color:var(--text-ink);font-weight:700}.legal-dialog__body ul{padding-left:20px;margin:6px 0}.legal-dialog__body li{font-size:13px;font-family:var(--font-sans);color:var(--text-pencil);line-height:1.7;margin:4px 0}.legal-dialog__body hr{border:none;border-top:1px solid rgba(0,0,0,.08);margin:24px 0}.legal-dialog__body a{color:var(--pin-blue);text-decoration:underline}.legal-dialog__body a:hover{color:var(--pin-red)}.menu-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#0000000d;border:1px solid rgba(0,0,0,.08);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;z-index:10}.menu-btn:hover{background:#00000017;transform:translateY(-50%) scale(1.05)}.menu-btn__icon{font-size:20px;line-height:1;color:var(--text-pencil);font-family:var(--font-sans)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:9000;transition:background .3s}.menu-overlay--visible{background:#0000004d}.menu-panel{position:fixed;top:0;right:-300px;width:280px;max-width:85vw;height:100%;background:#ffffffe0;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:-4px 0 24px #0000001a;z-index:9001;transition:right .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow-y:auto}.menu-panel--open{right:0}.menu-panel__header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid rgba(0,0,0,.07)}.menu-panel__title{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--text-ink)}.menu-panel__close{background:none;border:none;color:var(--text-pencil);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.menu-panel__close:hover{background:#0000000f}.menu-user{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(0,0,0,.07)}.menu-user__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e53935,#ff7043);color:#fff;font-size:20px;font-weight:700;font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.menu-user__avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover}.menu-user__avatar-fallback{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e53935,#ff7043);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.menu-user__info{min-width:0;flex:1}.menu-user__name-row{display:flex;align-items:center;gap:6px}.menu-user__name{font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--text-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-user__edit-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;opacity:.5;transition:opacity .15s}.menu-user__edit-btn:hover{opacity:1}.menu-user__name-edit{display:flex;align-items:center;gap:4px}.menu-user__name-input{font-family:var(--font-sans);font-size:14px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);width:120px;outline:none}.menu-user__name-input:focus{border-color:var(--accent)}.menu-user__name-save,.menu-user__name-cancel{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;padding:3px 8px;transition:background .15s}.menu-user__name-save:hover{background:#43a0471a;border-color:var(--success)}.menu-user__name-cancel:hover{background:#e539351a;border-color:var(--error)}.menu-user__role{font-family:var(--font-sans);font-size:12px;color:var(--text-light);margin-top:2px}.menu-lang{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(0,0,0,.07)}.menu-lang__label{font-family:var(--font-sans);font-size:14px;color:var(--text-pencil)}.menu-lang__select{font-family:var(--font-sans);font-size:13px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;outline:none}.menu-lang__select:focus{border-color:var(--accent)}.menu-nav{display:flex;flex-direction:column;padding:8px 0}.menu-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:none;border:none;font-family:var(--font-sans);font-size:14px;color:var(--text-ink);cursor:pointer;transition:background .15s;text-align:left;width:100%}.menu-item:hover{background:#0000000a}.menu-item--danger{color:#e53935}.menu-item--danger:hover{background:#e5393514}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:9500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.auth-dialog{background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:32px 28px;width:360px;max-width:90vw;position:relative;box-shadow:0 12px 40px #0000001f}.auth-dialog__close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-pencil);font-size:22px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.auth-dialog__close:hover{background:#0000000f}.auth-dialog__title{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--text-ink);margin:0 0 20px}.auth-dialog__hint{font-family:var(--font-sans);font-size:13px;color:var(--text-pencil);margin:0 0 12px}.auth-dialog__input{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff9;color:var(--text-ink);font-family:var(--font-sans);font-size:15px;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-dialog__input:focus{border-color:#e53935}.auth-dialog__input::placeholder{color:#0000004d}.auth-dialog__btn{width:100%;margin-top:14px;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#e53935,#ff7043);color:#fff;font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.auth-dialog__btn:hover{opacity:.9;transform:translateY(-1px)}.auth-dialog__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-dialog__error{font-family:var(--font-sans);font-size:12px;color:#e53935;margin:8px 0 0;min-height:16px}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:9500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.panel-dialog{background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(0,0,0,.08);border-radius:16px;width:480px;max-width:92vw;max-height:75vh;display:flex;flex-direction:column;position:relative;box-shadow:0 12px 40px #0000001f}.panel-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid rgba(0,0,0,.07)}.panel-dialog__title{font-family:var(--font-sans);font-size:17px;font-weight:700;color:var(--text-ink)}.panel-dialog__close{background:none;border:none;color:var(--text-pencil);font-size:22px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.panel-dialog__close:hover{background:#0000000f}.panel-dialog__body{overflow-y:auto;padding:12px 20px 20px;flex:1}.panel-dialog__empty{font-family:var(--font-sans);font-size:14px;color:var(--text-light);text-align:center;padding:32px 0}.panel-site-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);text-decoration:none}.panel-site-item:last-child{border-bottom:none}.panel-site-item__favicon{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#0000000a}.panel-site-item__info{min-width:0;flex:1}.panel-site-item__title{font-family:var(--font-sans);font-size:14px;color:var(--text-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-site-item__domain{font-family:var(--font-mono);font-size:11px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-site-item__remove{background:none;border:none;color:#00000038;font-size:16px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;transition:color .2s,background .2s}.panel-site-item__remove:hover{color:#e53935;background:#e5393514}[dir=rtl] .header__logo,[dir=rtl] .header__stats{direction:ltr}[dir=rtl] .menu-panel{left:0;right:auto;transform:translate(-100%)}[dir=rtl] .menu-panel--open{transform:translate(0)}[dir=rtl] .menu-item{text-align:right}[dir=rtl] .bottom-bar{direction:rtl}[dir=rtl] .submit-fab-wrap{left:24px;right:auto}[dir=rtl] .chat-channel{left:auto;right:0}[dir=rtl] .site-tooltip{direction:rtl}.site-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding:20px 0;min-height:200px}.site-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:160px;min-height:130px;padding:24px 14px 14px;background:var(--paper-yellow);border:none;border-radius:2px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-paper);transition:transform var(--transition),box-shadow var(--transition);text-decoration:none;color:var(--text-ink);overflow:visible}.site-card:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--pin-color, var(--pin-red));border-radius:50%;box-shadow:var(--shadow-pin),inset -2px -2px 3px #0003,inset 2px 2px 3px #fff6;z-index:2}.site-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(0,0,0,.03) 24px,rgba(0,0,0,.03) 25px);pointer-events:none;border-radius:inherit}.site-card:hover{transform:rotate(0) scale(1.05)!important;box-shadow:var(--shadow-paper-hover);z-index:10}.site-card__favicon{width:32px;height:32px;object-fit:contain;border-radius:4px;pointer-events:none;flex-shrink:0;border:2px solid rgba(0,0,0,.06);background:#fff;padding:2px}.site-card__favicon--fallback{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:4px;color:var(--text-pencil);font-weight:700;font-size:16px;font-family:var(--font-hand);flex-shrink:0}.site-card__title{font-family:var(--font-hand);font-size:16px;font-weight:700;color:var(--text-ink);margin-top:8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.site-card__domain{font-size:11px;font-family:var(--font-mono);color:var(--text-pencil);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.site-card__desc{font-size:11px;font-family:var(--font-sans);color:var(--text-pencil);margin-top:6px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;width:100%}.site-card__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.site-card__tag{padding:1px 7px;font-size:10px;font-family:var(--font-hand);font-weight:600;color:var(--text-pencil);background:#0000000a;border-radius:2px;position:relative}.site-card__tag:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--tape-yellow);border-radius:1px}.site-card--profile{width:160px;min-height:130px;padding:24px 14px 14px;align-items:flex-start;text-align:left}.site-card--profile:before{display:none}.site-card--profile .site-card__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #0000001f;pointer-events:none;flex-shrink:0;background:#ffffff4d}.site-card--profile .site-card__avatar--fallback{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #0000001f;color:var(--pin-blue);font-weight:700;font-size:24px;font-family:var(--font-hand);flex-shrink:0}.site-card--profile .site-card__badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:var(--platform-color, var(--pin-blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:var(--font-sans);box-shadow:var(--shadow-pin),inset -1px -1px 2px #0003,inset 1px 1px 2px #ffffff4d;z-index:2;z-index:3;line-height:1}.site-card--profile .site-card__title{font-size:13px;font-weight:700;margin-top:6px;-webkit-line-clamp:1;text-align:left;width:100%;font-family:var(--font-hand)}.site-card--profile .site-card__username{font-size:11px;font-family:var(--font-mono);color:var(--text-pencil);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.site-card--profile .site-card__bio{font-size:11px;font-family:var(--font-hand);color:var(--text-pencil);margin-top:4px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-align:center;width:100%}.site-card--profile .site-card__platform{font-size:10px;font-family:var(--font-sans);color:var(--text-light);margin-top:auto;padding-top:4px}.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{font-size:10px;color:var(--text-light);margin-bottom:6px}.site-tooltip--profile .site-tooltip__bio{font-size:12px;color:var(--text-pencil);margin-bottom:8px;line-height:1.4;font-family:var(--font-sans);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.site-card--new{animation:pinDrop .6s cubic-bezier(.34,1.56,.64,1)}@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)}}.site-tooltip{position:fixed;z-index:200;background:var(--paper-white);border:none;border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-paper-hover);pointer-events:none;max-width:320px;animation:tooltipIn .2s ease}.site-tooltip:before{content:"";position:absolute;top:0;left:16px;right:16px;height:5px;background:var(--tape-yellow);border-radius:0 0 2px 2px}.site-tooltip:has(.site-tooltip__preview):before{display:none}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.site-tooltip__preview{margin:-14px -16px 10px;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;max-height:180px}.site-tooltip__preview img{width:100%;height:auto;display:block;object-fit:cover;max-height:180px}.site-tooltip__title{font-size:15px;font-weight:700;font-family:var(--font-hand);color:var(--text-ink);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.site-tooltip__url{font-size:11px;font-family:var(--font-mono);color:var(--pin-blue);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-tooltip__desc{font-size:12px;color:var(--text-pencil);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-family:var(--font-sans)}.site-tooltip__stats{display:flex;gap:12px;font-size:11px;font-family:var(--font-mono);color:var(--text-pencil)}.site-tooltip__stat{display:flex;align-items:center;gap:3px}.site-tooltip__stat-value{color:var(--pin-red);font-weight:600}.site-list{display:flex;flex-direction:column;gap:6px}.site-list-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--paper-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;color:var(--text-ink);box-shadow:1px 2px 5px #00000014}.site-list-item:hover{box-shadow:var(--shadow-paper);transform:translate(2px)}.site-list-item__favicon{width:20px;height:20px;border-radius:3px;object-fit:contain;flex-shrink:0}.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;overflow:hidden;text-overflow:ellipsis;color:var(--text-ink)}.site-list-item__url{font-size:11px;font-family:var(--font-mono);color:var(--text-pencil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-list-item__stats{display:flex;gap:10px;font-size:11px;color:var(--text-pencil);font-family:var(--font-mono);flex-shrink:0}.site-list-item__time{font-size:11px;color:var(--text-light);font-family:var(--font-mono);flex-shrink:0}.site-card__boost-btn{position:absolute;bottom:4px;right:4px;padding:2px 6px;font-size:10px;font-family:var(--font-mono);color:var(--text-pencil);background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:3px;cursor:pointer;z-index:5;transition:all .15s,opacity .2s;line-height:1.4;opacity:0}.site-card:hover .site-card__boost-btn{opacity:1}.site-card__boost-btn:hover{background:#ff98001f;border-color:#ff98004d;color:#e65100}.site-card__boost-btn--done{color:#e65100;cursor:default;border-color:#ff980026;background:#ff98000f;opacity:1}.site-card__claim-btn{position:absolute;top:-4px;right:8px;width:18px;height:18px;background:#00000014;color:var(--text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:none;cursor:pointer;z-index:3;line-height:1;transition:all .15s;opacity:0}.site-card:hover .site-card__claim-btn{opacity:.6}.site-card__claim-btn:hover{opacity:1!important;background:#4caf50;color:#fff}.site-card__verified{position:absolute;top:-4px;right:8px;width:18px;height:18px;background:gold;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 1px 4px #0003;z-index:3;line-height:1}.site-card--top{box-shadow:var(--shadow-paper),0 0 12px #ffd70066}.site-card--top:before{background:gold!important;box-shadow:var(--shadow-pin),0 0 6px #ffd70099,inset -2px -2px 3px #0003,inset 2px 2px 3px #fff6}.site-card--top[data-rank]:after{content:attr(data-rank);position:absolute;top:-14px;left:50%;transform:translate(-50%) translate(14px);width:16px;height:16px;background:gold;color:#4a3500;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;font-family:var(--font-mono);z-index:3;box-shadow:0 1px 3px #00000026}.site-card--top[data-rank=""]:after{display:none}.claim-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.claim-dialog{background:var(--paper-white);border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 8px 32px #0003}.claim-dialog h3{margin:0 0 12px;font-family:var(--font-hand);font-size:18px;color:var(--text-ink)}.claim-dialog p{margin:0 0 8px;font-size:13px;color:var(--text-pencil);font-family:var(--font-sans);line-height:1.5}.claim-dialog__code{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:10px 12px;font-size:12px;font-family:var(--font-mono);color:var(--text-ink);overflow-x:auto;white-space:pre;margin:8px 0 12px;-webkit-user-select:all;user-select:all}.claim-dialog__actions{display:flex;gap:8px;margin-top:16px}.claim-dialog__verify,.claim-dialog__cancel{padding:8px 20px;font-size:13px;font-family:var(--font-sans);border:none;border-radius:6px;cursor:pointer;transition:all .15s}.claim-dialog__verify{background:#4caf50;color:#fff}.claim-dialog__verify:hover{background:#43a047}.claim-dialog__verify:disabled{opacity:.5;cursor:not-allowed}.claim-dialog__cancel{background:#e0e0e0;color:var(--text-ink)}.claim-dialog__cancel:hover{background:#d5d5d5}.claim-dialog__msg{margin-top:10px;font-size:13px;font-family:var(--font-sans);min-height:20px}.site-card--promoted{border:2px solid transparent;background-clip:padding-box;box-shadow:var(--shadow-paper),0 0 16px #a855f759,0 0 32px #a855f726}.site-card--promoted:before{background:linear-gradient(135deg,#a855f7,#6366f1)!important;box-shadow:var(--shadow-pin),0 0 8px #a855f799,inset -2px -2px 3px #0003,inset 2px 2px 3px #fff6}.site-card__promoted-tag{position:absolute;top:-4px;left:8px;padding:1px 6px;font-size:9px;font-family:var(--font-sans);font-weight:700;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:3px;z-index:3;letter-spacing:.5px;box-shadow:0 1px 4px #a855f74d}.site-card__promote-btn{position:absolute;bottom:4px;left:4px;padding:2px 5px;font-size:10px;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:3px;cursor:pointer;z-index:5;transition:all .15s;line-height:1.4;opacity:0}.site-card:hover .site-card__promote-btn{opacity:.6}.site-card__promote-btn:hover{opacity:1!important;background:#a855f71a;border-color:#a855f74d}.promote-dialog__plans{display:flex;gap:8px;margin:16px 0}.promote-dialog__plan{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .15s;position:relative}.promote-dialog__plan:hover,.promote-dialog__plan--popular{border-color:#a855f7;background:#faf5ff}.promote-dialog__plan-badge{position:absolute;top:-8px;right:-6px;padding:1px 7px;font-size:10px;font-family:var(--font-sans);font-weight:700;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:8px}.promote-dialog__plan-name{font-size:14px;font-weight:700;font-family:var(--font-sans);color:var(--text-ink)}.promote-dialog__plan-price{font-size:18px;font-weight:800;font-family:var(--font-mono);color:#a855f7}.promote-dialog__plan:disabled{opacity:.5;cursor:not-allowed}.promote-dialog__features{display:flex;flex-direction:column;gap:6px;font-size:12px;font-family:var(--font-sans);color:var(--text-pencil);padding:10px 0}.site-card__bookmark-btn{position:absolute;bottom:6px;left:6px;width:28px;height:28px;border:none;background:#fff9;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:3}.site-card:hover .site-card__bookmark-btn{opacity:1}.site-card__bookmark-btn:hover{background:#ffffffe6}@media(max-width:640px){.app{padding:0 6px 220px}.header{flex-direction:column;gap:4px;align-items:flex-start;padding:8px 12px;margin:6px}.header__subtitle{display:none}.header__title{font-size:20px}.site-grid{gap:8px;padding:12px 0}.site-card{width:calc(50% - 6px);min-height:110px;padding:20px 10px 10px}.site-card--profile{width:calc(50% - 6px)}.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{left:8px!important;right:8px!important;max-width:none}.submit-fab-wrap{bottom:calc(220px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px))}.submit-fab{width:44px;height:44px}.submit-fab__icon{font-size:22px}.submit-panel{width:calc(100% - 24px);right:-6px;max-width:360px}.bottom-bar{padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);bottom:0;height:calc(46px + env(safe-area-inset-bottom,0px))}.tag-btn,.view-btn{font-size:13px;padding:4px 10px}.search-input--open{width:100px}}@media(min-width:641px)and (max-width:1024px){.app{padding:0 20px 220px}.site-card{width:155px}.submit-fab-wrap{bottom:50px}}@media(min-width:1025px){.app{padding-bottom:220px}.site-grid{gap:20px}.site-card{width:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.chat-channel{position:fixed;bottom:40px;left:0;width:540px;height:420px;display:flex;flex-direction:column;z-index:100;pointer-events:auto;background:transparent}.chat-channel__messages{flex:1;min-height:0;overflow-y:scroll;overscroll-behavior:contain;padding:8px 24px;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 100%);pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.chat-message{padding:5px 40px 5px 12px;margin-bottom:6px;border-radius:2px;font-size:14px;font-family:var(--font-sans);line-height:1.4;animation:noteSlideIn .4s cubic-bezier(.34,1.56,.64,1);transition:opacity .8s ease;pointer-events:auto;max-width:500px;word-break:break-word;box-shadow:1px 2px 5px #00000014;color:var(--text-ink);position:relative}.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);font-weight:700;margin-right:6px}.chat-message--system{background:var(--paper-blue);transform:rotate(.5deg)}.chat-message--system .chat-message__sender{font-weight:700;color:var(--pin-blue);margin-right:6px}.chat-message--entrance{background:var(--paper-green);font-weight:600;padding-left:24px;animation:pinBounceIn .6s cubic-bezier(.34,1.56,.64,1);transform:rotate(-.8deg)}.chat-message--entrance:before{content:"";position:absolute;top:-4px;left:8px;width:10px;height:10px;background:var(--pin-green);border-radius:50%;box-shadow:var(--shadow-pin),inset -1px -1px 2px #0003,inset 1px 1px 2px #ffffff4d}.chat-message__icon{margin-right:4px}.chat-message__like-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:13px;color:#00000059;padding:2px 6px;border-radius:10px;transition:color .2s,transform .2s;line-height:1;opacity:0;pointer-events:none;font-family:var(--font-sans)}.chat-message:hover .chat-message__like-btn{opacity:1;pointer-events:auto;color:#0000008c}.chat-message__like-btn:hover{color:#e53935;transform:translateY(-50%) scale(1.2)}.chat-message__like-btn--liked{color:#e53935!important;opacity:1!important;pointer-events:none}.chat-message--liked-glow{animation:likedGlow 1.2s ease-out}@keyframes likedGlow{0%{box-shadow:1px 2px 5px #00000014,0 0 #e5393500}20%{box-shadow:1px 2px 5px #00000014,0 0 12px 4px #e5393559}60%{box-shadow:1px 2px 5px #00000014,0 0 18px 6px #e5393526}to{box-shadow:1px 2px 5px #00000014,0 0 #e5393500}}.chat-message__heart-particle{position:absolute;right:14px;top:50%;font-size:14px;pointer-events:none;z-index:10;animation:heartBurst .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes heartBurst{0%{opacity:1;transform:translate(0) scale(.4) rotate(0)}30%{opacity:1;transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .4)) scale(1.1) rotate(calc(var(--rot) * .5))}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6) rotate(var(--rot))}}.chat-message__like-tag{position:absolute;right:-4px;top:-16px;background:#e53935e6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:11;animation:likeTagFade 2.5s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 2px 8px #e539354d}@keyframes likeTagFade{0%{opacity:0;transform:translateY(4px) scale(.8)}12%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.9)}}.chat-message__translate-btn{display:inline-block;margin-left:6px;background:none;border:1px solid rgba(0,0,0,.15);border-radius:8px;cursor:pointer;font-size:11px;color:#00000080;padding:1px 7px;font-family:var(--font-sans);transition:color .2s,border-color .2s,background .2s;vertical-align:middle;line-height:1.4}.chat-message__translate-btn:hover{color:var(--pin-blue);border-color:var(--pin-blue);background:#1e88e50f}.chat-message__translate-btn--loading{pointer-events:none;opacity:.6}.chat-message__translated{display:block;margin-top:4px;padding:3px 8px;background:#1e88e50f;border-left:2px solid var(--pin-blue);border-radius:2px;font-size:13px;color:var(--text-ink);line-height:1.4;animation:translateFadeIn .3s ease}@keyframes translateFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@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{display:flex;gap:8px;padding:6px 24px 14px;pointer-events:auto;align-items:center}.chat-channel__input{flex:1;padding:8px 14px;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-sans);transition:border-color var(--transition),box-shadow var(--transition);max-width:400px;box-shadow:inset 1px 1px 3px #0000000a}.chat-channel__input:focus{border-color:var(--pin-blue);box-shadow:inset 1px 1px 3px #0000000a,0 0 0 2px #1e88e51f}.chat-channel__input::placeholder{color:var(--text-light);font-family:var(--font-sans)}.chat-channel__send{padding:7px 16px;background:var(--pin-blue);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-sans);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;box-shadow:1px 2px 5px #0000001a}.chat-channel__send:hover{background:#1565c0;transform:translateY(-1px);box-shadow:2px 3px 8px #00000026}.chat-channel__send:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:768px){.chat-channel{width:100%;height:160px;bottom:calc(46px + env(safe-area-inset-bottom,0px))}.chat-channel__messages{padding:4px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-message{font-size:13px;padding:4px 32px 4px 10px;margin-bottom:4px}.chat-channel__input-area{padding:4px 12px 6px}.chat-channel__input{max-width:none;font-size:14px;padding:6px 12px}.chat-channel__send{padding:5px 10px;font-size:13px}}