@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&family=Cormorant+Garant:ital,wght@0,600;1,600&family=Special+Elite&display=swap";:root{--cream: #f2ead8;--kraft: #e0cead;--off-white: #faf5ec;--dusty-pink: #c9848e;--muted-teal: #4a7a75;--coral-red: #c44d3a;--burgundy: #8b2c3a;--sage: #7a9478;--hot-pink: #c4365e;--ink: #2a1f1a;--warm-gray: #6a5848;--pale-pink: #f0dada;--pale-teal: #d5e8e5;--pale-sage: #dce8db;--pale-coral: #f5e8e5;--font-serif: "Playfair Display", Georgia, serif;--font-hand: "Cormorant Garant", Georgia, serif;--font-stamp: "Special Elite", "Courier New", monospace;--font-body: "Nunito", sans-serif;--dot-texture: radial-gradient(#2a1f1a0d 1px, transparent 1px);--dot-size: 16px 16px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg, #fdf6ec)}.landing-title{font-size:2.5rem;margin:0}.landing-tagline{font-size:1rem;color:#888;margin:0}.landing-signin-btn{margin-top:8px;padding:10px 24px;font-size:1rem;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}.landing-signin-btn:hover{background:#f5f5f5}.catalog{display:flex;flex-direction:column;background:var(--kraft);background-image:var(--dot-texture);background-size:var(--dot-size);max-height:45vh;overflow:hidden;flex-shrink:0;z-index:10;border-top:2px dashed var(--ink)}.catalog-handle{display:flex;justify-content:center;padding:6px 0 2px}.collapse-btn{background:var(--warm-gray);border:none;border-radius:3px;width:36px;height:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.collapse-btn:hover{background:var(--ink)}.catalog-tabs-row{display:flex;gap:6px;padding:4px 16px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.catalog-tabs-row::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-stamp);font-size:12px;padding:5px 13px;border-radius:2px;border:1.5px solid var(--warm-gray);background:var(--off-white);color:var(--warm-gray);cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px;flex-shrink:0}.tab-icon{font-size:14px;line-height:1}.tab-label{line-height:1}.tab-btn.active{border-color:var(--sage);background:var(--pale-sage);color:var(--sage);box-shadow:2px 2px 0 var(--sage)}.tab-btn:hover:not(.active){border-color:var(--ink);background:var(--cream)}.catalog-search-row{position:relative;padding:6px 16px 4px;flex-shrink:0}.catalog-search-row input{font-family:var(--font-body);font-size:13px;padding:7px 36px 7px 14px;border:2px dashed var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;width:100%;box-sizing:border-box;transition:border-color .15s,border-style .15s}.catalog-search-row input:focus{border-color:var(--ink);border-style:solid}.catalog-search-row input::placeholder{color:var(--warm-gray)}.search-clear-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--warm-gray);font-size:14px;cursor:pointer;padding:4px;line-height:1}.search-clear-btn:hover{color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 16px 16px;overflow-y:auto;flex:1}.catalog-card{display:flex;flex-direction:column;align-items:center;border:2px solid var(--ink);border-radius:3px;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--off-white);padding:10px 6px 8px;cursor:pointer;transition:background .15s,transform .1s,box-shadow .1s;font-family:var(--font-body);box-shadow:2px 2px 0 var(--ink)}.catalog-card:hover{background:var(--cream)}.catalog-card:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.card-icon-area{width:64px;height:56px;border-radius:2px;background:var(--kraft);margin-bottom:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-sprite-preview{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.card-label{font-family:var(--font-stamp);font-size:11px;color:var(--ink);text-align:center}.card-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;justify-content:center}.card-tag{font-family:var(--font-stamp);font-size:8px;text-transform:uppercase;letter-spacing:.04em;padding:2px 5px;border-radius:2px}.tag-floor{background:var(--kraft);color:var(--warm-gray)}.tag-wall{background:var(--pale-teal);color:var(--muted-teal)}.tag-top{background:var(--pale-sage);color:var(--sage)}.tag-surface{background:var(--pale-coral);color:var(--coral-red)}.catalog-empty{grid-column:1 / -1;text-align:center;font-family:var(--font-hand);font-size:16px;color:var(--warm-gray);padding:24px 0}.style-panel{display:flex;flex-direction:column;gap:6px;padding:10px 16px 16px;overflow-y:auto;flex:1}.style-section-label{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px}.style-swatches-row{display:flex;gap:8px;flex-wrap:wrap}.style-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--off-white);border:2px solid var(--warm-gray);border-radius:3px;padding:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.style-swatch:hover{border-color:var(--ink)}.style-swatch.active{border-color:var(--sage);box-shadow:2px 2px 0 var(--sage)}.swatch-preview{width:40px;height:40px;border-radius:2px;border:1px solid rgba(0,0,0,.12)}.swatch-label{font-family:var(--font-stamp);font-size:9px;color:var(--ink);white-space:nowrap}.letters-screen{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}.letters-screen .letters-content{overflow-y:auto;overflow-x:hidden}.letters-tabs{display:flex;gap:8px;padding:16px 20px 8px;flex-shrink:0}.letters-tab{font-family:var(--font-stamp);font-size:14px;padding:10px 24px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--warm-gray);cursor:pointer;transition:all .15s;flex:1;box-shadow:2px 2px 0 var(--warm-gray)}.letters-tab.active{border-color:var(--burgundy);background:var(--pale-pink);color:var(--burgundy);box-shadow:2px 2px 0 var(--burgundy)}.letters-tab:hover:not(.active){background:var(--off-white)}.letters-content{flex:1;overflow-y:auto;padding:12px 20px 80px}.letters-empty{padding:24px 0}.letters-empty h3{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--ink);margin-bottom:12px}.letters-empty p{font-size:15px;font-family:var(--font-body);color:var(--warm-gray);line-height:1.5;margin-bottom:24px}.empty-action{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--warm-gray)}.go-friends-btn{font-family:var(--font-stamp);font-size:14px;padding:8px 20px;border:2px solid var(--muted-teal);border-radius:3px;background:var(--pale-teal);color:var(--muted-teal);cursor:pointer;box-shadow:2px 2px 0 var(--muted-teal);transition:background .15s,transform .1s,box-shadow .1s}.go-friends-btn:hover{background:#c0dbd8}.go-friends-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.letters-list{display:flex;flex-direction:column;gap:20px}.write-btn{position:absolute;bottom:16px;right:20px;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 28px;border:2.5px solid var(--hot-pink);border-radius:3px;background:var(--off-white);cursor:pointer;font-family:var(--font-stamp);font-size:17px;color:var(--hot-pink);box-shadow:3px 3px 0 var(--hot-pink);transition:background .15s,transform .1s,box-shadow .1s}.write-btn:hover{background:var(--pale-pink)}.write-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--hot-pink)}.write-text{font-size:17px}.trifold-wrap{display:flex;justify-content:center}.trifold-letter{position:relative;width:100%;max-width:480px;height:190px;overflow:hidden;border-radius:3px;font-family:var(--font-body)}.trifold-cover{position:absolute;top:0;left:0;right:0;height:190px;background:linear-gradient(160deg,#faf5ec,#f0e8d0 45%,#eae1c4 55%,#faf5ec);border:1.5px solid rgba(42,31,26,.2);border-radius:3px;z-index:5;transition:transform 1.1s ease,opacity .75s ease;overflow:hidden}.trifold-addr-return{position:absolute;top:14px;left:16px;font-family:var(--font-stamp);font-size:10px;line-height:1.55;color:var(--ink)}.trifold-addr-to{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:var(--font-hand);font-size:14px;line-height:1.6;color:var(--ink);white-space:nowrap}.trifold-cover-stamp{position:absolute;top:14px;right:14px;width:56px;height:56px;background:var(--kraft);border:2px dashed rgba(42,31,26,.35);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:32px}.trifold-stamp-hidden{font-family:var(--font-stamp);font-size:9px;color:var(--warm-gray);text-align:center;line-height:1.3}.trifold-hint{position:absolute;bottom:9px;left:50%;transform:translate(-50%);font-family:var(--font-stamp);font-size:9px;color:#2a1f1a61;letter-spacing:.06em;white-space:nowrap;pointer-events:none}.trifold-delivering{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:62%}.trifold-delivering-label{font-family:var(--font-stamp);font-size:10px;color:var(--coral-red);text-align:center;margin-top:4px;letter-spacing:.04em}.envelope-unread-dot{position:absolute;top:10px;left:10px;width:9px;height:9px;border-radius:50%;background:var(--hot-pink);z-index:10;pointer-events:none}.delivery-track{display:flex;align-items:center;background:var(--kraft);border-radius:2px;height:28px;position:relative;overflow:hidden;border:1px solid var(--warm-gray)}.delivery-progress{height:100%;background:linear-gradient(90deg,var(--muted-teal),#6aa8a2);border-radius:0;transition:width .3s ease}.delivery-icon{font-family:var(--font-stamp);font-size:10px;position:absolute;z-index:1;color:var(--ink);line-height:1}.delivery-icon.left{left:6px}.delivery-icon.right{right:6px}.letter-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.letter-view-nav{padding:12px 20px 8px;flex-shrink:0}.letter-view-back{background:none;border:none;font-family:var(--font-stamp);font-size:15px;color:var(--hot-pink);cursor:pointer;padding:0}.letter-view-back:hover{text-decoration:underline}.letter-view-meta{display:flex;gap:14px;padding:10px 20px 14px;border-bottom:1.5px solid rgba(42,31,26,.1);flex-shrink:0;align-items:flex-start}.letter-view-stamp{font-size:36px;line-height:1;flex-shrink:0;margin-top:2px}.letter-view-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.letter-view-correspondence{font-family:var(--font-hand);font-size:19px;color:var(--ink);line-height:1.2}.letter-view-arrow{color:var(--warm-gray);font-style:normal}.letter-view-dates{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);letter-spacing:.03em;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.letter-view-dates span+span:before{content:"·";margin-right:4px}.letter-view-badges{display:flex;gap:6px;margin-top:2px}.lv-badge{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border-radius:2px;letter-spacing:.06em;white-space:nowrap}.lv-badge-read{background:var(--pale-sage);border:1.5px solid var(--sage);color:var(--sage)}.lv-badge-unread{background:var(--pale-pink);border:1.5px solid var(--dusty-pink);color:var(--dusty-pink)}.lv-badge-delivering{background:var(--pale-coral);border:1.5px solid var(--coral-red);color:var(--coral-red)}.letter-doc-area{flex:1;overflow-y:auto;background:#c9bfa8;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:24px}.letter-doc-page{width:100%;max-width:600px;aspect-ratio:210 / 297;background:var(--off-white);border-radius:1px;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000024;position:relative;overflow:hidden;flex-shrink:0}.letter-doc-page:before,.letter-doc-page:after{content:"";position:absolute;left:0;right:0;height:1px;background:#2a1f1a1a;box-shadow:0 1px 1.5px #2a1f1a12,0 -.5px #ffffff8c;pointer-events:none;z-index:2}.letter-doc-page:before{top:33.333%}.letter-doc-page:after{top:66.666%}.letter-doc-content{padding:52px 44px 64px;font-family:var(--font-hand);font-size:17px;line-height:1.85;color:var(--ink);position:relative;z-index:1}.letter-doc-content p{margin:0}.letter-doc-page-num{position:absolute;bottom:20px;right:26px;font-family:var(--font-stamp);font-size:9px;color:#2a1f1a38;letter-spacing:.12em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.letter-doc-deco{position:absolute;height:80px;width:auto;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none}.letter-doc-deco--overlay{z-index:3}.letter-doc-deco--bg{z-index:0}.letter-doc-pretext{display:block;position:relative}.compose-view{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.compose-top-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1.5px solid rgba(42,31,26,.08);flex-shrink:0;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}.compose-back-btn{background:none;border:none;font-family:var(--font-stamp);font-size:15px;color:var(--hot-pink);cursor:pointer;padding:4px 0;white-space:nowrap;flex-shrink:0}.compose-back-btn:hover{text-decoration:underline}.compose-to-select{flex:1;padding:8px 10px;border:1.5px solid rgba(42,31,26,.2);border-radius:3px;background:var(--off-white);font-family:var(--font-stamp);font-size:13px;color:var(--ink);cursor:pointer;min-width:0}.compose-to-select:focus{outline:none;border-color:var(--hot-pink)}.compose-stamp-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1.5px solid rgba(42,31,26,.08);flex-shrink:0;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);overflow-x:auto}.compose-stamp-label{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);letter-spacing:.07em;text-transform:uppercase;flex-shrink:0}.compose-stamp-opts{display:flex;gap:5px}.compose-stamp-opt{width:34px;height:34px;border:1.5px solid transparent;border-radius:3px;background:var(--kraft);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .1s,background .1s}.compose-stamp-opt:hover{border-color:var(--hot-pink);background:var(--pale-pink)}.compose-stamp-opt.selected{border-color:var(--hot-pink);background:var(--off-white);box-shadow:2px 2px 0 var(--hot-pink)}.compose-doc-area{flex:1;overflow-y:auto;background:#c9bfa8;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:24px}.compose-paper{width:100%;max-width:600px;height:849px;background:var(--off-white);border-radius:1px;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000024;position:relative;overflow:hidden;flex-shrink:0}.compose-paper:before,.compose-paper:after{content:"";position:absolute;left:0;right:0;height:1px;background:#2a1f1a14;box-shadow:0 1px 1.5px #2a1f1a0d,0 -.5px #ffffff73;pointer-events:none;z-index:2}.compose-paper:before{top:283px}.compose-paper:after{top:566px}.compose-content-area{position:absolute;top:52px;left:44px;right:44px;height:733px;overflow:hidden;z-index:2;pointer-events:none}.compose-content-area--readonly{cursor:text;pointer-events:auto}.pretext-content-inner{position:relative;width:100%}.pretext-lines{position:relative;pointer-events:none;font-family:var(--font-hand);font-size:17px;line-height:1;color:var(--ink);white-space:pre}.pretext-line{position:absolute;white-space:pre;line-height:1.85}.pretext-placeholder{position:absolute;top:0;left:0;white-space:pre;line-height:1.85;color:#2a1f1a47;font-style:italic;pointer-events:none}.compose-textarea{pointer-events:auto;position:absolute;top:0;left:0;width:100%;resize:none;border:none;outline:none;background:transparent;font-family:var(--font-hand);font-size:17px;line-height:1.85;color:transparent;caret-color:var(--ink);padding:0;margin:0;overflow:hidden;white-space:pre-wrap;word-break:break-word;z-index:2}.compose-intext-deco{position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:3;transform-origin:top left}.compose-intext-deco:active{cursor:grabbing}.compose-intext-deco img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.deco-wrapper{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.deco-wrapper:active{cursor:grabbing}.deco-wrapper.selected{outline:1.5px dashed var(--hot-pink);outline-offset:4px}.deco-handle{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid var(--hot-pink);border-radius:2px;z-index:10;touch-action:none}.deco-handle--nw{top:-5px;left:-5px;cursor:nwse-resize}.deco-handle--ne{top:-5px;right:-5px;cursor:nesw-resize}.deco-handle--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.deco-handle--se{bottom:-5px;right:-5px;cursor:nwse-resize}.deco-rotate-stem{position:absolute;top:-24px;left:50%;transform:translate(-50%);width:1.5px;height:16px;background:var(--hot-pink);pointer-events:none}.deco-rotate-knob{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fff;border:1.5px solid var(--hot-pink);border-radius:50%;cursor:grab;z-index:10;touch-action:none}.deco-rotate-knob:active{cursor:grabbing}.deco-toolbar{display:flex;align-items:center;gap:4px;padding:5px 8px;background:var(--off-white);border:1.5px solid var(--dusty-pink);border-radius:20px;box-shadow:0 2px 8px #2a1f1a2e;white-space:nowrap;pointer-events:auto}.deco-toolbar-group{display:flex;gap:2px}.deco-toolbar-divider{width:1px;height:16px;background:#2a1f1a26;flex-shrink:0;margin:0 2px}.deco-tb-btn{background:none;border:1.5px solid transparent;border-radius:4px;font-family:var(--font-stamp);font-size:11px;color:var(--ink);cursor:pointer;padding:3px 6px;line-height:1;transition:background .1s,border-color .1s}.deco-tb-btn:hover,.deco-tb-btn.active{background:var(--pale-pink);border-color:var(--hot-pink);color:var(--hot-pink)}.deco-tb-delete{font-size:12px;color:var(--warm-gray)}.deco-tb-delete:hover{color:var(--burgundy);border-color:var(--burgundy);background:var(--pale-coral)}.deco-tb-opacity{width:64px;accent-color:var(--hot-pink);cursor:pointer}.compose-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1.5px solid rgba(42,31,26,.1);background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);flex-shrink:0}.compose-deco-btn{font-family:var(--font-stamp);font-size:13px;padding:8px 16px;border:2px solid var(--muted-teal);border-radius:3px;background:var(--pale-teal);color:var(--muted-teal);cursor:pointer;box-shadow:2px 2px 0 var(--muted-teal);transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap}.compose-deco-btn:hover{background:#c0dbd8}.compose-deco-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.compose-page-count{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);letter-spacing:.04em;flex:1;text-align:center}.compose-send-btn{font-family:var(--font-stamp);font-size:15px;padding:9px 22px;border:2px solid var(--hot-pink);border-radius:3px;background:var(--off-white);color:var(--hot-pink);cursor:pointer;box-shadow:2px 2px 0 var(--hot-pink);transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap}.compose-send-btn:hover{background:var(--pale-pink)}.compose-send-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--hot-pink)}.compose-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 var(--hot-pink)}.deco-panel{position:absolute;bottom:57px;left:0;right:0;height:55%;background:var(--off-white);border-top:2px solid var(--dusty-pink);box-shadow:0 -4px 20px #2a1f1a26;z-index:50;display:flex;flex-direction:column}.deco-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(42,31,26,.08);flex-shrink:0;gap:8px}.deco-panel-title{font-family:var(--font-stamp);font-size:13px;color:var(--ink);letter-spacing:.04em;flex:1;text-align:center}.deco-panel-close{background:none;border:none;font-family:var(--font-body);font-size:22px;color:var(--warm-gray);cursor:pointer;line-height:1;padding:0 2px}.deco-panel-close:hover{color:var(--hot-pink)}.deco-panel-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px}.deco-thumb{background:var(--kraft);border:1.5px solid transparent;border-radius:4px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;transition:border-color .1s,background .1s,transform .1s}.deco-thumb:hover{border-color:var(--hot-pink);background:var(--pale-pink);transform:scale(1.05)}.deco-thumb:active{transform:scale(.97)}.deco-thumb img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.compose-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;height:100%;padding:40px 24px;text-align:center}.compose-confirmation-text{font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--ink)}.profile-screen{flex:1;overflow-y:auto;padding:16px 20px 24px;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}.profile-preview{display:flex;flex-direction:column;gap:20px}.preview-header{display:flex;gap:16px}.preview-info{flex:1}.preview-username{font-family:var(--font-serif);font-style:italic;font-size:24px;color:var(--ink);margin-bottom:10px}.preview-meta{display:flex;flex-direction:column;gap:4px;font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);margin-bottom:12px}.preview-bio{font-family:var(--font-hand);font-size:15px;color:var(--warm-gray);line-height:1.45;margin-bottom:12px}.preview-interests{display:flex;flex-wrap:wrap;gap:6px}.interest-tag{font-family:var(--font-stamp);font-size:11px;padding:4px 10px;border:1.5px dashed var(--warm-gray);border-radius:2px;background:var(--kraft);color:var(--warm-gray)}.preview-room-circle,.edit-room-circle{width:110px;height:110px;min-width:110px;border-radius:4px;border:2.5px solid var(--coral-red);background:var(--pale-coral);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0;box-shadow:3px 3px 0 var(--coral-red)}.preview-room-circle:hover,.edit-room-circle:hover{background:#edd5d0}.room-circle-text{font-family:var(--font-stamp);font-size:11px;color:var(--coral-red);text-align:center;line-height:1.3}.edit-profile-btn{font-family:var(--font-stamp);font-size:14px;padding:12px 28px;border:2.5px solid var(--coral-red);border-radius:3px;background:var(--pale-coral);color:var(--coral-red);cursor:pointer;transition:background .15s,transform .1s,box-shadow .1s;align-self:flex-start;box-shadow:2px 2px 0 var(--coral-red)}.edit-profile-btn:hover{background:#edd5d0}.edit-profile-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--coral-red)}.logout-btn{font-family:var(--font-stamp);font-size:13px;padding:8px 20px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--warm-gray);cursor:pointer;transition:background .15s,color .15s,border-color .15s;align-self:flex-start;box-shadow:2px 2px 0 var(--warm-gray)}.logout-btn:hover{background:var(--pale-coral);color:var(--coral-red);border-color:var(--coral-red);box-shadow:2px 2px 0 var(--coral-red)}.profile-edit{display:flex;flex-direction:column;gap:18px}.edit-header-row{display:flex;justify-content:space-between;align-items:flex-start}.edit-title{font-family:var(--font-serif);font-style:italic;font-size:24px;color:var(--ink)}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-stamp);font-size:13px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase}.field-input{font-family:var(--font-body);font-size:15px;padding:10px 14px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;transition:border-color .15s;width:100%}.field-input:focus{border-color:var(--ink)}.field-input.small{width:56px;text-align:center}.field-input.medium{width:90px;text-align:center}.field-textarea{font-family:var(--font-hand);font-size:15px;padding:12px 14px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;resize:vertical;min-height:100px;transition:border-color .15s}.field-textarea:focus{border-color:var(--ink)}.gender-row{display:flex;gap:8px;flex-wrap:wrap}.gender-btn{font-family:var(--font-stamp);font-size:12px;padding:7px 16px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--warm-gray);cursor:pointer;transition:all .15s;box-shadow:2px 2px 0 var(--warm-gray)}.gender-btn.active{border-color:var(--coral-red);background:var(--pale-coral);color:var(--coral-red);box-shadow:2px 2px 0 var(--coral-red)}.gender-btn:hover:not(.active){background:var(--off-white)}.birthday-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-select{font-family:var(--font-body);font-size:14px;font-weight:600;padding:10px 30px 10px 12px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;cursor:pointer;transition:border-color .15s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236a5848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.field-select:focus{border-color:var(--ink)}.year-select{min-width:90px}.checkbox-label{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;color:var(--warm-gray);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--coral-red)}.tags-row,.country-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag-pill{font-family:var(--font-stamp);font-size:12px;padding:5px 12px;border:1.5px solid var(--muted-teal);border-radius:2px;background:var(--pale-teal);color:var(--muted-teal)}.add-tag-btn{font-family:var(--font-stamp);font-size:12px;padding:5px 12px;border:1.5px dashed var(--warm-gray);border-radius:2px;background:var(--kraft);color:var(--warm-gray);cursor:pointer;transition:border-color .15s}.add-tag-btn:hover{border-color:var(--ink);color:var(--ink)}.language-picker{margin-top:8px;display:flex;flex-direction:column;gap:6px}.language-search-input{font-family:var(--font-body);font-size:14px;padding:8px 10px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;transition:border-color .15s}.language-search-input:focus{border-color:var(--ink)}.language-options{max-height:220px;overflow-y:auto;border-radius:4px;border:1.5px solid var(--warm-gray);background:var(--off-white);padding:4px}.language-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:3px;border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:13px;color:var(--ink);text-align:left}.language-option:hover:not(.selected){background:var(--kraft)}.language-option.selected{background:var(--pale-coral);color:var(--coral-red);cursor:default}.language-option-empty{cursor:default;color:var(--warm-gray)}.language-option-main{display:flex;flex-direction:column}.language-option-name{font-weight:700}.language-option-native{font-family:var(--font-hand);font-size:12px;color:var(--warm-gray)}.language-option-code{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.tag-pill-removable{display:inline-flex;align-items:center;gap:6px}.tag-remove-btn{border:none;background:transparent;color:var(--muted-teal);font-size:14px;cursor:pointer;padding:0;line-height:1}.tag-remove-btn:hover{color:var(--burgundy)}.interests-open-btn{font-family:var(--font-stamp);font-size:14px;padding:10px 22px;border:2.5px solid var(--coral-red);border-radius:3px;background:var(--pale-coral);color:var(--coral-red);cursor:pointer;align-self:flex-start;transition:background .15s,transform .1s,box-shadow .1s;box-shadow:2px 2px 0 var(--coral-red)}.interests-open-btn:hover{background:#edd5d0}.interests-open-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--coral-red)}.save-row{display:flex;justify-content:flex-end;padding-top:8px}.save-preview-btn{font-family:var(--font-stamp);font-size:15px;padding:12px 28px;border:2.5px solid var(--coral-red);border-radius:3px;background:var(--pale-coral);color:var(--coral-red);cursor:pointer;transition:background .15s,transform .1s,box-shadow .1s;box-shadow:3px 3px 0 var(--coral-red)}.save-preview-btn:hover{background:#edd5d0}.save-preview-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--coral-red)}.interests-picker{display:flex;flex-direction:column;gap:12px}.back-btn{font-family:var(--font-stamp);font-size:16px;background:none;border:none;color:var(--warm-gray);cursor:pointer;padding:0;align-self:flex-start;transition:color .15s}.back-btn:hover{color:var(--ink)}.interests-title{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--ink)}.interests-list{display:flex;flex-direction:column;background:var(--burgundy);border-radius:4px;overflow:hidden;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.interest-row{border-bottom:1px solid rgba(255,255,255,.08)}.interest-row:last-child{border-bottom:none}.interest-main{display:flex;align-items:center;padding:14px 16px;cursor:pointer;transition:background .1s;gap:12px}.interest-main:hover{background:#ffffff14}.interest-emoji{font-size:20px;width:28px;text-align:center}.interest-name{flex:1;font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--off-white)}.interest-check{width:28px;height:28px;border-radius:3px;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:14px;color:transparent;transition:all .15s}.interest-check.checked{border-color:var(--hot-pink);background:var(--hot-pink);color:#fff}.subtopics-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px 56px}.subtopic-chip{font-family:var(--font-stamp);font-size:11px;padding:5px 14px;border-radius:2px;border:none;background:#ffffff1a;color:#ffffffa6;cursor:pointer;transition:all .15s}.subtopic-chip.active{background:var(--hot-pink);color:#fff}.subtopic-chip:hover:not(.active){background:#ffffff2e}.add-chip{background:#ffffff0f;border:1.5px dashed rgba(255,255,255,.25);color:#fff6;width:32px;padding:5px 0;text-align:center}.add-chip:hover{border-color:#ffffff80}.interests-footer{display:flex;justify-content:center;padding:12px 0 4px}.interests-count{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);letter-spacing:.04em}.share-id-row{display:flex;align-items:center;gap:6px;margin-top:6px}.share-id-label{font-size:12px;color:#888}.share-id-value{font-size:12px;color:#aaa;font-family:monospace;letter-spacing:.05em}.share-id-copy-btn{font-size:11px;color:#888;background:none;border:1px solid #444;border-radius:4px;padding:1px 6px;cursor:pointer}.share-id-copy-btn:hover{color:#ccc;border-color:#666}.username-locked{display:flex;flex-direction:column;gap:2px;padding:8px 0}.username-locked-value{font-weight:600;font-size:1rem}.username-locked-url{font-size:.85rem;color:#666;font-family:monospace}.username-locked-note{font-size:.75rem;color:#aaa}.username-hint{font-size:.75rem;color:#aaa;margin-top:4px;display:block}.friends-screen{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}.friends-tabs{display:flex;gap:8px;padding:16px 20px 8px;flex-shrink:0}.friends-tab{font-family:var(--font-stamp);font-size:14px;padding:12px 24px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--warm-gray);cursor:pointer;transition:all .15s;flex:1;text-align:center;box-shadow:2px 2px 0 var(--warm-gray)}.friends-tab.active{border-color:var(--muted-teal);background:var(--pale-teal);color:var(--muted-teal);box-shadow:2px 2px 0 var(--muted-teal)}.friends-tab:hover:not(.active){background:var(--off-white)}.friends-content{flex:1;overflow-y:auto;padding:12px 20px 24px}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-card{display:flex;gap:12px;padding:14px;border:2px solid var(--muted-teal);border-radius:3px;background:var(--off-white);cursor:pointer;text-align:left;font-family:var(--font-body);width:100%;transition:background .15s,transform .1s,box-shadow .1s;box-shadow:2px 2px 0 var(--muted-teal)}.friend-card:hover{background:var(--pale-teal)}.friend-card:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.friend-card-thumb,.discover-thumb{width:90px;min-width:90px;height:80px;border-radius:3px;border:1.5px dashed var(--muted-teal);background:var(--pale-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.thumb-text{font-family:var(--font-stamp);font-size:9px;color:var(--muted-teal);text-align:center;line-height:1.3;padding:4px}.friend-card-info,.discover-card-info{flex:1;min-width:0}.friend-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.friend-card-name{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--ink)}.friend-card-active{font-family:var(--font-stamp);font-size:10px;color:var(--warm-gray);background:var(--kraft);padding:3px 8px;border-radius:2px;white-space:nowrap;flex-shrink:0}.friend-card-delivery{font-family:var(--font-body);font-size:13px;color:var(--warm-gray);margin-bottom:6px}.friend-card-status{font-family:var(--font-body);font-size:13px;color:var(--warm-gray);line-height:1.4}.friend-card-status em{color:var(--warm-gray)}.find-friends{display:flex;flex-direction:column;gap:12px}.find-actions-row{display:flex;gap:8px}.find-action-btn{font-family:var(--font-stamp);font-size:13px;padding:10px 16px;border:2px solid var(--coral-red);border-radius:3px;background:var(--pale-coral);color:var(--coral-red);cursor:pointer;transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap;box-shadow:2px 2px 0 var(--coral-red)}.find-action-btn:hover{background:#edd5d0}.find-action-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--coral-red)}.saved-btn{border-color:var(--dusty-pink);background:var(--pale-pink);color:var(--dusty-pink);box-shadow:2px 2px 0 var(--dusty-pink)}.saved-btn:hover{background:#e8c8cc}.saved-btn:active{box-shadow:0 0 0 var(--dusty-pink)}.add-friend-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.add-friend-input{font-family:var(--font-body);font-size:14px;padding:10px 14px;border:2px solid var(--muted-teal);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;width:100%;transition:border-color .15s}.add-friend-input:focus{border-color:var(--ink)}.add-submit-btn{flex-shrink:0}.cancel-btn{border-color:var(--warm-gray)!important;background:var(--kraft)!important;color:var(--warm-gray)!important;box-shadow:2px 2px 0 var(--warm-gray)!important}.cancel-btn:hover{background:var(--off-white)!important}.add-friend-status{width:100%;font-family:var(--font-stamp);font-size:12px;padding:6px 10px;border-radius:3px}.status-success{color:var(--sage);background:var(--pale-sage)}.status-error{color:var(--coral-red);background:var(--pale-coral)}.friends-empty{font-family:var(--font-hand);font-size:17px;color:var(--warm-gray);text-align:center;padding:24px 0}.filter-row{display:flex;align-items:center;gap:10px}.filter-label{font-family:var(--font-body);font-size:14px;color:var(--warm-gray);flex:1;padding:8px 12px;border:1.5px solid var(--warm-gray);border-radius:3px;background:var(--kraft)}.filter-btn{font-family:var(--font-stamp);font-size:13px;padding:8px 20px;border:2px solid var(--sage);border-radius:3px;background:var(--pale-sage);color:var(--sage);cursor:pointer;transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap;box-shadow:2px 2px 0 var(--sage)}.filter-btn:hover{background:#c8dcc6}.filter-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--sage)}.discover-list{display:flex;flex-direction:column;gap:12px}.discover-card{display:flex;gap:12px;padding:14px;border:2px solid var(--muted-teal);border-radius:3px;background:var(--off-white);font-family:var(--font-body);box-shadow:2px 2px 0 var(--muted-teal)}.discover-card-left{flex-shrink:0}.discover-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.discover-name{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--ink)}.save-star{font-family:var(--font-stamp);font-size:11px;letter-spacing:.03em;background:var(--kraft);border:2px dashed var(--warm-gray);border-radius:2px;width:auto;height:auto;padding:4px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--warm-gray);transition:all .15s;flex-shrink:0;line-height:1}.save-star.saved{border-style:solid;border-color:var(--dusty-pink);background:var(--pale-pink);color:var(--dusty-pink)}.save-star:hover{background:var(--pale-pink);border-color:var(--dusty-pink);color:var(--dusty-pink)}.discover-meta{display:flex;flex-direction:column;gap:2px;font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);margin-bottom:8px}.discover-bio{font-family:var(--font-hand);font-size:14px;color:var(--warm-gray);line-height:1.4;margin-bottom:8px}.discover-interests{display:flex;flex-wrap:wrap;gap:5px}.discover-tag{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border:1.5px dashed var(--warm-gray);border-radius:2px;background:var(--kraft);color:var(--warm-gray)}.pending-requests-heading{font-family:var(--font-stamp);font-size:11px;color:var(--burgundy);text-transform:uppercase;letter-spacing:.08em;margin:0}.pending-request-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:2px solid var(--dusty-pink);border-radius:3px;background:var(--pale-pink);font-family:var(--font-body);box-shadow:2px 2px 0 var(--dusty-pink)}.pending-request-info{flex:1;min-width:0}.pending-request-actions{display:flex;gap:8px;flex-shrink:0}.pending-accept-btn,.pending-decline-btn{font-family:var(--font-stamp);font-size:12px;padding:7px 14px;border-radius:3px;cursor:pointer;transition:background .15s,transform .1s,box-shadow .1s}.pending-accept-btn{border:2px solid var(--sage);background:var(--pale-sage);color:var(--sage);box-shadow:2px 2px 0 var(--sage)}.pending-accept-btn:hover{background:#c8dcc6}.pending-accept-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--sage)}.pending-decline-btn{border:2px solid var(--warm-gray);background:var(--kraft);color:var(--warm-gray);box-shadow:2px 2px 0 var(--warm-gray)}.pending-decline-btn:hover{background:var(--off-white)}.pending-decline-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--warm-gray)}.pending-cancel-btn{font-family:Nunito,sans-serif;font-weight:700;font-size:13px;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .15s;border:2px solid #ccc;background:#fff;color:#888}.pending-cancel-btn:hover{background:#f5f5f5}.pending-divider{border:none;border-top:1.5px dashed var(--dusty-pink);margin:4px 0}.add-friend-input-wrap{position:relative;flex:1;min-width:120px}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--off-white);border:2px solid var(--muted-teal);border-radius:3px;box-shadow:2px 4px 0 var(--muted-teal);z-index:50;overflow:hidden}.suggestion-item{padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--kraft)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlighted{background:var(--pale-teal)}.suggestion-username{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--ink)}.suggestion-meta{font-size:11px;color:var(--warm-gray);margin-top:1px}.suggestions-loading{padding:10px 14px;font-size:12px;color:var(--warm-gray)}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;font-family:var(--font-body);background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}.login-screen{align-items:center;justify-content:center;gap:20px}.login-screen .logo-text{font-size:44px}.google-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;border-radius:3px;border:2px solid var(--ink);background:var(--off-white);color:var(--ink);font-family:var(--font-stamp);font-size:15px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:box-shadow .1s,transform .1s}.google-btn:hover{background:var(--kraft)}.google-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-bottom:2.5px solid var(--ink);flex-shrink:0;z-index:10}.top-bar-left{display:flex;align-items:center;gap:10px}.logo-icon{display:none}.logo-text{font-family:var(--font-serif);font-style:italic;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.5px}.room-area{flex:1;position:relative;overflow:hidden}.room-canvas{width:100%;height:100%}.delete-item-btn,.note-item-btn{position:absolute;top:20px;width:auto;border-radius:3px;padding:0 20px;height:40px;font-size:12px;font-family:var(--font-stamp);background:var(--off-white);z-index:20}.delete-item-btn{left:calc(50% - 4px);transform:translate(-100%);border-color:var(--coral-red);color:var(--coral-red);box-shadow:2px 2px 0 var(--coral-red)}.note-item-btn{left:calc(50% + 4px);transform:translate(0);border-color:var(--hot-pink);color:var(--hot-pink);box-shadow:2px 2px 0 var(--hot-pink)}.delete-item-btn:hover{background:var(--pale-coral)}.note-item-btn:hover{background:var(--pale-pink)}.circle-btn.delete-item-btn:active{transform:translate(-100%) translate(2px,2px);box-shadow:0 0 0 var(--coral-red)}.circle-btn.note-item-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--hot-pink)}.decorate-btn{position:absolute;bottom:20px;right:20px;z-index:10;width:76px;height:76px;font-size:12px;border-color:var(--hot-pink);color:var(--hot-pink);background:var(--off-white)!important;box-shadow:3px 3px 0 var(--hot-pink)!important}.decorate-btn:hover{background:var(--pale-pink)!important}.storage-btn{position:absolute;bottom:20px;left:20px;z-index:10;width:76px;height:76px;font-size:12px;border-color:var(--muted-teal);color:var(--muted-teal);background:var(--off-white)!important;box-shadow:3px 3px 0 var(--muted-teal)!important}.storage-btn:hover{background:var(--pale-teal)!important}.storage-panel-label{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.1em}.storage-empty{padding:32px 16px;text-align:center;font-family:var(--font-hand);font-size:18px;color:var(--warm-gray)}.storage-card{cursor:default}.storage-card-fallback{font-family:var(--font-stamp);font-size:16px;color:var(--warm-gray)}.storage-note-tag{background:var(--pale-pink);color:var(--burgundy);margin-top:2px}.storage-card-actions{display:flex;gap:4px;margin-top:6px;width:100%}.storage-action-btn{flex:1;border:1.5px solid;border-radius:3px;padding:5px 0;font-family:var(--font-stamp);font-size:11px;cursor:pointer;transition:background .12s}.storage-place-btn{background:var(--pale-sage);color:var(--sage);border-color:var(--sage)}.storage-place-btn:hover{background:#c8dcc6}.storage-delete-btn{background:var(--pale-coral);color:var(--coral-red);border-color:var(--coral-red)}.storage-delete-btn:hover{background:#edd5d0}.edit-actions{position:absolute;bottom:16px;right:16px;z-index:10;display:flex;gap:8px}.edit-action-btn{font-family:var(--font-stamp);font-size:13px;padding:10px 22px;border-radius:3px;border:2px solid var(--ink);background:var(--off-white);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:background .12s,transform .1s,box-shadow .1s}.edit-action-btn:hover{background:var(--kraft)}.edit-action-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.save-btn{border-color:var(--sage);color:var(--sage);background:var(--pale-sage);box-shadow:2px 2px 0 var(--sage)}.save-btn:hover{background:#c8dcc6}.exit-btn{border-color:var(--warm-gray);color:var(--warm-gray);box-shadow:2px 2px 0 var(--warm-gray)}.bottom-nav{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--kraft);background-image:var(--dot-texture);background-size:var(--dot-size);flex-shrink:0;z-index:10;border-top:2px dashed var(--ink)}.circle-btn{border-radius:4px;border:2.5px solid;background:var(--off-white);cursor:pointer;font-family:var(--font-stamp);letter-spacing:.03em;transition:background .12s ease,transform .1s ease,box-shadow .1s ease;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 currentColor}.circle-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 currentColor}.profile-btn{width:64px;height:36px;font-size:11px;border-color:var(--coral-red);color:var(--coral-red)}.profile-btn:hover{background:var(--pale-coral)}.friends-btn,.home-btn,.letters-btn{width:76px;height:46px;font-size:12px}.friends-btn{border-color:var(--muted-teal);color:var(--muted-teal)}.friends-btn:hover{background:var(--pale-teal)}.home-btn{border-color:var(--burgundy);color:var(--burgundy)}.home-btn:hover{background:#f0dfe2}.letters-btn{border-color:var(--dusty-pink);color:var(--dusty-pink)}.letters-btn:hover{background:var(--pale-pink)}.nav-active.friends-btn{background:var(--pale-teal);border-width:3px;box-shadow:3px 3px 0 var(--muted-teal)}.nav-active.home-btn{background:#f0dfe2;border-width:3px;box-shadow:3px 3px 0 var(--burgundy)}.nav-active.letters-btn{background:var(--pale-pink);border-width:3px;box-shadow:3px 3px 0 var(--dusty-pink)}.nav-active-profile{background:var(--pale-coral);border-width:3px;box-shadow:3px 3px 0 var(--coral-red)}.placeholder-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--warm-gray);gap:8px;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}.placeholder-screen h2{font-family:var(--font-serif);font-style:italic;font-size:24px;color:var(--warm-gray)}.placeholder-screen p{font-family:var(--font-hand);font-size:15px}.visitor-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;background:var(--off-white);border:2px solid var(--ink);border-radius:3px;padding:8px 8px 8px 16px;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}.visitor-banner-text{font-family:var(--font-stamp);font-size:12px;color:var(--ink)}.dialog-overlay{position:fixed;inset:0;background:#2a1f1a80;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--off-white);background-image:var(--dot-texture);background-size:var(--dot-size);border:2.5px solid var(--ink);border-radius:4px;padding:24px;max-width:320px;width:90%;display:flex;flex-direction:column;gap:16px;box-shadow:4px 4px 0 var(--ink)}.dialog-message{font-size:15px;font-family:var(--font-body);color:var(--ink);margin:0;line-height:1.5}.dialog-actions{display:flex;flex-direction:column;gap:8px}.dialog-btn{padding:10px 16px;border-radius:3px;border:2px solid;font-family:var(--font-stamp);font-size:13px;cursor:pointer;transition:transform .1s,box-shadow .1s,background .12s}.dialog-btn:active{transform:translate(2px,2px)}.dialog-btn-store{background:var(--pale-teal);color:var(--muted-teal);border-color:var(--muted-teal);box-shadow:2px 2px 0 var(--muted-teal)}.dialog-btn-store:hover{background:#c0dbd8}.dialog-btn-store:active{box-shadow:0 0 0 var(--muted-teal)}.dialog-btn-delete{background:var(--pale-coral);color:var(--coral-red);border-color:var(--coral-red);box-shadow:2px 2px 0 var(--coral-red)}.dialog-btn-delete:hover{background:#edd5d0}.dialog-btn-delete:active{box-shadow:0 0 0 var(--coral-red)}.dialog-btn-cancel{background:var(--kraft);color:var(--warm-gray);border-color:var(--warm-gray);box-shadow:2px 2px 0 var(--warm-gray)}.dialog-btn-cancel:hover{background:#d6c9b6}.dialog-btn-cancel:active{box-shadow:0 0 0 var(--warm-gray)}.dialog-btn:disabled{opacity:.55;cursor:not-allowed}.dialog-item-name{font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--warm-gray);margin:0}.dialog-title{font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--ink);margin:0}.dialog-warning{color:var(--coral-red);font-style:italic}.note-type-selector{display:flex;gap:6px}.note-type-option{display:flex;align-items:center;gap:5px;font-family:var(--font-stamp);font-size:12px;padding:6px 12px;border:1.5px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--warm-gray);cursor:pointer;transition:all .12s}.note-type-option input[type=radio]{display:none}.note-type-option.selected{border-color:var(--ink);background:var(--off-white);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.note-content-input{font-family:var(--font-hand);font-size:16px;padding:10px 14px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);outline:none;width:100%;transition:border-color .15s}.note-content-input:focus{border-color:var(--ink)}.note-content-textarea{resize:vertical;min-height:100px;line-height:1.6}.note-replies-soon{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);margin-top:8px;letter-spacing:.04em}.note-invalid-url{font-family:var(--font-stamp);color:var(--coral-red);font-size:13px;word-break:break-all}.public-room-loading,.public-room-404{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#888}.public-room-404 h2{margin:0;font-size:1.4rem;color:#444}.public-room-404 p{margin:0}.public-room-home-link{color:#888;font-size:.9rem}.public-room-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.public-room-header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid #eee;background:#fff;flex-shrink:0}.public-room-logo{font-weight:700;font-size:1rem;text-decoration:none;color:inherit}.public-room-profile{display:flex;align-items:baseline;gap:12px}.public-room-username{font-weight:600;font-size:.95rem}.public-room-bio{font-size:.85rem;color:#888}.public-room-canvas{flex:1;overflow:hidden}