*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;background:#0a0a0a;color:#fff}#canvas{display:block;position:fixed;inset:0;width:100vw;height:100vh;cursor:grab;touch-action:none}#controls{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100;align-items:flex-end}#wallet-info{background:#2a2a2ae6;padding:8px 16px;border-radius:6px;font-size:12px;border:1px solid #444}#wallet-info .wallet-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px}#wallet-info .wallet-user{color:#4caf50}#wallet-info .wallet-balance{color:gold;font-size:12px}#wallet-info .wallet-yield-line{color:#9ecbff;font-size:11px}#wallet-info .wallet-yield-actions{margin-top:4px;display:flex;justify-content:flex-end}#wallet-info .wallet-transfer-actions{margin-top:4px;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}#wallet-info .wallet-token-help{margin-top:6px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#f6d58a;font-size:11px}#wallet-info .wallet-token-help-actions{display:flex;align-items:center;gap:8px}#wallet-info .wallet-token-help-actions a{color:#9ecbff;text-decoration:none}#wallet-info .wallet-token-help-actions a:hover{text-decoration:underline}#wallet-info .wallet-evidence-box{margin-top:6px;padding:6px 8px;border:1px solid #2f455a;border-radius:8px;background:#0e1e2d8c;display:flex;flex-direction:column;align-items:flex-end;gap:3px}#wallet-info .wallet-evidence-title{color:#9ecbff;font-size:11px;font-weight:600}#wallet-info .wallet-evidence-row{color:#c9d6e2;font-size:10px;text-align:right}#wallet-info .wallet-evidence-row a{color:#9ecbff;text-decoration:none}#wallet-info .wallet-evidence-row a:hover{text-decoration:underline}#wallet-info .wallet-top-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}#wallet-info .wallet-main{display:flex;flex-direction:column;align-items:flex-end;gap:4px}#wallet-info .wallet-user-row{display:flex;align-items:center;gap:6px}#wallet-info .wallet-user-btn{min-height:0;padding:0;border:none;background:transparent;color:#4caf50;font-size:12px;cursor:pointer}#wallet-info .wallet-user-btn:hover{text-decoration:underline}#wallet-info .wallet-stats{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#controls .wallet-stat-btn{min-height:0;padding:4px 8px;font-size:11px;border-radius:8px;line-height:1.2;color:#c9d6e2}#wallet-info .wallet-logout-btn{min-height:0;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid #8a1f24;background:#8c182033;color:#ff7078;font-size:12px;line-height:1;cursor:pointer}#wallet-info .wallet-address-row{display:flex;align-items:center;gap:8px}#wallet-info .wallet-address{font-size:11px;color:#bbb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all;text-align:right;max-width:240px}#controls .wallet-copy-btn{flex:0 0 auto;min-height:0;padding:6px 10px;font-size:12px;border-radius:10px;line-height:1}.social-list{margin-top:10px;max-height:260px;overflow-y:auto;border:1px solid #333;border-radius:8px;background:#ffffff05}.social-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #2d2d2d}.social-row:last-child{border-bottom:none}.social-user-text{display:flex;flex-direction:column;gap:3px;min-width:0}.social-user-text strong{font-size:13px;color:#e7f2ff}.social-user-text span{font-size:11px;color:#9ca7b3;word-break:break-all}.social-action-btn{min-height:0;padding:6px 10px;font-size:12px;border-radius:8px}.social-action-btn:disabled{opacity:.7;cursor:default}.social-empty{padding:12px;color:#9ca7b3;font-size:12px}.social-subtitle{margin-top:14px;margin-bottom:8px;font-size:13px;color:#9ecbff}#followingSearchInput{width:100%;margin-top:8px;margin-bottom:8px}.social-user-link{border:none;background:transparent;color:#e7f2ff;font-size:13px;font-weight:700;text-align:left;padding:0;margin:0}.social-user-link:hover{color:#9ecbff;text-decoration:underline;transform:none}.owner-feed-view{position:fixed;inset:0;z-index:1500;background:#0a0a0a;display:none;flex-direction:column;overflow:hidden}.owner-feed-view.active{display:flex}.owner-feed-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #2a2a2a;background:#0f0f0ff2}.owner-feed-header h2{margin:0;font-size:18px}.owner-feed-header p{margin:2px 0 0;font-size:12px;color:#8fa2b6}#closeOwnerFeedBtn{min-height:0;padding:8px 10px}.mobile-only-control{display:none}.mobile-create-wrap{position:relative}.mobile-create-menu{display:none}.owner-feed-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px;align-items:center}.owner-post-card{flex:0 0 auto;border:1px solid #2f2f2f;border-radius:12px;background:#121212;overflow:hidden;width:min(100%,320px)}.owner-post-card.owner-post-card-focused{border-color:#9ecbff;box-shadow:0 0 0 2px #9ecbff66}.owner-post-render{width:100%;height:auto;display:block;background:#050505}.owner-feed-empty{color:#95a3b3;font-size:14px}button{background:#2a2a2a;color:#fff;border:1px solid #444;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}button:hover{background:#333;border-color:#555;transform:translateY(-1px)}button:active{transform:translateY(0)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1700;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:20px;font-size:24px}.modal-content form{display:flex;flex-direction:column;gap:20px}.modal-content label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}.modal-content input[type=text],.modal-content input[type=url],.modal-content input[type=datetime-local],.modal-content textarea{background:#0a0a0a;border:1px solid #333;color:#fff;padding:12px;border-radius:6px;font-size:14px;font-family:inherit}.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:#555}.modal-content textarea{min-height:100px;resize:vertical}.photo-picker{min-height:200px;border:2px dashed #333;border-radius:12px;overflow:hidden;background:#0a0a0a}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:24px;gap:16px}.photo-placeholder p{color:#888;font-size:15px;margin:0}.photo-hint{font-size:12px!important;color:#666!important;margin-top:4px!important}.paid-post-options{padding:12px 0;border-top:1px solid #333}.paid-post-options>label{display:block;margin-bottom:8px;font-size:14px}.size-options{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.size-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#ccc}.size-option input{margin:0}.paid-price{font-size:18px;font-weight:600;color:#4caf50;margin:0}.photo-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-photo{padding:12px 20px;border-radius:8px;font-size:15px;cursor:pointer;background:#1a1a1a;border:1px solid #444;color:#fff;transition:all .2s}.btn-photo:hover{background:#252525;border-color:#555}.photo-preview{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background:#111}.photo-preview img{max-width:100%;max-height:320px;object-fit:contain;display:block}.remove-photo{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.remove-photo:hover{background:#c80000e6}.webcam-modal .modal-content{max-width:420px}.webcam-hint{color:#888;font-size:13px;margin-bottom:12px}#webcamVideo,#wonSlotWebcamVideo{width:100%;max-height:360px;background:#000;border-radius:8px;display:block;margin-bottom:16px}.webcam-buttons{display:flex;gap:12px;justify-content:center}.webcam-buttons .btn-cancel{background:transparent;border-color:#555}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-buttons button[type=submit]{background:#06c;border-color:#06c}.modal-buttons button[type=submit]:hover{background:#0052a3}#connect-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;text-align:center;padding:40px}#connect-screen h1{font-size:48px;margin-bottom:20px;color:#fff}.brand-title{display:inline-flex;align-items:center;gap:14px;letter-spacing:.4px}.logo-wall{width:44px;height:30px;border-radius:8px;border:2px solid #fff;box-shadow:0 0 0 1px #7a1212cc inset;background-image:linear-gradient(to bottom,transparent 13px,#fff 13px 15px,transparent 15px),repeating-linear-gradient(to right,#b71c1c 0 18px,#fff 18px 20px),repeating-linear-gradient(to right,#d32f2f 0 18px,#fff 18px 20px);background-size:100% 100%,100% 14px,100% 14px;background-position:0 0,0 0,10px 14px;background-repeat:no-repeat;flex:0 0 auto}.logo-wall-img{width:44px;height:30px;flex:0 0 auto;display:block}#connect-screen>p{font-size:18px;color:#aaa;margin-bottom:40px;max-width:600px;line-height:1.6}.connect-button{font-size:20px;padding:18px 48px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.connect-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.connect-button:active{transform:translateY(0)}.connect-button:disabled{opacity:.6;cursor:not-allowed;transform:none}#connect-status{margin-top:30px;font-size:16px;min-height:24px}.branding-note{margin-top:28px;padding:14px 18px;background:#ffffff08;border:1px solid #2e2e2e;border-radius:10px;max-width:560px;font-size:14px;color:#9aa0a6;line-height:1.5}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#00fffff2;color:#0a0a0a;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;z-index:2000;opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 20px #0ff6;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.sale-price-row{margin-top:12px;padding:12px;background:#ffffff08;border:1px solid #333;border-radius:8px}.sale-price-label{display:block;font-size:13px;color:#ccc;font-weight:600;margin-bottom:8px}.sale-price-input{width:100%;background:#0f0f0f;border:1px solid #444;color:#fff;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500}.sale-price-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.sale-price-input::-webkit-outer-spin-button,.sale-price-input::-webkit-inner-spin-button{opacity:1}@media (max-width: 640px){#connect-screen h1.brand-title{font-size:36px;gap:10px}#connect-screen .logo-wall,#connect-screen .logo-wall-img{width:36px;height:24px;border-radius:6px}#controls{inset:auto 0 0;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;padding:6px 8px;padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right));padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#0a0a0aa6;border:1px solid #333;border-left:none;border-right:none;border-bottom:none;border-radius:14px 14px 0 0;z-index:900;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateZ(0);will-change:transform}#controls button{flex:1 1 calc(50% - 8px);padding:9px 10px;font-size:12px;border-radius:10px;min-height:38px}#wallet-info{order:10;flex:1 1 100%;width:100%;padding:6px 8px;text-align:left}.mobile-only-control{display:inline-block}#addPost,#addPaidPost,#addAuctionPost{display:none}#controls .mobile-only-control{flex:1 1 calc(33.33% - 8px);min-height:38px;padding:8px 6px;font-size:12px}#mobileCreateWrap{flex:1 1 calc(33.33% - 8px);position:relative}#mobileCreateBtn{width:100%;min-height:38px;border-radius:12px;font-size:22px;line-height:1;padding:0}#mobileCreateMenu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid #3a3a3a;background:#0c0c0cf5;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:950}#mobileCreateWrap.open #mobileCreateMenu{display:flex}#mobileCreateMenu button{min-height:36px;padding:8px;font-size:12px;border-radius:8px}#sendStrkBtn{font-size:0;min-height:38px}#sendStrkBtn:before{content:"⇄";font-size:16px;line-height:1}#swapWbtcToStrkBtn{font-size:0;min-height:38px}#swapWbtcToStrkBtn:before{content:"⇄";font-size:16px;line-height:1}#wallet-info .wallet-box{align-items:stretch;gap:4px}#wallet-info .wallet-top-row{align-items:center;gap:6px}#wallet-info .wallet-main{align-items:flex-end;gap:1px}#wallet-info .wallet-user,#wallet-info .wallet-user-btn,#wallet-info .wallet-balance{font-size:11px}#wallet-info .wallet-stats{flex-direction:row;align-items:center;gap:4px}#controls .wallet-stat-btn{min-height:28px;padding:4px 6px;font-size:11px;border-radius:7px;line-height:1.1}#wallet-info .wallet-address-row{display:none}#controls #wallet-logout-btn{width:30px;min-height:28px;padding:4px 0;font-size:13px}}#postAuctionInfo{margin-top:10px;font-size:13px;line-height:1.45;color:#9ecbff}.post-ref-actions{display:flex;gap:8px;align-items:center;margin:8px 0 6px}.post-ref-actions button{min-height:0;padding:6px 10px;font-size:12px}.post-ref-actions a{color:#9ecbff;font-size:12px;text-decoration:underline}.yield-check{display:flex;align-items:center;gap:8px;margin-top:10px;color:#d6e2ef;font-size:13px}.yield-check input[type=checkbox],.yield-check input[type=radio]{width:16px;height:16px}.yield-strategy-group{margin-bottom:10px;border:1px solid #2f3b46;border-radius:10px;padding:10px;background:#161c228c}.yield-strategy-title{margin:0 0 8px;color:#9ecbff;font-size:12px;font-weight:600}.yield-token-help{color:#f6d58a}.yield-token-help-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.yield-token-help-actions a{color:#9ecbff}.yield-token-picker .modal-buttons{justify-content:center}.yield-token-picker .modal-buttons button{min-width:132px}