@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Jersey+15&family=VT323&display=swap";:root{--cream: #dad4c9;--kraft: #dad4c9;--off-white: #e8e3d9;--dusty-pink: #7a3e46;--muted-teal: #21525a;--coral-red: #8f321f;--burgundy: #683478;--sage: #275c49;--hot-pink: #8e2e63;--ink: #272a32;--warm-gray: #4a4d56;--pale-pink: #f2ddd6;--pale-teal: #d5e3de;--pale-sage: #d8e8e1;--pale-coral: #f8ddd4;--pale-blue: #bdd1ec;--amber: #eeb24a;--royal-blue: #2152a5;--sky-blue: #5a8bde;--lavender: #b89ce9;--font-serif: "Jersey 15", Georgia, serif;--font-hand: "Cormorant Garamond", Georgia, serif;--font-stamp: "VT323", "Courier New", monospace;--font-body: "Atkinson Hyperlegible", sans-serif;--dot-texture: radial-gradient(#272a320d 1px, transparent 1px);--dot-size: 16px 16px;--cursor-default: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAA////AAAAc8aDcQAAAAF0Uk5TAEDm2GYAAAA5SURBVAjXY9BqYGBgWLUASCxdASKyQEQUUHBpGFBwaegKEJEB4oJYU4Fiy0DEqqVAQgusD2wCDAAAY1wT1MeMu9wAAAAASUVORK5CYII=) 1 1, default;--cursor-pointer: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAA////AAAAc8aDcQAAAAF0Uk5TAEDm2GYAAAA9SURBVAjXY2AAA60GILFqAZBYCiZWNYCIBQxcS0NXMGgtDc1g0EwFEaFAQgtEgCWYVoYBVWuBFHOtghgEAAFWE0c9g+caAAAAAElFTkSuQmCC) 5 1, pointer;--cursor-grab: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAA////AAAAc8aDcQAAAAF0Uk5TAEDm2GYAAABGSURBVAjXY2BgWsHAwLBq1QIGplVRKxiYpkVmQAgtELFqamgWw9KpoVEMS0OBxEoQoQUiuEASTFNDgYqXhq6AGMCgtaoBAL/NGImgg+LaAAAAAElFTkSuQmCC) 8 8, grab;--cursor-grabbing: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAA////AAAAc8aDcQAAAAF0Uk5TAEDm2GYAAABJSURBVAjXNcyxCcAgFAbhw/KN4j4voH1AnMIl7G0E/aeMCaT5moMDGxCkhu06sHR/LOxKBXMvxO4Vdc9M/9FLnCeE7QuizsbUHpGSF50pZJwoAAAAAElFTkSuQmCC) 8 8, grabbing;--cursor-crosshair: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAAA/SURBVAjXY2Dg/8DAwGD/B0j82w8kfq1nYOD/W/+Bwf7f/j8M//7t38/wK2vleggB5oIlwErAiiHawAYAjQIAY9gik1+JL7kAAAAASUVORK5CYII=) 7 7, crosshair;--cursor-cell: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAAA/SURBVAjXY2Dg/8DAwGD/B0j82w8kfq1nYOD/W/+Bwf7f/j8M//7/38/wK//neggB5oIlwErAiiHawAYAjQIAki4jvw1c9BcAAAAASUVORK5CYII=) 7 7, cell;--cursor-not-allowed: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAABFSURBVAjXY2D+//8AA////x8Y7Fet+sPwb9Wq/Qy/9n9bz/Dr/0sQsRpI/FsPJH7tBxKv/gOJbBAx/996iGKwNrABIKMAxMAxogJZtroAAAAASUVORK5CYII=) 8 8, not-allowed;--cursor-nwse-resize: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAAA8SURBVAjXY2AAAfv/B6CE3WoQEQ8isj8AiVd/gBK/9v9hsP+3HsRcvYeBgf8lkGD+CiJegYj/f6AEEAAAN1cbT8zZ2RgAAAAASUVORK5CYII=) 8 8, nwse-resize;--cursor-nesw-resize: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAAA+SURBVAjXY2AAA+b/f2DEqz1A4iuQ4H8JJOxX72Gw/7f+D4P9r/1/GOxeAVXYZX8AEvEHgMRqIGH/H0aAAAA+QRtPtc6MrQAAAABJRU5ErkJggg==) 8 8, nesw-resize;--cursor-col-resize: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAAAwSURBVAjXY2BABcx/7A8w8P+x/8Bgv//fH4Z/+//tZ/g1a9l6CAHmgiXASsCKUQEAOfkbJy6wU6cAAAAASUVORK5CYII=) 8 8, col-resize;--cursor-hammer: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAABJSURBVAjXFcyxCcAwDADBBw/gjeJtA7ELbxBpnlSBdMJIkZtrHh5qQIlQqg+l9eTossng1wI7JbmnYjHe5FnEZ0JTn0Db7A1l/Ql6JdhZpubIAAAAAElFTkSuQmCC) 1 14, crosshair;--cursor-brush: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAA////AAAAc8aDcQAAAAF0Uk5TAEDm2GYAAABOSURBVAjXFYyxDcAgDARPlB6FfYwUBkjBFF4iFFRuiCBTxjSv1+vuQQzIHrEXpNlAnhqTVmPrbUzt0Upx8qULmdpIXx/BvON47TyEjPgPIfgUtRDufnkAAAAASUVORK5CYII=) 1 14, crosshair;--cursor-eraser: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAA////AAAAc8aDcQAAAAF0Uk5TAEDm2GYAAABKSURBVAjXFYyxDQAhDMQsSkZhn7z0jJApWIKv0yBBpuS+cWFZhjaADChrQ50OrffB8S9YKblS8rh12ivUaa7YVJ8n/lqHmrqUzQWuwRbVrCA2kAAAAABJRU5ErkJggg==) 8 8, crosshair;--cursor-picker: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAwMDA////AAAAyzCG0wAAAAF0Uk5TAEDm2GYAAABNSURBVAjXDYuxDcAgEANPYgA2yo+UrSKhFPRpPvOkgRoQHzcny2djLxAhjFAcd4e9FxzhXWgL8+nktitpDpf+TrBStbkEe9Tl0CVF/wHkfSSnjOW46QAAAABJRU5ErkJggg==) 1 14, crosshair}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;cursor:var(--cursor-default)}.landing{min-height:100dvh;display:grid;grid-template-columns:1.2fr 1fr;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);font-family:var(--font-body);color:var(--ink)}.landing-demo{position:relative;min-width:0;height:100dvh;overflow:hidden;border-right:1px solid rgba(0,0,0,.08)}.landing-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px}.landing-title{font-family:var(--font-serif);font-weight:400;font-size:3.25rem;letter-spacing:0;margin:0;color:var(--ink);line-height:1}.landing-subtitle{font-family:var(--font-serif);font-size:1.15rem;font-style:italic;color:var(--ink);margin:-8px 0 4px;text-align:center}.landing-tagline{font-family:var(--font-body);font-size:1.05rem;color:var(--warm-gray);margin:0;text-align:left;line-height:1.7;max-width:40ch}.landing-motto{font-family:var(--font-stamp);font-size:.8rem;color:var(--warm-gray);margin:0;text-transform:uppercase;letter-spacing:.1em}.landing-signin-btn{margin-top:8px;padding:10px 24px;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;border-radius:3px;border:2px solid var(--ink);background:var(--off-white);color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:var(--cursor-pointer);transition:background .12s,transform .1s,box-shadow .1s}.landing-signin-icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}@media(hover:hover){.landing-signin-btn:hover{background:var(--kraft)}}.landing-signin-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}@media(max-width:820px){.landing{grid-template-columns:1fr;grid-template-rows:55dvh auto}.landing-demo{height:55dvh;border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}.landing-copy{min-height:45dvh;padding:28px 20px 40px}.landing-title{font-size:2.25rem}}.catalog{display:flex;flex-direction:column;height:320px;background:transparent;flex-shrink:0;z-index:10}.catalog-folder-bar{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px;height:34px;flex-shrink:0;background:var(--ink);margin-bottom:-3px}.folder-tabs{display:flex;align-items:flex-end;gap:3px;height:100%}.folder-tab{font-family:var(--font-stamp);display:inline-flex;align-items:center;gap:7px;padding:6px 20px 7px 16px;height:28px;background:#c2bcb0;color:var(--warm-gray);border:2px solid var(--ink);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;cursor:var(--cursor-pointer);transition:background .12s,color .12s,transform .15s,height .12s;position:relative;font-size:12px;text-transform:uppercase;letter-spacing:.04em;line-height:1;z-index:1;box-shadow:inset 0 1px #ffffff4d}.folder-tab:not(.active){transform:translateY(5px);filter:brightness(.92)}@media(hover:hover){.folder-tab:not(.active):hover{color:var(--ink);transform:translateY(3px);filter:brightness(.97)}}.folder-tab.active{background:var(--cream);color:var(--ink);height:34px;transform:translateY(0);filter:none;z-index:4;box-shadow:inset 0 1px #fff6,0 -3px 8px #272a322e,-1px -1px #272a321f,1px -1px #272a321f}.folder-tab.active:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:6px;background:var(--cream);z-index:1}.folder-tab-emoji{font-size:14px;line-height:1}.folder-tab-label{font-size:11px;font-weight:700}.catalog-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-top:2px solid var(--ink);position:relative;z-index:2}.catalog-category-row{display:flex;gap:3px;padding:10px 14px 0;flex-shrink:0;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1}.catalog-category-row::-webkit-scrollbar{display:none}.catalog-category-row+.catalog-top-bar{border-top:1.5px solid var(--ink)}.category-btn{font-family:var(--font-stamp);display:inline-flex;align-items:center;gap:6px;padding:5px 12px 7px;background:var(--pale-sage);color:var(--ink);border:1.5px solid var(--ink);border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;cursor:var(--cursor-pointer);transition:transform .12s,filter .12s;font-size:11px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em;line-height:1;position:relative;top:3px;filter:brightness(.94);z-index:1}.category-btn--furniture{background:var(--pale-sage)}.category-btn--decor{background:var(--pale-pink)}.category-btn--tech{background:var(--pale-blue)}.category-btn--archive{background:var(--pale-coral);margin-left:auto}.category-btn-count{font-size:10px;letter-spacing:.05em;color:var(--coral-red);margin-left:2px}.category-btn--surfaces{background:var(--pale-teal)}.category-btn--ambiance{background:var(--pale-coral)}.category-btn--info{background:var(--pale-pink)}@media(hover:hover){.category-btn:not(.active):hover{filter:brightness(1);top:1px}}.category-btn.active{top:0;filter:none;z-index:3;box-shadow:0 -2px 4px #272a321f,-1px -1px #272a3214}.category-btn.active:after{content:"";position:absolute;left:-1.5px;right:-1.5px;bottom:-3px;height:4px;background:inherit;z-index:1}.category-emoji{font-size:13px;line-height:1}.category-label{font-size:11px;font-weight:700}.catalog-top-bar{display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px dashed rgba(39,42,50,.18);flex-shrink:0}.catalog-subtabs-row{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none;padding-bottom:1px}.catalog-subtabs-row::-webkit-scrollbar{display:none}.subtab-btn{font-family:var(--font-stamp);font-size:12px;padding:6px 10px;min-height:32px;display:inline-flex;align-items:center;border-radius:2px;border:1.5px solid transparent;background:none;color:var(--warm-gray);cursor:var(--cursor-pointer);transition:all .12s;white-space:nowrap;flex-shrink:0}@media(hover:hover){.subtab-btn:hover:not(.active){color:var(--ink);border-color:var(--warm-gray)}}.subtab-btn.active{border-color:var(--ink);background:var(--off-white);color:var(--ink);box-shadow:1px 1px 0 var(--ink)}.subtab-cell{display:inline-flex;align-items:center;flex-shrink:0}.subtab-divider{display:inline-block;width:1px;height:22px;margin:0 8px 0 4px;background:#272a3247;flex-shrink:0}.subtab-btn--setting{color:var(--warm-gray);font-style:italic}.catalog-search-wrap{position:relative;flex-shrink:0;width:220px}.catalog-search-wrap input{font-family:var(--font-body);font-size:13px;padding:4px 24px 4px 9px;border:1.5px 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-wrap input:focus{border-color:var(--ink);border-style:solid}.catalog-search-wrap input::placeholder{color:var(--warm-gray)}.search-clear-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--warm-gray);font-size:10px;cursor:var(--cursor-pointer);padding:3px;line-height:1}@media(hover:hover){.search-clear-btn:hover{color:var(--ink)}}.catalog-grid{display:grid;grid-template-rows:repeat(2,76px);grid-auto-flow:column;grid-auto-columns:76px;gap:6px;padding:6px 10px 3px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;flex-shrink:0}.catalog-grid::-webkit-scrollbar{display:none}.catalog-scrollbar{padding:4px 10px 6px;flex-shrink:0}.catalog-scrollbar-track{position:relative;height:8px;background:var(--off-white);border:1.5px solid var(--warm-gray);border-radius:6px;cursor:var(--cursor-pointer);overflow:hidden;box-shadow:inset 0 1px 2px #00000012}.catalog-scrollbar-thumb{position:absolute;top:0;height:100%;background:var(--ink);border-radius:5px;cursor:var(--cursor-grab);transition:background .12s}@media(hover:hover){.catalog-scrollbar-thumb:hover{background:var(--sage)}}.catalog-scrollbar-thumb:active{cursor:var(--cursor-grabbing)}.catalog-card{position:relative;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:5px 4px 4px;cursor:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s;box-shadow:2px 2px 0 var(--ink)}@media(hover:hover){.catalog-card:hover{box-shadow:3px 3px 0 var(--ink)}}.catalog-card:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.card-icon-area{flex:1;width:100%;border-radius:2px;background:var(--cream);margin-bottom:4px;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;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-empty,.storage-empty{display:flex;align-items:center;justify-content:center;flex:1;font-family:var(--font-hand);font-size:15px;color:var(--warm-gray);margin:0;padding:0 16px}.room-setting-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 22px;flex:1;overflow-y:auto}.room-setting-panel--ambiance{flex-direction:row;gap:22px;padding:14px 22px;align-items:stretch}.ambiance-section{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:var(--off-white);border:1px dashed rgba(39,42,50,.25);border-radius:4px;min-width:0}.setting-title{font-family:var(--font-stamp);font-size:16px;color:var(--ink);margin:0;letter-spacing:.04em}.setting-subtitle{font-family:var(--font-stamp);font-size:13px;color:var(--ink);margin:0;letter-spacing:.04em;text-transform:uppercase}.setting-placeholder{font-family:var(--font-hand);font-size:14px;color:var(--warm-gray);margin:0;font-style:italic;line-height:1.35}.style-panel{display:flex;flex-direction:column;padding:8px 12px 10px;overflow-y:auto;flex:1;min-height:0}.room-accordion{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0}.accordion-row{border:1.5px solid rgba(39,42,50,.35);border-radius:4px;background:var(--off-white);overflow:hidden;flex-shrink:0}.accordion-row.expanded{border-color:var(--ink)}.accordion-header{display:flex;align-items:center;gap:10px;width:100%;padding:4px 10px 4px 4px;background:none;border:none;cursor:var(--cursor-pointer);font-family:var(--font-stamp);text-align:left;color:var(--ink)}@media(hover:hover){.accordion-header:hover{background:#272a320a}}.accordion-cover{width:28px;height:28px;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.18);image-rendering:pixelated;flex-shrink:0}.accordion-title{flex:1;font-size:12px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-count{font-size:10px;color:var(--warm-gray);padding:1px 6px;border-radius:8px;background:#272a3214}.accordion-chevron{font-size:11px;color:var(--warm-gray);width:12px;text-align:center}.accordion-variations{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;justify-content:start;gap:6px;padding:6px 8px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.accordion-variations--flat{flex:1;padding:4px 4px 8px}.palette-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:5px;cursor:var(--cursor-pointer);transition:border-color .15s,box-shadow .15s;flex-shrink:0}@media(hover:hover){.palette-swatch:hover{border-color:var(--ink)}}.palette-swatch.active{border-color:var(--sage);background:var(--pale-sage);box-shadow:2px 2px 0 var(--sage)}.palette-swatch.active .palette-swatch-label{color:var(--sage)}.palette-swatch-hover-popup{position:fixed;transform:translate(-50%,calc(-100% - 12px));pointer-events:none;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:var(--off-white);border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px #0000002e}.palette-swatch-hover-popup-img{width:128px;height:128px;object-fit:cover;image-rendering:pixelated;border:1px solid rgba(0,0,0,.25);border-radius:2px}.palette-swatch-hover-popup-label{font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;color:var(--ink);white-space:nowrap;max-width:144px;overflow:hidden;text-overflow:ellipsis}.palette-swatch-preview{width:40px;height:40px;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.12);image-rendering:pixelated}.palette-swatch-label{font-family:var(--font-stamp);font-size:9px;color:var(--ink);white-space:nowrap;max-width:56px;overflow:hidden;text-overflow:ellipsis}.catalog--cat-furniture .catalog-top-bar,.catalog--cat-furniture .catalog-grid,.catalog--cat-furniture .catalog-scrollbar,.catalog--cat-furniture .catalog-empty{background:var(--pale-sage)}.catalog--cat-furniture .subtab-btn.active{border-color:var(--sage);background:var(--off-white);color:var(--sage);box-shadow:1px 1px 0 var(--sage)}.catalog--cat-furniture .catalog-search-wrap input,.catalog--cat-furniture .catalog-search-wrap input:focus{border-color:var(--sage)}.catalog--cat-decor .catalog-top-bar,.catalog--cat-decor .catalog-grid,.catalog--cat-decor .catalog-scrollbar,.catalog--cat-decor .catalog-empty{background:var(--pale-pink)}.catalog--cat-decor .subtab-btn.active{border-color:var(--burgundy);background:var(--off-white);color:var(--burgundy);box-shadow:1px 1px 0 var(--burgundy)}.catalog--cat-decor .catalog-search-wrap input,.catalog--cat-decor .catalog-search-wrap input:focus{border-color:var(--burgundy)}.catalog--cat-tech .catalog-top-bar,.catalog--cat-tech .catalog-grid,.catalog--cat-tech .catalog-scrollbar,.catalog--cat-tech .catalog-empty{background:var(--pale-blue)}.catalog--cat-tech .subtab-btn.active{border-color:var(--royal-blue);background:var(--off-white);color:var(--royal-blue);box-shadow:1px 1px 0 var(--royal-blue)}.catalog--cat-tech .catalog-search-wrap input,.catalog--cat-tech .catalog-search-wrap input:focus{border-color:var(--royal-blue)}.catalog--rtab-surfaces .catalog-top-bar,.catalog--rtab-surfaces .style-panel,.catalog--rtab-surfaces .catalog-scrollbar,.catalog--rtab-surfaces .catalog-empty{background:var(--pale-teal)}.catalog--rtab-surfaces .subtab-btn.active{border-color:var(--muted-teal);background:var(--off-white);color:var(--muted-teal);box-shadow:1px 1px 0 var(--muted-teal)}.catalog--rtab-surfaces .catalog-search-wrap input,.catalog--rtab-surfaces .catalog-search-wrap input:focus{border-color:var(--muted-teal)}.catalog--rtab-ambiance .room-setting-panel{background:var(--pale-coral)}.catalog--rtab-info .room-setting-panel{background:var(--pale-pink)}.catalog--storage .storage-panel-label{color:var(--coral-red)}.catalog--cat-archive .catalog-grid,.catalog--cat-archive .catalog-scrollbar,.catalog--cat-archive .catalog-empty,.catalog--cat-archive .storage-empty,.catalog--cat-archive .archive-intro{background:var(--pale-coral)}.archive-intro{margin:0;padding:10px 14px;font-family:var(--font-body);font-size:13px;color:var(--ink);flex-shrink:0;line-height:1.4}.catalog-category-row+.archive-intro{border-top:1.5px solid var(--ink)}@media(max-width:480px){.catalog{height:min(320px,55dvh)}.catalog-folder-bar{padding:0 6px}.folder-tab{padding:6px 12px 7px 10px}.folder-tab-label{font-size:10px}.catalog-search-wrap{width:100%}}@media(max-height:480px)and (orientation:landscape){.catalog{height:min(200px,55dvh)}.catalog-folder-bar{height:28px}.folder-tab{height:24px;padding:4px 12px}.folder-tab.active{height:28px}}.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:var(--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)}@media(hover:hover){.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:var(--cursor-pointer);box-shadow:2px 2px 0 var(--muted-teal);transition:background .15s,transform .1s,box-shadow .1s}@media(hover:hover){.go-friends-btn:hover{background:var(--pale-teal)}}.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:max(16px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:10;display:flex;align-items:center;gap:8px;padding:14px 28px;min-height:44px;border:2.5px solid var(--hot-pink);border-radius:3px;background:var(--off-white);cursor:var(--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}@media(hover:hover){.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(39,42,50,.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(39,42,50,.35);border-radius:2px;display:flex;align-items:center;justify-content:center}.trifold-stamp-img{width:100%;height:100%;object-fit:contain;display:block}.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:#272a3261;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),var(--sage));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:var(--cursor-pointer);padding:10px 14px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover){.letter-view-back:hover{text-decoration:underline}}.letter-view-meta{display:flex;gap:14px;padding:10px 20px 14px;border-bottom:1.5px solid rgba(39,42,50,.1);flex-shrink:0;align-items:flex-start}.letter-view-stamp{flex-shrink:0;margin-top:2px}.letter-view-stamp img{width:52px;height:52px;object-fit:contain;display:block}.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:#c2bcb0;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:#272a321a;box-shadow:0 1px 1.5px #272a3212,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:#272a3238;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(39,42,50,.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:var(--cursor-pointer);padding:4px 0;white-space:nowrap;flex-shrink:0}@media(hover:hover){.compose-back-btn:hover{text-decoration:underline}}.compose-to-select{flex:1;padding:8px 10px;border:1.5px solid rgba(39,42,50,.2);border-radius:3px;background:var(--off-white);font-family:var(--font-stamp);font-size:13px;color:var(--ink);cursor:var(--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(39,42,50,.08);flex-shrink:0;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);position:relative}.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-current{width:52px;height:52px;border:1.5px solid var(--warm-gray);border-radius:3px;background:var(--kraft);cursor:var(--cursor-pointer);display:flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0;transition:border-color .1s,background .1s}@media(hover:hover){.compose-stamp-current:hover{border-color:var(--hot-pink);background:var(--pale-pink)}}.compose-stamp-current img{width:100%;height:100%;object-fit:contain;display:block}.compose-stamp-empty{font-family:var(--font-stamp);font-size:18px;color:var(--warm-gray)}.stamp-picker-backdrop{position:fixed;inset:0;z-index:100;background:#272a328c}.stamp-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border:1.5px solid var(--warm-gray);border-radius:3px;box-shadow:4px 4px 0 var(--warm-gray);padding:20px;width:min(92vw,540px);max-height:82vh;overflow-y:auto}.stamp-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stamp-picker-title{font-family:var(--font-stamp);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.stamp-picker-close{background:none;border:none;cursor:var(--cursor-pointer);font-size:18px;color:var(--warm-gray);padding:10px 14px;min-height:44px;min-width:44px;line-height:1}@media(hover:hover){.stamp-picker-close:hover{color:var(--ink)}}.stamp-picker-pack+.stamp-picker-pack{margin-top:20px}.stamp-picker-pack-label{font-family:var(--font-stamp);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--warm-gray);margin-bottom:12px}.stamp-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:540px){.stamp-picker-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:360px){.stamp-picker-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.stamp-thumb{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;min-height:44px;border:1.5px solid var(--warm-gray);border-radius:2px;background:var(--off-white);cursor:var(--cursor-pointer);transition:border-color .1s,box-shadow .1s}.stamp-thumb img{width:100%;height:auto;display:block;object-fit:contain}.stamp-thumb-name{font-family:var(--font-stamp);font-size:10px;color:var(--warm-gray);text-align:center;line-height:1.3}@media(hover:hover){.stamp-thumb:hover{border-color:var(--hot-pink);box-shadow:2px 2px 0 var(--hot-pink)}}.stamp-thumb.selected{border-color:var(--hot-pink);box-shadow:2px 2px 0 var(--hot-pink);background:var(--pale-pink)}.compose-doc-area{flex:1;overflow-y:auto;background:#c2bcb0;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;touch-action:none}.compose-paper:before,.compose-paper:after{content:"";position:absolute;left:0;right:0;height:1px;background:#272a3214;box-shadow:0 1px 1.5px #272a320d,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}.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:#272a3247;font-style:italic;pointer-events:none}.compose-write-area{position:relative;width:100%;max-width:600px;background:var(--off-white);border-radius:1px;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000024;padding:52px 44px 64px;flex-shrink:0}.compose-write-page-break{position:absolute;left:0;right:0;height:1px;background:#272a321a;box-shadow:0 1px 1.5px #272a320d,0 -.5px #ffffff59;pointer-events:none}.compose-write-text-col{position:relative;width:100%}.compose-textarea--write{display:block;width:100%;min-height:733px;height:auto;font-family:var(--font-hand);font-size:17px;line-height:1.85;color:var(--ink);caret-color:var(--ink);background:transparent;border:none;outline:none;resize:none;padding:0;margin:0;overflow:hidden;white-space:pre-wrap;word-break:break-word;pointer-events:auto}.compose-textarea--write:focus{outline:none}.compose-mode-banner{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--pale-pink);border-bottom:1px solid var(--warm-gray);font-family:var(--font-body);font-size:13px;color:var(--warm-gray);flex-shrink:0}.compose-mode-banner-btn{font-family:var(--font-stamp);font-size:12px;padding:3px 10px;border:1.5px solid var(--burgundy);border-radius:3px;background:transparent;color:var(--burgundy);cursor:var(--cursor-pointer);transition:background .12s}@media(hover:hover){.compose-mode-banner-btn:hover{background:var(--pale-pink)}}.compose-mode-banner-hint{font-style:italic;opacity:.7}.compose-mode-toggle-btn{font-family:var(--font-stamp);font-size:13px;padding:8px 14px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--warm-gray);cursor:var(--cursor-pointer);transition:all .12s;box-shadow:2px 2px 0 var(--warm-gray)}@media(hover:hover){.compose-mode-toggle-btn:hover{background:var(--off-white)}}.compose-mode-toggle-btn.active{border-color:var(--burgundy);background:var(--pale-pink);color:var(--burgundy);box-shadow:2px 2px 0 var(--burgundy)}.compose-decor-return-hint{padding:7px 20px;background:var(--pale-teal);border-bottom:1px solid var(--muted-teal);font-family:var(--font-body);font-size:13px;color:var(--muted-teal);flex-shrink:0;animation:compose-hint-fade .25s ease}.compose-decor-return-hint strong{font-family:var(--font-stamp);font-size:12px}@keyframes compose-hint-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.compose-undoredo-btn img{width:14px;height:14px;image-rendering:pixelated;display:block}.compose-undoredo-btn{font-family:var(--font-stamp);font-size:12px;padding:10px 14px;min-height:44px;min-width:44px;border:1.5px solid var(--warm-gray);border-radius:3px;background:transparent;color:var(--warm-gray);cursor:var(--cursor-pointer);transition:background .1s,color .1s}@media(hover:hover){.compose-undoredo-btn:hover:not(:disabled){background:var(--off-white);color:var(--ink)}}.compose-undoredo-btn:disabled{opacity:.35;cursor:var(--cursor-default)}.compose-main{flex:1;display:flex;overflow:hidden;min-height:0}.compose-deco-sidebar-outer{position:relative;width:480px;flex-shrink:0;border-right:1px solid var(--warm-gray);background:var(--kraft);transition:width .15s ease}.compose-deco-sidebar-outer.is-collapsed{width:22px}.compose-deco-sidebar{width:100%;height:100%;overflow-y:auto;padding:12px 8px 24px;display:flex;flex-direction:column;gap:8px}.compose-deco-sidebar-label{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.06em;padding:0 2px;flex-shrink:0}.compose-deco-sidebar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.compose-deco-preview{position:absolute;left:calc(100% + 14px);transform:translateY(-50%);width:320px;height:320px;background:var(--off-white);border:1px solid var(--warm-gray);border-radius:6px;padding:24px;box-shadow:0 4px 20px #00000024;pointer-events:none;z-index:20;display:flex;align-items:center;justify-content:center}.compose-deco-preview img{max-width:100%;max-height:100%;object-fit:contain}.compose-deco-sidebar-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:var(--cursor-col-resize);z-index:9}.compose-deco-sidebar-toggle{position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:22px;height:44px;padding:0;background:var(--kraft);border:1px solid var(--warm-gray);border-left:none;border-radius:0 6px 6px 0;cursor:var(--cursor-pointer);z-index:10;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--warm-gray)}@media(hover:hover){.compose-deco-sidebar-toggle:hover{background:var(--off-white);color:var(--ink)}}.compose-intext-deco{position:absolute;cursor:var(--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:var(--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:var(--cursor-grabbing)}.deco-wrapper.selected{outline:1.5px dashed var(--hot-pink);outline-offset:4px}.deco-handle{position:absolute;box-sizing:content-box;width:14px;height:14px;padding:15px;margin:-15px;background:#fff;background-clip:content-box;border:1.5px solid var(--hot-pink);border-radius:2px;z-index:10;touch-action:none}.deco-handle--nw{top:-7px;left:-7px;cursor:var(--cursor-nwse-resize)}.deco-handle--ne{top:-7px;right:-7px;cursor:var(--cursor-nesw-resize)}.deco-handle--sw{bottom:-7px;left:-7px;cursor:var(--cursor-nesw-resize)}.deco-handle--se{bottom:-7px;right:-7px;cursor:var(--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:-44px;left:50%;box-sizing:content-box;width:20px;height:20px;padding:12px;margin:-12px;transform:translate(-50%);background:#fff;background-clip:content-box;border:1.5px solid var(--hot-pink);border-radius:50%;cursor:var(--cursor-grab);z-index:10;touch-action:none}.deco-rotate-knob:active{cursor:var(--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 #272a322e;white-space:nowrap;pointer-events:auto}.deco-toolbar-group{display:flex;gap:2px}.deco-toolbar-divider{width:1px;height:16px;background:#272a3226;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:var(--cursor-pointer);padding:3px 6px;line-height:1;transition:background .1s,border-color .1s}@media(hover:hover){.deco-tb-btn:hover{background:var(--pale-pink);border-color:var(--hot-pink);color:var(--hot-pink)}}.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)}@media(hover:hover){.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:var(--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(39,42,50,.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:var(--cursor-pointer);box-shadow:2px 2px 0 var(--muted-teal);transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap}@media(hover:hover){.compose-deco-btn:hover{background:var(--pale-teal)}}.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;min-height:44px;border:2px solid var(--hot-pink);border-radius:3px;background:var(--off-white);color:var(--hot-pink);cursor:var(--cursor-pointer);box-shadow:2px 2px 0 var(--hot-pink);transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap}@media(hover:hover){.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:var(--cursor-not-allowed);transform:none;box-shadow:2px 2px 0 var(--hot-pink)}.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:var(--cursor-pointer);padding:8px;transition:border-color .1s,background .1s,transform .1s}@media(hover:hover){.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)}.draft-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border, var(--kraft))}.draft-row-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;cursor:var(--cursor-pointer);text-align:left;padding:0}.draft-row-to{font-weight:600;font-size:14px}.draft-row-preview{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.draft-row-time{font-size:12px;color:#999}.draft-row-delete,.draft-row-confirm-yes,.draft-row-confirm-no{font-size:12px;padding:4px 8px;border:1px solid currentColor;border-radius:4px;background:none;cursor:var(--cursor-pointer)}.draft-row-delete{color:#999}.draft-row-confirm-yes{color:var(--coral-red)}.draft-row-confirm-no{color:#666}.draft-row-confirm{display:flex;align-items:center;gap:6px;font-size:13px}.compose-save-status{font-size:12px;color:#999;margin-left:auto}.compose-save-status--error{color:var(--coral-red)}.compose-discard-btn{font-size:13px;padding:6px 12px;min-height:44px;background:none;border:1px solid #ccc;border-radius:4px;cursor:var(--cursor-pointer);color:#666}@media(hover:hover){.compose-discard-btn:hover{border-color:var(--coral-red);color:var(--coral-red)}}@media(max-width:768px){.compose-main{flex-direction:column}.compose-deco-sidebar-outer{width:100%!important;height:45dvh;max-height:45dvh;border-right:none;border-top:1px solid var(--warm-gray);order:2}.compose-deco-sidebar-outer.is-collapsed{width:100%!important;height:32px;max-height:32px}.compose-doc-area{order:1;flex:1;min-height:0}.compose-deco-sidebar-resize-handle{display:none}}@media(max-width:480px){.compose-textarea--write,.letter-doc-page{font-size:18px;line-height:1.7}}.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:4px}.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:var(--cursor-pointer);transition:background .15s;flex-shrink:0;box-shadow:3px 3px 0 var(--coral-red)}@media(hover:hover){.preview-room-circle:hover,.edit-room-circle:hover{background:var(--pale-coral)}}.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:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s;align-self:flex-start;box-shadow:2px 2px 0 var(--coral-red)}@media(hover:hover){.edit-profile-btn:hover{background:var(--pale-coral)}}.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:var(--cursor-pointer);transition:background .15s,color .15s,border-color .15s;align-self:flex-start;box-shadow:2px 2px 0 var(--warm-gray)}@media(hover:hover){.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:16px;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:16px;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:var(--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)}@media(hover:hover){.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:var(--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:var(--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:var(--cursor-pointer);transition:border-color .15s}@media(hover:hover){.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:var(--cursor-pointer);font-family:var(--font-body);font-size:13px;color:var(--ink);text-align:left}@media(hover:hover){.language-option:hover:not(.selected){background:var(--kraft)}}.language-option.selected{background:var(--pale-coral);color:var(--coral-red);cursor:var(--cursor-default)}.language-option-empty{cursor:var(--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:var(--cursor-pointer);padding:0;line-height:1}@media(hover:hover){.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:var(--cursor-pointer);align-self:flex-start;transition:background .15s,transform .1s,box-shadow .1s;box-shadow:2px 2px 0 var(--coral-red)}@media(hover:hover){.interests-open-btn:hover{background:var(--pale-coral)}}.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:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s;box-shadow:3px 3px 0 var(--coral-red)}@media(hover:hover){.save-preview-btn:hover{background:var(--pale-coral)}}.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:var(--cursor-pointer);padding:0;align-self:flex-start;transition:color .15s}@media(hover:hover){.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:var(--cursor-pointer);transition:background .1s;gap:12px}@media(hover:hover){.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:var(--cursor-pointer);transition:all .15s}.subtopic-chip.active{background:var(--hot-pink);color:#fff}@media(hover:hover){.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}@media(hover:hover){.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}.copy-row{display:flex;align-items:center;gap:6px;margin-top:6px}.copy-row-label{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);white-space:nowrap}.copy-row-value{font-family:var(--font-stamp);font-size:12px;color:var(--ink);letter-spacing:.03em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-row-btn{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);background:var(--kraft);border:1.5px solid var(--warm-gray);border-radius:3px;padding:2px 8px;cursor:var(--cursor-pointer);white-space:nowrap;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}@media(hover:hover){.copy-row-btn:hover{color:var(--coral-red);border-color:var(--coral-red);background:var(--pale-coral)}}.profile-url-row{margin-top:-4px;margin-bottom:10px}.profile-url-row .copy-row-value{font-size:13px;color:var(--warm-gray)}.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}@media(max-width:480px){.copy-row{flex-direction:column;align-items:stretch;gap:4px}.copy-row-value{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip}}.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:var(--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)}@media(hover:hover){.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:var(--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)}@media(hover:hover){.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:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap;box-shadow:2px 2px 0 var(--coral-red)}@media(hover:hover){.find-action-btn:hover{background:var(--pale-coral)}}.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)}@media(hover:hover){.saved-btn:hover{background:var(--pale-pink)}}.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}@media(hover:hover){.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:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s;white-space:nowrap;box-shadow:2px 2px 0 var(--sage)}@media(hover:hover){.filter-btn:hover{background:var(--pale-sage)}}.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:var(--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)}@media(hover:hover){.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:var(--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)}@media(hover:hover){.pending-accept-btn:hover{background:var(--pale-sage)}}.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)}@media(hover:hover){.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:var(--cursor-pointer);transition:background .15s;border:2px solid #ccc;background:#fff;color:#888}@media(hover:hover){.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:var(--cursor-pointer);border-bottom:1px solid var(--kraft)}.suggestion-item:last-child{border-bottom:none}@media(hover:hover){.suggestion-item:hover{background:var(--pale-teal)}}.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)}@media(max-width:480px){.friend-card{flex-direction:column;align-items:stretch;gap:8px}.friend-card-thumb,.discover-thumb{width:100%;min-width:0;height:140px}.friend-card-info,.discover-card-info{text-align:left}}.guestbook-entry{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);position:relative;box-shadow:2px 2px 0 var(--ink)}.guestbook-entry--note{background:var(--pale-pink);border-color:var(--dusty-pink);box-shadow:2px 2px 0 var(--dusty-pink)}.guestbook-entry__avatar{width:28px;height:28px;border-radius:3px;background:var(--dusty-pink);color:var(--off-white);font-family:var(--font-stamp);font-size:13px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guestbook-entry__avatar--anon{background:var(--warm-gray);color:var(--off-white)}.guestbook-entry__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.guestbook-entry__header{display:flex;align-items:baseline;gap:6px}.guestbook-entry__username{font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;color:var(--ink)}.guestbook-entry__time{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);margin-left:auto}.guestbook-entry__note{margin:0;font-family:var(--font-hand);font-style:italic;font-size:14px;color:var(--ink);line-height:1.4}.guestbook-entry__visit-text,.guestbook-entry__anon-text{font-family:var(--font-body);font-size:12px;color:var(--warm-gray)}.guestbook-entry__anon-text{display:flex;align-items:center;gap:6px}.guestbook-entry__delete{background:none;border:none;cursor:var(--cursor-pointer);color:var(--warm-gray);font-family:var(--font-stamp);font-size:14px;padding:0 0 0 6px;line-height:1;flex-shrink:0;align-self:flex-start}@media(hover:hover){.guestbook-entry__delete:hover{color:var(--coral-red)}}.guestbook-panel{position:absolute;top:0;right:0;bottom:0;width:300px;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-left:2.5px solid var(--ink);display:flex;flex-direction:column;z-index:20;box-shadow:-4px 0 16px #272a321f}.guestbook-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:2px dashed var(--ink);font-family:var(--font-stamp);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);flex-shrink:0}.guestbook-panel__close{background:none;border:none;cursor:var(--cursor-pointer);color:var(--warm-gray);font-family:var(--font-stamp);font-size:18px;padding:0 4px;line-height:1}@media(hover:hover){.guestbook-panel__close:hover{color:var(--ink)}}.guestbook-panel__entries{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.guestbook-panel__empty{font-family:var(--font-hand);font-style:italic;font-size:16px;color:var(--warm-gray);text-align:center;margin-top:32px}.guestbook-panel__footer{padding:12px;border-top:2px dashed var(--ink);flex-shrink:0}.guestbook-panel__form{display:flex;gap:8px}.guestbook-panel__input{flex:1;padding:8px 10px;border:2px solid var(--warm-gray);border-radius:3px;font-family:var(--font-body);font-size:13px;background:var(--off-white);color:var(--ink);outline:none;min-width:0;transition:border-color .15s}.guestbook-panel__input:focus{border-color:var(--ink)}.guestbook-panel__submit{padding:8px 14px;background:var(--off-white);color:var(--dusty-pink);border:2px solid var(--dusty-pink);border-radius:3px;font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;cursor:var(--cursor-pointer);flex-shrink:0;box-shadow:2px 2px 0 var(--dusty-pink);transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.guestbook-panel__submit:hover{background:var(--pale-pink)}}.guestbook-panel__submit:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--dusty-pink)}.guestbook-panel__submit:disabled{opacity:.4;cursor:var(--cursor-default)}.guestbook-panel__login-prompt{display:block;text-align:center;font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;color:var(--dusty-pink);text-decoration:none;padding:8px;border-bottom:1.5px solid transparent}@media(hover:hover){.guestbook-panel__login-prompt:hover{border-bottom-color:var(--dusty-pink)}}.guestbook-btn{position:absolute;bottom:110px;right:20px;z-index:10;width:76px;height:76px;font-size:12px;border-color:var(--dusty-pink);color:var(--dusty-pink);background:var(--off-white)!important;box-shadow:3px 3px 0 var(--dusty-pink)!important}@media(hover:hover){.guestbook-btn:hover{background:var(--pale-pink)!important}}.guestbook-btn--active{background:var(--pale-pink)!important;box-shadow:1px 1px 0 var(--dusty-pink)!important;transform:translate(2px,2px)}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2hsY.ttf) format("truetype");size-adjust:135%}.pick-toast{position:fixed;transform:translate(-50%,calc(-100% - 12px));background:var(--ink);color:var(--off-white);font-family:var(--font-stamp);font-size:12px;padding:5px 12px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:200;animation:pick-toast-fade 2s ease-out forwards}.pick-toast em{font-style:normal;font-weight:700}@keyframes pick-toast-fade{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px))}12%{opacity:1;transform:translate(-50%,calc(-100% - 12px))}70%{opacity:1;transform:translate(-50%,calc(-100% - 12px))}to{opacity:0;transform:translate(-50%,calc(-100% - 20px))}}.app{display:flex;flex-direction:column;height:100dvh;width:100dvw;overflow:hidden;font-family:var(--font-body);background:var(--ink)}.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:var(--cursor-pointer);box-shadow:3px 3px 0 var(--ink);transition:box-shadow .1s,transform .1s}@media(hover:hover){.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:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));background-color:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-bottom:2px dotted var(--warm-gray);border-radius:0 0 12px 12px;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:500;color:var(--ink);letter-spacing:0}.logo-tagline{font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;color:var(--warm-gray);white-space:nowrap;border-left:2px dotted var(--warm-gray);padding-left:12px;margin-left:4px;align-self:stretch;display:flex;align-items:center}.room-area{flex:1;position:relative;overflow:hidden}.room-canvas{width:100%;height:100%;touch-action:manipulation}.room-area--hammer,.room-area--hammer canvas{cursor:var(--cursor-hammer)!important}.room-area--eraser,.room-area--eraser canvas{cursor:var(--cursor-eraser)!important}.room-area--pipette,.room-area--pipette canvas{cursor:var(--cursor-picker)!important}.room-area--brush,.room-area--brush canvas{cursor:var(--cursor-brush)!important}.tools-panel{position:absolute;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);background:var(--off-white);background-image:var(--dot-texture);background-size:var(--dot-size);border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);display:flex;flex-direction:column;z-index:15;overflow:hidden}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 16px;background:none;border:none;cursor:var(--cursor-pointer);min-width:64px;transition:background .12s}.tool-icon{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.tool-icon img{width:18px;height:18px;image-rendering:pixelated}.tool-label{font-family:var(--font-stamp);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--warm-gray)}@media(hover:hover){.tool-btn:hover:not(:disabled){background:var(--kraft)}}.tool-btn:disabled{opacity:.3;cursor:var(--cursor-default)}.tool-btn:active:not(:disabled){background:var(--kraft)}.tool-sep{height:1px;background:var(--ink);opacity:.12;flex-shrink:0}.tool-btn--pipette.tool-btn--active{background:var(--pale-sage);animation:tool-pulse-pipette 1.6s ease-in-out infinite}@keyframes tool-pulse-pipette{0%,to{background:var(--pale-sage);box-shadow:inset 0 0 0 0 var(--sage)}50%{background:var(--pale-sage);box-shadow:inset 0 0 0 2px var(--sage)}}.tool-btn--eraser.tool-btn--active{background:var(--pale-teal);animation:tool-pulse-eraser 1.6s ease-in-out infinite}.tool-btn--hammer.tool-btn--active{background:var(--pale-coral);animation:tool-pulse-hammer 1.6s ease-in-out infinite}@keyframes tool-pulse-eraser{0%,to{background:var(--pale-teal);box-shadow:inset 0 0 0 0 var(--muted-teal)}50%{background:var(--pale-teal);box-shadow:inset 0 0 0 2px var(--muted-teal)}}@keyframes tool-pulse-hammer{0%,to{background:var(--pale-coral);box-shadow:inset 0 0 0 0 var(--coral-red)}50%{background:var(--pale-coral);box-shadow:inset 0 0 0 2px var(--coral-red)}}.pipette-overlay{position:absolute;inset:0;pointer-events:none;z-index:11;border:3px solid var(--sage);animation:pipette-pulse 1.6s ease-in-out infinite}@keyframes pipette-pulse{0%,to{border-color:var(--sage)}50%{border-color:#55927f33}}.pipette-overlay-label{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--sage);color:var(--off-white);font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 18px;border-radius:3px;white-space:nowrap;box-shadow:2px 2px #143d2f;pointer-events:none}.eraser-overlay{position:absolute;inset:0;pointer-events:none;z-index:11;border:3px solid var(--muted-teal);animation:eraser-pulse 2s ease-in-out infinite}@keyframes eraser-pulse{0%,to{border-color:var(--muted-teal)}50%{border-color:#21525a33}}.eraser-overlay-label{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--muted-teal);color:var(--off-white);font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 18px;border-radius:3px;white-space:nowrap;box-shadow:2px 2px #133137;pointer-events:none}.delete-item-btn,.note-item-btn{position:absolute;top:20px;width:auto;min-width:44px;border-radius:3px;padding:0 20px;height:44px;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)}@media(hover:hover){.delete-item-btn:hover{background:var(--pale-coral)}}@media(hover:hover){.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:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));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}@media(hover:hover){.decorate-btn:hover{background:var(--pale-pink)!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-wrap{position:relative;width:100%;height:100%}.storage-card-fallback{font-family:var(--font-stamp);font-size:16px;color:var(--warm-gray)}.card-note-dot{position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--burgundy);border:1.5px solid var(--off-white);box-shadow:0 0 0 1px var(--burgundy);z-index:1}.storage-delete-corner{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;border-radius:50%;background:var(--off-white);color:var(--coral-red);border:1.5px solid var(--coral-red);font-family:var(--font-stamp);font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:var(--cursor-pointer);z-index:3;box-shadow:1px 1px 0 var(--coral-red);opacity:0;transition:opacity .15s,transform .1s,box-shadow .1s}.storage-card-wrap:hover .storage-delete-corner,.storage-delete-corner:focus-visible{opacity:1}@media(hover:none){.storage-delete-corner{opacity:1}}.storage-delete-corner:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--coral-red)}.edit-actions{position:fixed;bottom:294px;right:12px;z-index:12;display:flex;gap:8px;align-items:center}.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:var(--cursor-pointer);box-shadow:2px 2px 0 var(--ink);transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.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)}@media(hover:hover){.save-btn:hover{background:var(--pale-sage)}}.exit-btn-wrap{position:relative}.exit-btn{border-color:var(--warm-gray);color:var(--warm-gray);box-shadow:2px 2px 0 var(--warm-gray)}.saved-status{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--font-stamp);font-size:13px;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;animation:saved-fade 2.2s ease forwards}@keyframes saved-fade{0%{opacity:0;transform:translate(-50%) translateY(4px)}15%{opacity:.75;transform:translate(-50%) translateY(0)}55%{opacity:.75;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(0)}}.hammer-overlay{position:absolute;inset:0;pointer-events:none;z-index:11;border:4px dashed var(--coral-red);background:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(220,98,80,.06) 12px,rgba(220,98,80,.06) 14px);animation:hammer-pulse 1.6s ease-in-out infinite}.hammer-overlay-label{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--coral-red);color:var(--off-white);font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 18px;border-radius:3px;white-space:nowrap;box-shadow:2px 2px #4a2753;pointer-events:none}@keyframes hammer-pulse{0%,to{border-color:var(--coral-red)}50%{border-color:#dc625033}}.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-color:var(--kraft);background-image:var(--dot-texture);background-size:var(--dot-size);border-top:2px dotted var(--warm-gray);border-radius:12px 12px 0 0;flex-shrink:0;z-index:10}.circle-btn{border-radius:4px;border:2.5px solid;background:var(--off-white);cursor:var(--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)}@media(hover:hover){.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)}@media(hover:hover){.friends-btn:hover{background:var(--pale-teal)}}.home-btn{border-color:var(--burgundy);color:var(--burgundy)}@media(hover:hover){.home-btn:hover{background:var(--pale-pink)}}.letters-btn{border-color:var(--dusty-pink);color:var(--dusty-pink)}@media(hover:hover){.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:var(--pale-pink);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:#272a3280;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:min(90vw,380px);width:100%;max-height:85dvh;overflow-y:auto;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:var(--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)}@media(hover:hover){.dialog-btn-store:hover{background:var(--pale-teal)}}.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)}@media(hover:hover){.dialog-btn-delete:hover{background:var(--pale-coral)}}.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)}@media(hover:hover){.dialog-btn-cancel:hover{background:#c2bcb0}}.dialog-btn-cancel:active{box-shadow:0 0 0 var(--warm-gray)}.dialog-btn:disabled{opacity:.55;cursor:var(--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:var(--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}.friend-card-name,.dialog-message,.copy-row-value,.username-locked-value,.field-input,.field-textarea{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-height:480px)and (orientation:landscape){.top-bar{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px}.bottom-nav{padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom));gap:14px}.edit-actions{bottom:calc(min(180px,50dvh) + 12px)}.tools-panel{top:8px;transform:none}}@media(max-width:480px){.tools-panel{top:12px;transform:none}.edit-actions{bottom:calc(min(282px,50dvh) + 12px)}}.public-room-loading,.public-room-404{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);color:var(--warm-gray);font-family:var(--font-body)}.public-room-loading{font-family:var(--font-stamp);font-size:16px;letter-spacing:.08em;text-transform:uppercase}.public-room-404 h2{margin:0;font-family:var(--font-serif);font-size:1.8rem;color:var(--ink);font-weight:400}.public-room-404 p{margin:0;font-family:var(--font-body);font-size:.95rem;color:var(--warm-gray)}.public-room-home-link{font-family:var(--font-stamp);color:var(--muted-teal);font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1.5px solid var(--muted-teal);padding-bottom:1px}.public-room-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--cream);color:var(--ink)}.public-room-header{display:flex;align-items:center;gap:16px;padding:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));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}.public-room-logo{font-family:var(--font-serif);font-weight:400;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:0}.public-room-profile{display:flex;align-items:baseline;gap:12px;min-width:0;flex:1}.public-room-username{font-family:var(--font-stamp);font-size:14px;letter-spacing:.06em;color:var(--ink);flex-shrink:0}.public-room-bio{font-family:var(--font-body);font-size:.9rem;color:var(--warm-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-room-canvas{flex:1;overflow:hidden;position:relative;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}