@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Jersey+15&family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Special+Elite&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: "Lora", 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;--z-canvas: 0;--z-note: 5;--z-chrome: 10;--z-chrome-mode: 11;--z-chrome-dock: 12;--z-chrome-tool: 15;--z-chrome-panel: 20;--z-chrome-wheel: 21;--z-note-clicked: 30;--z-mask: 100;--z-toast: 200;--z-toast-alert: 400;--z-dialog: 1000;--z-tooltip: 10000;--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)}.cozy-scroll,.decoration-panel-content,.decorate-step-canvas-area,.preview-step-body,.paper-picker,.ds-style-panel,.ds-flourish-packs{scrollbar-width:auto;scrollbar-color:rgba(39,42,50,.32) rgba(39,42,50,.06)}.cozy-scroll::-webkit-scrollbar,.decoration-panel-content::-webkit-scrollbar,.decorate-step-canvas-area::-webkit-scrollbar,.preview-step-body::-webkit-scrollbar,.paper-picker::-webkit-scrollbar,.ds-style-panel::-webkit-scrollbar,.ds-flourish-packs::-webkit-scrollbar{width:12px;height:12px}.cozy-scroll::-webkit-scrollbar-track,.decoration-panel-content::-webkit-scrollbar-track,.decorate-step-canvas-area::-webkit-scrollbar-track,.preview-step-body::-webkit-scrollbar-track,.paper-picker::-webkit-scrollbar-track,.ds-style-panel::-webkit-scrollbar-track,.ds-flourish-packs::-webkit-scrollbar-track{background:#272a320f;border-radius:6px}.cozy-scroll::-webkit-scrollbar-thumb,.decoration-panel-content::-webkit-scrollbar-thumb,.decorate-step-canvas-area::-webkit-scrollbar-thumb,.preview-step-body::-webkit-scrollbar-thumb,.paper-picker::-webkit-scrollbar-thumb,.ds-style-panel::-webkit-scrollbar-thumb,.ds-flourish-packs::-webkit-scrollbar-thumb{background:#272a3252;border-radius:6px;border:3px solid transparent;background-clip:padding-box}.cozy-scroll::-webkit-scrollbar-thumb:hover,.decoration-panel-content::-webkit-scrollbar-thumb:hover,.decorate-step-canvas-area::-webkit-scrollbar-thumb:hover,.preview-step-body::-webkit-scrollbar-thumb:hover,.paper-picker::-webkit-scrollbar-thumb:hover,.ds-style-panel::-webkit-scrollbar-thumb:hover,.ds-flourish-packs::-webkit-scrollbar-thumb:hover{background:#272a328c;background-clip:padding-box}.cozy-scroll::-webkit-scrollbar-corner,.decoration-panel-content::-webkit-scrollbar-corner,.decorate-step-canvas-area::-webkit-scrollbar-corner,.preview-step-body::-webkit-scrollbar-corner,.paper-picker::-webkit-scrollbar-corner,.ds-style-panel::-webkit-scrollbar-corner,.ds-flourish-packs::-webkit-scrollbar-corner{background:transparent}.poll-editor{display:flex;flex-direction:column;gap:8px;margin-top:8px}.poll-editor__row{display:flex;align-items:center;gap:6px}.poll-editor__remove{border:none;background:none;cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:14px;line-height:1;color:var(--warm-gray);padding:4px}.poll-editor__add{align-self:flex-start;border:none;background:none;cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:13px;color:var(--muted-teal);padding:0}.poll-editor__anon{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;color:var(--ink)}.poll-editor__anon input[type=checkbox]{accent-color:var(--muted-teal)}.poll-editor__locked{font-family:var(--font-stamp);font-size:12px;color:var(--coral-red);margin:0}@media(hover:hover){.poll-editor__remove:hover{color:var(--coral-red)}}.speech-bubble{position:fixed;z-index:var(--z-note);width:max-content;max-width:min(200px,calc(100vw - 16px));background:var(--off-white);background-image:var(--dot-texture);background-size:var(--dot-size);border:1.5px dashed var(--ink);border-radius:4px;padding:8px 10px;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));opacity:0;translate:0 8px;transition:opacity .2s ease-out,translate .2s ease-out}.speech-bubble--visible{opacity:1;translate:0 0}.speech-bubble--dismissable{z-index:var(--z-note-clicked);pointer-events:auto}.speech-bubble__text{font-family:var(--font-body);font-size:13px;color:var(--ink);margin:0;line-height:1.4;word-break:break-word}.speech-bubble__link{display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:12px;color:var(--muted-teal);text-decoration:none;word-break:break-all;pointer-events:auto}.speech-bubble__link:hover{text-decoration:underline}.speech-bubble__link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:inline-block}.speech-bubble__link-arrow{flex-shrink:0;font-size:14px;line-height:1}.speech-bubble__tail{position:absolute;bottom:-7px;left:calc(50% + var(--tail-offset, 0px));transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid color-mix(in srgb,var(--ink) 45%,transparent)}.speech-bubble__tail:after{content:"";position:absolute;top:-8px;left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--off-white)}.speech-bubble__blog{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;pointer-events:auto}.speech-bubble__blog-title{font-weight:600}.speech-bubble__blog-more{font-size:.8em;opacity:.7}.speech-bubble__question{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;pointer-events:auto}.speech-bubble__question-text{font-family:var(--font-body);font-size:13px;color:var(--ink);line-height:1.4;word-break:break-word}.speech-bubble__question-more{font-size:.8em;opacity:.7}.speech-bubble__poll{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;pointer-events:auto}.speech-bubble__poll-text{font-family:var(--font-body);font-size:13px;color:var(--ink);line-height:1.4;word-break:break-word}.speech-bubble__poll-more{font-size:.8em;opacity:.7}.note-replies{display:flex;flex-direction:column;gap:10px;margin-top:12px;text-align:left}.note-replies__list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.note-replies__empty{margin:0;font-family:var(--font-body);font-size:12px;color:var(--warm-gray)}.note-reply{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);box-shadow:2px 2px 0 var(--ink)}.note-reply__avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.note-reply__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.note-reply__header{display:flex;align-items:baseline;gap:6px}.note-reply__username{font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;color:var(--ink);text-decoration:none}.note-reply__username--plain{color:var(--warm-gray)}@media(hover:hover){a.note-reply__username:hover{color:var(--dusty-pink);text-decoration:underline}}.note-reply__time{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);margin-left:auto}.note-reply__content{margin:0;font-family:var(--font-hand);font-size:14px;color:var(--ink);line-height:1.4;word-break:break-word}.note-reply__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}@media(hover:hover){.note-reply__delete:hover{color:var(--coral-red)}}.note-replies__form{display:flex;gap:6px}.note-replies__input{flex:1;min-width:0;font-family:var(--font-body);font-size:13px;padding:6px 8px;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);color:var(--ink)}.note-replies__submit{font-family:var(--font-stamp);font-size:13px;padding:6px 12px;border:1.5px solid var(--ink);border-radius:3px;background:var(--pale-teal);color:var(--ink);cursor:var(--cursor-pointer);box-shadow:2px 2px 0 var(--ink)}.note-replies__submit:disabled{opacity:.55;cursor:default}.note-replies__login-prompt{font-family:var(--font-stamp);font-size:13px;color:var(--dusty-pink);text-decoration:none}.poll-view{display:flex;flex-direction:column;gap:10px;margin-top:12px;text-align:left}.poll-view__loading{margin:0;font-family:var(--font-stamp);font-size:13px;letter-spacing:.03em;color:var(--warm-gray);animation:poll-loading-pulse 1.2s ease-in-out infinite}@keyframes poll-loading-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.poll-view__loading{animation:none}}.poll-view__options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.poll-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-hand);font-size:14px;color:var(--ink);line-height:1.4}.poll-option--selectable{cursor:var(--cursor-pointer)}.poll-option--checked{background:var(--pale-teal)}.poll-option--disabled{opacity:.7}.poll-option input[type=radio]{accent-color:var(--muted-teal);flex-shrink:0}.poll-view__vote{align-self:flex-start;font-family:var(--font-stamp);font-size:14px;letter-spacing:.03em;padding:8px 16px;border:1.5px solid var(--ink);border-radius:3px;background:var(--pale-teal);color:var(--ink);cursor:var(--cursor-pointer);box-shadow:2px 2px 0 var(--ink)}.poll-view__vote:disabled{opacity:.55;cursor:default}.poll-view__login-prompt{align-self:flex-start;font-family:var(--font-stamp);font-size:13px;color:var(--dusty-pink);text-decoration:none}.poll-result{display:flex;flex-direction:column;gap:6px}.poll-result__row{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);box-shadow:2px 2px 0 var(--ink);text-align:left;cursor:var(--cursor-pointer);overflow:hidden;font:inherit}.poll-result__row:disabled{cursor:default}.poll-result--mine .poll-result__row{border-color:var(--muted-teal);box-shadow:2px 2px 0 var(--muted-teal)}.poll-result__bar{position:absolute;inset:0 auto 0 0;background:var(--pale-teal);z-index:0}.poll-result__label{position:relative;z-index:1;font-family:var(--font-hand);font-size:14px;color:var(--ink);line-height:1.4}.poll-result__count{position:relative;z-index:1;margin-left:auto;font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);white-space:nowrap;font-variant-numeric:tabular-nums}.poll-result__voters{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 0 10px}.poll-voter{display:flex;align-items:center;gap:4px}.poll-voter__username{font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;color:var(--ink);text-decoration:none}.poll-voter__username--plain{color:var(--warm-gray)}.poll-view__total,.poll-view__owner-count{margin:0;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.poll-view__privacy{margin:0;font-family:var(--font-stamp);font-size:11px;letter-spacing:.03em;color:var(--muted-teal)}@media(hover:hover){a.poll-voter__username:hover{color:var(--dusty-pink);text-decoration:underline}}.room-loading-mask{position:absolute;inset:0;z-index:var(--z-mask);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.room-loading-mask--visible{opacity:1;pointer-events:auto}.room-loading-mask__card{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);padding:16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px;max-width:360px}.room-loading-mask__message{font-family:var(--font-stamp);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);text-align:center;line-height:1.4;animation:room-loading-message-in .32s ease both}@keyframes room-loading-message-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.room-loading-mask__bar-track{width:100%;height:6px;background:#4a4d5626;border-radius:3px;overflow:hidden}.room-loading-mask__bar-fill{height:100%;background:var(--muted-teal);border-radius:3px;animation:room-loading-bar 3s cubic-bezier(.25,.1,.25,1) forwards}@keyframes room-loading-bar{0%{width:0%}to{width:85%}}.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);background:var(--ink)}.landing-demo.room-area--loading .room-canvas{filter:blur(8px)}.landing-copy{position:relative;z-index:var(--z-chrome);overflow:hidden}.landing-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;transition:transform .38s cubic-bezier(.4,0,.2,1)}.landing-panel-home{transform:translate(0)}.landing-panel-home.slide-out{transform:translate(-100%)}.landing-panel-signin{transform:translate(100%)}.landing-panel-signin.slide-in{transform:translate(0)}.landing-title-wrap{position:relative;display:inline-block}.landing-beta-stamp{position:absolute;top:-28px;right:-70px;font-family:var(--font-stamp);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--coral-red);border:2px solid var(--coral-red);padding:3px 10px;border-radius:2px;opacity:.8;transform:rotate(6deg);line-height:1.4;pointer-events:none;white-space:nowrap}.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;justify-content:center;gap:10px;font-family:var(--font-stamp);font-size:13px;text-transform:uppercase;letter-spacing:.06em;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;text-decoration:none;width:100%;max-width:280px;box-sizing:border-box}.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)}.landing-waitlist-icon{width:22px;height:22px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;background-image:var(--mb6)}@media(hover:hover){.landing-waitlist-btn:hover{background:var(--off-white);transform:translate(-1px,-3px);box-shadow:3px 6px 0 var(--ink)}.landing-waitlist-btn:hover .landing-waitlist-icon{animation:waitlist-flag-raise .5s steps(1) forwards}}.landing-waitlist-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}@keyframes waitlist-flag-raise{0%{background-image:var(--mb6)}18%{background-image:var(--mb5)}36%{background-image:var(--mb4)}54%{background-image:var(--mb3)}72%{background-image:var(--mb2)}to{background-image:var(--mb1)}}.landing-divider{width:100%;max-width:280px;border:none;border-top:1px solid rgba(0,0,0,.1);margin:4px 0}.landing-signin-toggle{font-family:var(--font-body);font-size:.82rem;font-style:italic;color:var(--warm-gray);background:none;border:none;cursor:var(--cursor-pointer);text-decoration:underline;text-underline-offset:2px;padding:0}.landing-signin-welcome{font-family:var(--font-serif);font-weight:400;font-size:2rem;color:var(--ink);margin:0}@media(max-width:820px){.landing{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 380px;height:100dvh}.landing-demo{height:100%;min-height:0;border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}.landing-copy{gap:10px;padding:20px 20px 24px;overflow-y:auto}.landing-title{font-size:2.25rem}.landing-tagline{line-height:1.55}.landing-beta-stamp{top:-22px;right:-36px}}.landing-signin-or{text-align:center;font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin:10px 0 2px}.waitlist-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:32px 16px;overflow-y:auto}.waitlist-modal{background:#fdf6e9;color:#2b2b2b;border:2px solid #2b2b2b;border-radius:6px;max-width:560px;width:100%;padding:28px 32px;font-family:var(--font-body);position:relative;box-shadow:6px 6px #00000026}.waitlist-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#2b2b2b;padding:4px 8px}.waitlist-close:hover{opacity:.7}.waitlist-back{position:absolute;top:10px;left:14px;background:none;border:none;font-size:13px;line-height:1;cursor:pointer;color:#2b2b2b;padding:4px 6px;font-family:inherit}.waitlist-back:hover{opacity:.7}.waitlist-title{margin:0;font-family:var(--font-serif);font-weight:400;font-size:32px;text-align:center}.waitlist-icon{width:16px;height:16px;vertical-align:middle;margin-right:6px;margin-bottom:3px}.waitlist-subtitle{margin:4px 0 16px;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:16px}.waitlist-intro{font-size:14px;line-height:1.5;margin:0 0 14px}.waitlist-intro ul{margin:4px 0 4px 18px;padding:0}.waitlist-intro li{margin-bottom:4px}.waitlist-intro a{color:#2b2b2b;text-decoration:underline}.waitlist-intro-note{font-style:italic;color:#6b6b6b;font-size:13px;margin-top:10px}.waitlist-essays,.waitlist-toggle{margin:4px 0 8px}.waitlist-essays summary,.waitlist-toggle>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:inline-flex;align-items:center;gap:6px}.waitlist-essays summary::-webkit-details-marker,.waitlist-toggle>summary::-webkit-details-marker{display:none}.waitlist-essays summary:before,.waitlist-toggle>summary:before{content:"▸";display:inline-block;font-size:11px;transition:transform .12s ease-out}.waitlist-essays[open] summary:before,.waitlist-toggle[open]>summary:before{transform:rotate(90deg)}.waitlist-essays[open] summary,.waitlist-toggle[open]>summary{margin-bottom:6px}.waitlist-toggle>summary{font-size:13px;font-weight:600}.waitlist-toggle-meta{font-weight:400;font-style:italic;color:#6b6b6b;margin-left:4px}.waitlist-divider{border:none;border-top:1px dashed #b5a98c;margin:18px 0}.waitlist-field{margin-bottom:14px}.waitlist-label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.waitlist-label-hint{font-weight:400;font-style:italic;color:#6b6b6b}.waitlist-input,.waitlist-textarea{width:100%;padding:8px 10px;border:1px solid #b5a98c;border-radius:4px;background:#fffaf0;font-family:inherit;font-size:14px;box-sizing:border-box}.waitlist-textarea{min-height:70px;resize:vertical}.waitlist-input:disabled,.waitlist-input:read-only{color:#777;background:#f0e9d8}.waitlist-username-row{display:flex;align-items:center;gap:4px}.waitlist-at{font-size:16px}.waitlist-helper{font-size:12px;color:#6b6b6b;margin-top:4px}.waitlist-error{font-size:12px;color:#a02020;margin-top:4px;min-height:14px}.waitlist-checkbox-list,.waitlist-radio-list{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:4px}.waitlist-checkbox-list label,.waitlist-radio-list label{display:inline-flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.waitlist-other-inline{margin-top:6px;width:100%}.waitlist-submit{display:block;width:100%;padding:12px 16px;margin-top:14px;background:#2b2b2b;color:#fdf6e9;border:none;border-radius:4px;font-family:var(--font-stamp);font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.waitlist-submit:hover{opacity:.9}.waitlist-submit:disabled{opacity:.5;cursor:default}.waitlist-banner{background:#f8e4e4;color:#a02020;padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:12px}.waitlist-thankyou{text-align:center;padding:12px 0}.waitlist-thankyou-title{font-family:var(--font-serif);font-weight:400;font-size:28px;margin:0 0 12px}.waitlist-thankyou-body{font-size:15px;line-height:1.5;margin:0 0 18px}.waitlist-discord-note{text-align:center;font-size:13px;color:#6b6b6b;margin-top:14px;margin-bottom:0}.waitlist-discord-note a{color:#2b2b2b;text-decoration:underline}.waitlist-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.email-signin{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%;max-width:280px}.email-signin__input{font-family:var(--font-stamp);font-size:1rem;padding:10px 12px;border:2px solid var(--ink);background:var(--off-white);color:var(--ink);outline:none}.email-signin__input[aria-invalid=true]{border-color:var(--coral-red)}.email-signin__icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}.email-signin__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;padding:10px 24px;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;box-sizing:border-box;width:100%}.email-signin__btn:hover{background:var(--kraft)}.email-signin__btn:active{transform:translate(2px,2px);box-shadow:none}.email-signin__btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.email-signin__error{color:var(--coral-red);font-size:.85rem;margin:0}.email-signin__msg{color:var(--ink);margin:4px 0}.email-signin__hint{color:var(--ink);opacity:.7;font-size:.85rem;margin:0}.email-signin__waitlist{display:inline-block;font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);text-decoration:none;box-shadow:2px 2px 0 var(--ink)}.email-signin__waitlist:hover{background:var(--kraft)}.email-signin__waitlist:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.email-signin__waitlist:active{transform:translate(2px,2px);box-shadow:none}.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-img{width:16px;height:16px;object-fit:contain;display:block}.folder-tab--plot:not(.active) .folder-tab-img{filter:saturate(.4) opacity(.7)}.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)}.category-btn--ground{background:var(--pale-teal)}.category-btn--plants{background:var(--pale-sage)}.category-btn--flowers{background:var(--pale-pink)}.category-btn--trees{background:var(--pale-blue)}.catalog--plot .catalog-category-row{border-bottom:1.5px solid var(--ink)}@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:pan-x;-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-hover-popup--item .palette-swatch-hover-popup-img{object-fit:contain;background:var(--cream);padding:6px;box-sizing:border-box}.palette-swatch-hover-popup--item .palette-swatch-hover-popup-label{white-space:normal;text-align:center;max-width:150px}.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-top-bar{flex-direction:column;align-items:stretch;gap:4px}.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}}.plot-vis-row{display:flex;align-items:center;gap:10px;padding:8px 14px 6px;border-bottom:1px solid rgba(39,42,50,.1);flex-shrink:0}.plot-vis-label{font-family:var(--font-stamp);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.plot-vis-toggle-group{display:flex;border:1.5px solid var(--ink);border-radius:4px;overflow:hidden}.plot-vis-opt{font-family:var(--font-stamp);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;background:var(--cream);color:var(--ink);border:none;cursor:var(--cursor-pointer);transition:background .1s,color .1s}.plot-vis-opt+.plot-vis-opt{border-left:1.5px solid var(--ink)}.plot-vis-opt.active{background:var(--ink);color:var(--cream)}.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)}@media(max-width:767px){.letters-screen{border-radius:0 0 12px 12px}}.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:1px solid rgba(39,42,50,.18);border-radius:6px;background:var(--off-white);color:var(--warm-gray);cursor:var(--cursor-pointer);transition:all .15s;flex:1;box-shadow:0 1px 3px #272a3214,inset 0 1px #ffffffb3}.letters-tab.active{border-color:#68347859;background:var(--pale-pink);color:var(--burgundy);box-shadow:0 1px 3px #6834781f,inset 0 1px #fff9}@media(hover:hover){.letters-tab:hover:not(.active){background:var(--cream)}}.letters-content{flex:1;overflow-y:auto;padding:12px 20px 80px}.letters-list{display:flex;flex-direction:column;gap:20px}.letters-date-sep{display:flex;align-items:center;gap:10px;pointer-events:none;-webkit-user-select:none;user-select:none}.letters-date-sep:before,.letters-date-sep:after{content:"";flex:1;height:1px;background:#272a321f}.letters-date-sep span{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.letters-friend-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px;font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);letter-spacing:.04em}.letters-friend-empty-btn{font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;padding:7px 18px;border:1px solid rgba(39,42,50,.2);border-radius:6px;background:var(--off-white);color:var(--warm-gray);box-shadow:0 1px 3px #272a3214;cursor:var(--cursor-pointer);transition:background .12s}@media(hover:hover){.letters-friend-empty-btn:hover{background:var(--cream)}}.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:1px solid rgba(142,46,99,.32);border-radius:8px;background:var(--off-white);cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:17px;color:var(--hot-pink);box-shadow:0 2px 8px #8e2e6324,inset 0 1px #fffc;transition:background .15s,transform .1s,box-shadow .1s}@media(hover:hover){.write-btn:hover{background:var(--pale-pink)}}.write-btn:active{transform:scale(.98);box-shadow:0 1px 3px #8e2e631a}.write-text{font-size:17px}.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-party{background:none;border:none;padding:0;margin:0;font:inherit;font-weight:700;color:inherit;cursor:var(--cursor-pointer)}@media(hover:hover){.letter-view-party:hover{color:var(--hot-pink);text-decoration:underline}}.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-receipt{display:flex;gap:6px;margin-top:2px}.lv-receipt{font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;white-space:nowrap}.lv-receipt-sent{color:var(--warm-gray)}.lv-receipt-read{color:var(--sage)}.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-artboard{position:absolute;top:0;left:0;width:600px;height:849px;transform:scale(var(--page-scale, 1));transform-origin:top left}.letter-doc-paper{position:absolute;inset:0;z-index:0;pointer-events:none}.letter-doc-artboard:before,.letter-doc-artboard: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-artboard:before{top:33.333%}.letter-doc-artboard:after{top:66.666%}.letter-doc-content{padding:52px 44px 64px;font-family:var(--font-hand);font-size:16px;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;object-fit:contain;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}.letter-view-meta{transition:opacity .45s ease}.lv-meta-hidden{opacity:0;pointer-events:none}.eos.lv-opening-stage{background:transparent}.letter-view-nav{display:flex;align-items:center;gap:8px}.letter-view-save-template{margin-left:auto;background:none;border:1px solid var(--hot-pink);border-radius:8px;font-family:var(--font-stamp);font-size:14px;color:var(--hot-pink);cursor:var(--cursor-pointer);padding:8px 12px;min-height:40px}.letter-view-save-template:hover:not(:disabled){background:#8e2e630f}.letter-view-save-template:disabled{opacity:.7;cursor:default}.letter-view-plain-toggle{margin-left:auto;background:none;border:1px solid var(--hot-pink);border-radius:8px;font-family:var(--font-stamp);font-size:14px;color:var(--hot-pink);cursor:var(--cursor-pointer);padding:8px 12px;min-height:40px}.letter-view-plain-toggle:hover{background:#8e2e630f}.letter-view-plain-toggle[aria-pressed=true]{background:var(--hot-pink);color:var(--off-white);border-color:var(--hot-pink)}.letter-view-reply-cta{display:flex;justify-content:center;padding:24px 16px 40px}.letter-view-reply-btn{background:var(--hot-pink);color:var(--off-white);border:none;border-radius:3px;padding:12px 26px;font-family:var(--font-stamp);font-size:18px;letter-spacing:.04em;cursor:var(--cursor-pointer)}.letter-view-reply-btn:hover{background:var(--dusty-pink)}.paper-color--white{background:#fff}.paper-color--snow{background:#fafafa}.paper-color--frost{background:#f0f5f7}.paper-color--mist{background:#f3f6f8}.paper-color--pearl{background:#f7f4ee}.paper-color--ivory{background:#fbf6e9}.paper-color--cream{background:#fff9f0}.paper-color--vellum{background:#f9f2e0}.paper-color--champagne{background:#fbf3df}.paper-color--linen{background:#f3f1ec}.paper-color--moss{background:#f3f7ea}.paper-color--sky{background:#f0f6f9}.paper-color--rosehip{background:#faefeb}.paper-color--dawn{background:linear-gradient(180deg,#fefaf6,#fcefe8 55%,#fae5dc)}.paper-color--dusk{background:linear-gradient(180deg,#faf7fa,#f3eef5 55%,#ebe5ee)}.paper-pattern--plain:before{content:none}.paper-pattern--grid:before,.paper-pattern--ruled:before,.paper-pattern--dotted:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.paper-pattern--grid:before{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 14.8px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 14.8px)}.paper-pattern--ruled:before{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 29.6px)}.paper-pattern--dotted:before{background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 1.2px);background-size:14.8px 14.8px}.paper-border--square{border:1px solid rgba(0,0,0,.1);border-radius:0}.paper-border--rounded{border:1px solid rgba(0,0,0,.1);border-radius:12px}.paper-border--double-rule{border:3px double rgba(0,0,0,.25);border-radius:0}.paper-border--dotted{border:2px dotted rgba(0,0,0,.25);border-radius:0}.paper-border--inverted-scalloped{border:none;border-radius:0;-webkit-mask:radial-gradient(circle 8px at 50% 8px,#000 98%,transparent) top / 16px 16px repeat-x,radial-gradient(circle 8px at 50% calc(100% - 8px),#000 98%,transparent) bottom / 16px 16px repeat-x,radial-gradient(circle 8px at 8px 50%,#000 98%,transparent) left / 16px 16px repeat-y,radial-gradient(circle 8px at calc(100% - 8px) 50%,#000 98%,transparent) right / 16px 16px repeat-y,linear-gradient(#000,#000) center / calc(100% - 16px) calc(100% - 16px) no-repeat;mask:radial-gradient(circle 8px at 50% 8px,#000 98%,transparent) top / 16px 16px repeat-x,radial-gradient(circle 8px at 50% calc(100% - 8px),#000 98%,transparent) bottom / 16px 16px repeat-x,radial-gradient(circle 8px at 8px 50%,#000 98%,transparent) left / 16px 16px repeat-y,radial-gradient(circle 8px at calc(100% - 8px) 50%,#000 98%,transparent) right / 16px 16px repeat-y,linear-gradient(#000,#000) center / calc(100% - 16px) calc(100% - 16px) no-repeat}.paper-border--scalloped{border:none;border-radius:0;-webkit-mask:radial-gradient(circle 8px at 50% 0,transparent 7.5px,#000 8px) top / 16px 100% repeat-x,radial-gradient(circle 8px at 50% 100%,transparent 7.5px,#000 8px) bottom / 16px 100% repeat-x,radial-gradient(circle 8px at 0 50%,transparent 7.5px,#000 8px) left / 100% 16px repeat-y,radial-gradient(circle 8px at 100% 50%,transparent 7.5px,#000 8px) right / 100% 16px repeat-y;-webkit-mask-composite:source-in;mask:radial-gradient(circle 8px at 50% 0,transparent 7.5px,#000 8px) top / 16px 100% repeat-x,radial-gradient(circle 8px at 50% 100%,transparent 7.5px,#000 8px) bottom / 16px 100% repeat-x,radial-gradient(circle 8px at 0 50%,transparent 7.5px,#000 8px) left / 100% 16px repeat-y,radial-gradient(circle 8px at 100% 50%,transparent 7.5px,#000 8px) right / 100% 16px repeat-y;mask-composite:intersect}.pretext-content-inner{position:relative;width:100%}.pretext-lines{position:relative;pointer-events:none;font-size:16px;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-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:9px;height:9px;padding:10px;margin:-10px;background:var(--hot-pink);background-clip:content-box;border:1.5px solid #fff;border-radius:3px;box-shadow:0 0 0 1px var(--hot-pink);z-index:10;touch-action:none}.deco-handle--nw{top:-5px;left:-5px;cursor:var(--cursor-nwse-resize)}.deco-handle--ne{top:-5px;right:-5px;cursor:var(--cursor-nesw-resize)}.deco-handle--sw{bottom:-5px;left:-5px;cursor:var(--cursor-nesw-resize)}.deco-handle--se{bottom:-5px;right:-5px;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:-46px;left:50%;box-sizing:content-box;width:12px;height:12px;padding:16px;margin:-16px;transform:translate(-50%);background:var(--hot-pink);background-clip:content-box;border:1.5px solid #fff;box-shadow:0 0 0 1px var(--hot-pink);border-radius:50%;cursor:var(--cursor-grab);z-index:10;touch-action:none}.deco-rotate-knob:active{cursor:var(--cursor-grabbing)}.env-face-fit{position:relative;width:100%;max-width:480px;aspect-ratio:12 / 5;margin:0 auto}.env-face{position:absolute;top:0;left:0;width:480px;height:200px;transform-origin:top left;border-radius:4px;border:1px solid rgba(39,42,50,.14);box-shadow:0 2px 8px #272a3217,0 1px 2px #272a320f;overflow:hidden;font-family:var(--font-body);text-align:left}.env-face-flourishes{position:absolute;inset:0;z-index:1;pointer-events:none}.env-face-flourishes img{object-fit:contain}.env-face-routing{position:absolute;top:30px;left:24px;z-index:2;max-width:58%}.env-face-dir{font-family:var(--font-stamp);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:2px}.env-face-headline{font-family:var(--font-hand);font-size:28px;font-weight:600;color:var(--ink);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-face-meta{margin-top:8px;font-family:var(--font-stamp);font-size:11px;letter-spacing:.03em;color:var(--warm-gray)}.env-face-postmark{position:absolute;top:34px;right:104px;z-index:3;width:90px;height:54px;pointer-events:none;transform:rotate(-8deg)}.env-face-postmark-ring{position:absolute;inset:0;border:1px solid var(--coral-red);border-radius:50%;opacity:.5}.env-face-postmark-ring--inner{inset:5px;border-style:dashed}.env-face-postmark-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-stamp);font-size:11px;color:var(--coral-red);opacity:.78;letter-spacing:.1em;text-align:center;line-height:1.05;text-transform:uppercase;padding:0 6px}.env-face-stamp{position:absolute;top:14px;right:16px;z-index:2;width:83px;height:96px;pointer-events:none}.env-face-stamp img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(39,42,50,.18))}.env-face-stamp--btn{border:none;background:none;padding:0;pointer-events:auto;cursor:var(--cursor-pointer)}.env-face-stamp-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;border:1px dashed var(--warm-gray);border-radius:3px;background:#ffffff73;color:var(--warm-gray);font-family:var(--font-stamp);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.env-face-stamp-cta-plus{font-size:20px;line-height:1}.env-face-stamp--btn:hover .env-face-stamp-cta{border-color:var(--ink);color:var(--ink)}.eos{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:var(--room-bg, #e8e0d4)}.eos-doc{position:absolute;inset:0;z-index:1;overflow-y:auto;background:#c2bcb0;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:24px;opacity:1;transition:opacity .35s ease}.eos--sealed .eos-doc{opacity:0;pointer-events:none}.eos--opening .letter-doc-page,.eos--opening .preview-step-paper{will-change:transform}.eos-envelope-layer{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;pointer-events:none}.eos--open .eos-envelope-layer{display:none}.eos-envelope{width:min(480px,86vw);transform-origin:center center;will-change:transform,opacity}.eos-prompt{margin:0;font-family:var(--font-stamp);font-size:13px;font-style:italic;color:var(--warm-gray, #8a8170)}.eos-tap{position:absolute;inset:0;z-index:6;border:none;background:transparent;cursor:var(--cursor-pointer, pointer)}.eos-again{position:absolute;top:14px;right:14px;z-index:7;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;color:var(--ink, #2c2f36);background:#ffffffd1;border:1px solid rgba(39,42,50,.16);border-radius:999px;padding:7px 13px;cursor:var(--cursor-pointer, pointer);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 3px #272a321f}@media(hover:hover){.eos-again:hover{background:#fff}}@media(prefers-reduced-motion:reduce){.eos-doc{transition:none}}.plain-text-letter{white-space:pre-wrap;word-break:break-word;font-family:var(--font-sans, system-ui, sans-serif);font-size:1rem;line-height:1.7;color:var(--ink, #2b2b2b);max-width:62ch;margin:0 auto;padding:24px 20px;text-align:left}.plain-text-letter-empty{opacity:.6;font-style:italic}.templates-gallery{padding:12px 16px 96px}.templates-gallery-head{display:flex;justify-content:flex-end;margin-bottom:12px}.templates-new-btn{font-family:var(--font-stamp);font-size:14px;padding:10px 14px;min-height:44px;border:1px solid var(--hot-pink);border-radius:10px;background:var(--hot-pink);color:#fff;cursor:var(--cursor-pointer)}.templates-error{color:#b00020;font-family:var(--font-stamp);font-size:14px;margin:0 0 12px}.templates-empty{text-align:center;font-family:var(--font-stamp);color:var(--ink, #444);padding:48px 16px}.templates-empty-sub{font-size:13px;opacity:.7}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-card{border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.template-card-preview{border:none;padding:0;background:#00000008;cursor:var(--cursor-pointer);display:block;width:100%}.template-card-envelope{height:130px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px}.template-card-envelope .env-face-fit{width:100%}.template-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.template-card-name{margin:0;font-family:var(--font-stamp);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-rename input{width:100%;font-family:var(--font-stamp);font-size:15px;padding:4px 6px}.template-card-swatches{display:flex;gap:6px;flex-wrap:wrap}.template-swatch{font-family:var(--font-stamp);font-size:11px;padding:2px 8px;border-radius:999px;background:#0000000f}.template-swatch--muted{opacity:.65}.template-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.template-action{font-family:var(--font-stamp);font-size:12px;padding:6px 10px;min-height:36px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;cursor:var(--cursor-pointer)}.template-action--primary{border-color:var(--hot-pink);color:var(--hot-pink)}.template-action--danger-ghost{color:#b00020}.template-action--danger{background:#b00020;color:#fff;border-color:#b00020}.template-editor{display:flex;flex-direction:column;height:100%;min-height:0}.template-editor-loading{padding:40px;text-align:center;font-family:var(--font-stamp);color:var(--ink, #333)}.template-editor-top-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.template-editor-back{background:none;border:none;font-family:var(--font-stamp);font-size:15px;color:var(--hot-pink);cursor:var(--cursor-pointer);padding:8px 10px;min-height:44px;white-space:nowrap}.template-editor-name{flex:1 1 auto;min-width:0;font-family:var(--font-stamp);font-size:16px;padding:8px 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff}.template-editor-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.template-editor--side .template-editor-body{flex-direction:row}.template-editor-canvas{flex:1 1 auto;min-height:0;overflow:auto}.template-canvas-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px 80px}.template-paper-shell{position:relative;width:600px;max-width:100%}.template-canvas-footer{display:flex;gap:10px;width:600px;max-width:100%;align-items:stretch}.template-add-page{flex:1 1 auto;border:1.5px dashed var(--hot-pink);border-radius:12px;background:transparent;color:var(--hot-pink);font-family:var(--font-stamp);font-size:15px;padding:14px;min-height:48px;cursor:var(--cursor-pointer)}.template-add-page:disabled{opacity:.5;cursor:default}.template-remove-page{flex:0 0 auto;border:1px solid rgba(0,0,0,.15);border-radius:12px;background:#fff;color:#b00020;font-family:var(--font-stamp);font-size:13px;padding:14px 16px;min-height:48px;cursor:var(--cursor-pointer)}.template-remove-page--confirm{background:#b00020;color:#fff;border-color:#b00020}.decoration-panel{display:flex;flex-direction:column;background:var(--off-white);overflow:hidden}.decoration-panel--bottom{flex-shrink:0;border-top:1px solid rgba(39,42,50,.22)}.decoration-panel--side{flex-shrink:0;border-right:1px solid rgba(39,42,50,.22);height:100%;overflow:visible}.decoration-panel-grip{height:12px;flex-shrink:0;background:var(--cream);border-bottom:1px solid rgba(0,0,0,.08);cursor:ns-resize;display:flex;align-items:center;justify-content:center}.decoration-panel-grip:after{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--warm-gray);opacity:.7;box-shadow:0 1px 2px #0000001a;transition:background .12s,opacity .12s,width .12s}@media(hover:hover){.decoration-panel-grip:hover:after{background:var(--ink);opacity:1;width:56px}}.decoration-panel-grip:active:after{background:var(--ink);opacity:1;width:56px}.decoration-panel-side-grip{position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:18px;height:60px;cursor:col-resize;z-index:2;background:var(--off-white);border:1px solid rgba(39,42,50,.45);border-left:none;border-radius:0 8px 8px 0;box-shadow:3px 2px 6px #0000002e;display:flex;align-items:center;justify-content:center;gap:3px;transition:background .12s,border-color .12s,box-shadow .12s,width .12s}.decoration-panel-side-grip:before,.decoration-panel-side-grip:after{content:"";width:2px;height:26px;background:var(--warm-gray);border-radius:1px;opacity:.8;transition:background .12s,opacity .12s,height .12s}@media(hover:hover){.decoration-panel-side-grip:hover{background:var(--off-white);border-color:var(--ink);width:22px;box-shadow:3px 1px 6px #0000002e}.decoration-panel-side-grip:hover:before,.decoration-panel-side-grip:hover:after{background:var(--ink);opacity:1;height:34px}}.decoration-panel-side-grip:active{background:var(--off-white);border-color:var(--ink)}.decoration-panel-side-grip:active:before,.decoration-panel-side-grip:active:after{background:var(--ink);opacity:1;height:34px}.decoration-panel--side{position:relative;z-index:1}.decoration-panel-header{flex-shrink:0;background:var(--off-white);border-bottom:1px solid rgba(0,0,0,.1);padding:8px 10px 0;display:flex;flex-direction:column;gap:6px}.ds-tab-toggle{display:inline-flex;border:1.5px solid rgba(39,42,50,.3);border-radius:6px;box-shadow:none;overflow:hidden;align-self:flex-start}.ds-tab-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-family:var(--font-stamp);font-size:15px;font-weight:600;letter-spacing:.04em;background:var(--cream);color:var(--warm-gray);border:none;cursor:var(--cursor-pointer);transition:background .1s,color .1s}.ds-tab-toggle-btn+.ds-tab-toggle-btn{border-left:1.5px solid rgba(39,42,50,.3)}.ds-tab-toggle-btn.is-active{background:var(--ink);color:var(--off-white)}@media(hover:hover){.ds-tab-toggle-btn:not(.is-active):hover{background:var(--off-white);color:var(--ink)}}.decoration-panel-hint{font-size:12px;color:var(--warm-gray);font-family:var(--font-stamp)}.decoration-panel-sub-tabs{display:flex;align-items:stretch;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0;height:34px;margin:0 -10px;padding:0 10px}.decoration-panel-sub-tab{position:relative;padding:0 12px;font-family:var(--font-stamp);font-size:11px;letter-spacing:.06em;color:var(--warm-gray);background:none;border:none;border-bottom:2px solid transparent;cursor:var(--cursor-pointer);white-space:nowrap;transition:color .1s}.decoration-panel-sub-tab.is-active{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}@media(hover:hover){.decoration-panel-sub-tab:not(.is-active):hover{color:var(--ink)}}.decoration-panel-collapse-btn{margin-left:auto;padding:0 12px;font-size:11px;color:var(--warm-gray);background:none;border:none;cursor:var(--cursor-pointer);flex-shrink:0}.decoration-panel-collapse-btn:hover{color:var(--ink)}.decoration-panel-content{flex:1;overflow-y:auto;min-height:0}.ds-flourish-panel{display:flex;flex-direction:column;height:100%}.ds-flourish-search{flex-shrink:0;margin:8px 10px 6px;padding:5px 10px;font-family:var(--font-stamp);font-size:12px;background:var(--cream);border:1.5px solid var(--warm-gray);border-radius:3px;color:var(--ink);outline:none}.ds-flourish-search:focus{border-color:var(--ink)}.ds-flourish-packs{flex:1;overflow-y:auto}.ds-flourish-empty{padding:16px 12px;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);font-style:italic}.ds-pack{border-bottom:1px solid rgba(0,0,0,.07)}.ds-pack--favorites>.ds-pack-header{background:var(--pale-pink)}.ds-pack--favorites>.ds-pack-header .ds-pack-name{color:var(--hot-pink)}.ds-pack-fav-icon{display:inline-flex;align-items:center;color:var(--hot-pink);margin-right:2px}.ds-pack-header{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:var(--cream);border:none;cursor:var(--cursor-pointer);text-align:left;transition:background .1s}.ds-pack-header.is-open{background:var(--off-white)}@media(hover:hover){.ds-pack-header:not(.is-open):hover{background:var(--off-white)}}.ds-pack-name{font-family:var(--font-stamp);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);flex:1}.ds-pack-header:not(.is-open) .ds-pack-name{color:var(--warm-gray)}.ds-pack-count{font-family:var(--font-stamp);font-size:9px;color:var(--warm-gray)}.ds-pack-arrow{font-size:10px;color:var(--warm-gray);flex-shrink:0}.ds-pack-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:6px 10px 8px;background:var(--off-white)}.ds-flourish-thumb{flex-shrink:0;width:72px;height:72px;background:var(--cream);border:1.5px solid rgba(0,0,0,.1);border-radius:3px;padding:4px;cursor:var(--cursor-pointer);transition:border-color .1s,box-shadow .1s}.ds-flourish-thumb:hover{border-color:#272a3247;box-shadow:0 2px 6px #272a3224}.ds-flourish-thumb img{width:100%;height:100%;object-fit:contain;display:block}.ds-flourish-thumb-wrap{position:relative;flex-shrink:0}.ds-flourish-thumb-wrap.is-favorite .ds-flourish-thumb{border-color:var(--hot-pink)}.ds-flourish-fav{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#ffffffd9;border:none;border-radius:50%;color:var(--warm-gray);cursor:var(--cursor-pointer);opacity:0;transition:opacity .12s,color .12s,transform .12s}.ds-flourish-thumb-wrap:hover .ds-flourish-fav,.ds-flourish-thumb-wrap:focus-within .ds-flourish-fav,.ds-flourish-fav.is-on{opacity:1}.ds-flourish-fav.is-on{color:var(--hot-pink)}@media(hover:hover){.ds-flourish-fav:hover{color:var(--hot-pink);transform:scale(1.08)}}.ds-flourish-preview-portal{background:var(--off-white);border:1px solid rgba(39,42,50,.16);box-shadow:0 4px 12px #272a321f,0 1px 3px #272a3214;border-radius:6px;padding:10px}.ds-flourish-preview-portal img{width:100%;height:100%;object-fit:contain;display:block}.ds-style-panel{display:flex;flex-direction:column;gap:14px;padding:10px 10px 14px;overflow-y:auto}.ds-section{display:flex;flex-direction:column;gap:6px}.ds-section-heading{margin:0;font-family:var(--font-stamp);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray)}.ds-stamp-btn{width:100%;background:var(--cream);border:1px solid rgba(39,42,50,.18);border-radius:6px;padding:9px 8px;font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;cursor:var(--cursor-pointer);color:var(--warm-gray);text-align:center;box-shadow:0 1px 3px #272a3212;transition:background .1s}.ds-stamp-btn:hover{background:var(--off-white)}@media(max-width:599px){.ds-flourish-thumb{width:60px;height:60px}.ds-flourish-preview-portal{display:none}}.ds-layers-panel{display:flex;flex-direction:column;gap:12px;padding:8px 4px 12px}.ds-layers-empty{margin:16px 8px;font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);text-align:center}.ds-layers-page{display:flex;flex-direction:column;gap:4px}.ds-layers-page-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.ds-layers-page-title{margin:0;font-family:var(--font-stamp);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray)}.ds-layers-page-trash{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;padding:3px 5px;color:var(--warm-gray);cursor:var(--cursor-pointer);transition:background .1s,color .1s,border-color .1s}@media(hover:hover){.ds-layers-page-trash:hover{color:var(--burgundy);border-color:var(--burgundy);background:var(--pale-coral)}}.ds-layers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ds-layer-row{display:flex;align-items:center;gap:4px;background:var(--cream);border:1px solid rgba(39,42,50,.1);border-radius:6px;padding:4px;transition:border-color .1s,background .1s}.ds-layer-row.is-selected{border-color:var(--hot-pink);background:var(--pale-pink)}.ds-layer-row-main{flex:1;display:flex;align-items:center;gap:8px;background:none;border:none;padding:2px 4px;cursor:var(--cursor-pointer);text-align:left;min-width:0}.ds-layer-thumb{width:28px;height:28px;object-fit:contain;flex-shrink:0;background:var(--off-white);border-radius:4px}.ds-layer-mode{font-family:var(--font-stamp);font-size:10px;letter-spacing:.04em;color:var(--warm-gray);text-transform:uppercase;white-space:nowrap}.ds-layer-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.ds-layer-icon{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;padding:2px 4px;font-size:10px;color:var(--warm-gray);cursor:var(--cursor-pointer);transition:background .1s,color .1s,border-color .1s}.ds-layer-icon:disabled{opacity:.3;cursor:not-allowed}@media(hover:hover){.ds-layer-icon:not(:disabled):hover{color:var(--hot-pink);border-color:var(--hot-pink);background:var(--off-white)}.ds-layer-icon--danger:not(:disabled):hover{color:var(--burgundy);border-color:var(--burgundy);background:var(--pale-coral)}}.decoration-panel-sub-tab-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--amber)}.paper-picker{display:flex;flex-direction:column;gap:14px;padding:10px 10px 14px;overflow-y:auto}.paper-picker-section{display:flex;flex-direction:column;gap:6px}.paper-picker-heading{margin:0;font-family:var(--font-stamp);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray)}.paper-picker-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.paper-picker-tile{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:4px;border:2px solid transparent;border-radius:6px;background:none;cursor:var(--cursor-pointer)}.paper-picker-tile.is-selected{border-color:#222;background:#f0e8e0}.paper-picker-tile:hover:not(.is-selected){background:#f5f2ec}.paper-picker-tile-preview{position:relative;display:block;width:100%;height:36px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.paper-picker-tile-label{font-family:var(--font-stamp);font-size:10px;color:var(--warm-gray);text-align:center}.opening-anim-picker{display:flex;flex-direction:column;gap:6px;padding:8px}.opening-anim-picker-hint{font-size:10px;color:#999;margin:0 0 4px;font-style:italic;line-height:1.4}.opening-anim-option{display:flex;flex-direction:column;gap:3px;background:none;border:1px solid #ddd;border-radius:4px;padding:7px 9px;text-align:left;cursor:var(--cursor-pointer);color:#555}.opening-anim-option-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.opening-anim-option-label{font-size:12px;font-weight:600}.opening-anim-option-check{flex-shrink:0;font-size:12px;line-height:1}.opening-anim-option-desc{font-size:10px;line-height:1.35;color:#999}.opening-anim-option.is-selected{background:#222;color:#fff;border-color:#222}.opening-anim-option.is-selected .opening-anim-option-desc{color:#ffffffb8}.opening-anim-option:hover:not(.is-selected){background:#f5f2ec}.envelope-canvas-shell{position:relative;width:100%;max-width:480px;margin:24px auto}.env-face--editable .env-face-flourishes .deco-wrapper{pointer-events:auto}.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-mode{min-width:44px;text-align:center}.deco-tb-delete{padding:3px 5px;display:inline-flex;align-items:center;color:var(--warm-gray)}.deco-tb-slider{display:inline-flex;align-items:center;gap:4px}.deco-tb-label{font-family:var(--font-stamp);font-size:10px;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}@media(hover:hover){.deco-tb-delete:hover{border-color:var(--burgundy);background:var(--pale-coral)}}.deco-tb-opacity,.deco-tb-tightness{width:64px;accent-color:var(--hot-pink);cursor:var(--cursor-pointer)}.env{position:relative;width:100%;max-width:480px;margin:0 auto}.env--unread .env-face{border:1px solid rgba(142,46,99,.22);box-shadow:0 2px 10px #8e2e6324,0 1px 2px #272a320f}.env-receipt{position:absolute;bottom:14px;right:18px;z-index:4;font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;white-space:nowrap;color:var(--warm-gray)}.env-receipt--read{color:var(--sage)}.env--delivering .env-face-stamp{opacity:.32;filter:grayscale(1)}.env-delivery-row{position:absolute;bottom:14px;left:22px;right:22px;z-index:3;display:flex;align-items:flex-end;gap:14px;font-family:var(--font-stamp)}.env-progress{flex:1;display:flex;flex-direction:column;gap:5px}.env-progress-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--warm-gray);letter-spacing:.1em;text-transform:uppercase}.env-progress-track{position:relative;height:9px;background:#efe6cc;border:1px solid rgba(39,42,50,.12);border-radius:3px;overflow:hidden}.env-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--muted-teal),var(--sage));transition:width .3s ease}.env-progress-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(39,42,50,.2) 18px 19px);pointer-events:none}.env-countdown{color:var(--coral-red);font-size:14px;letter-spacing:.03em;white-space:nowrap;padding-bottom:1px}.env-flourish{position:absolute}.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(--off-white)}}.go-friends-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.empty-friends-list{display:flex;flex-direction:column;gap:2px}.empty-friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 0;border-bottom:1px solid rgba(39,42,50,.08)}.empty-friend-row:last-child{border-bottom:none}.empty-friend-info{display:flex;flex-direction:column;gap:2px;min-width:0}.empty-friend-name{font-family:var(--font-hand);font-size:20px;color:var(--ink);line-height:1.1}.empty-friend-estimate{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);letter-spacing:.04em}.empty-friend-write-btn{font-family:var(--font-stamp);font-size:13px;padding:0 18px;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);flex-shrink:0;transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.empty-friend-write-btn:hover{background:var(--pale-pink)}}.empty-friend-write-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--hot-pink)}.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-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;padding:32px;text-align:center;background:var(--cream)}.compose-confirmation-text{font-family:var(--font-hand);font-size:17px;line-height:1.6;color:var(--ink)}.compose-back-btn{background:none;border:1px solid rgba(142,46,99,.32);border-radius:6px;padding:8px 18px;font-family:var(--font-stamp);font-size:14px;cursor:var(--cursor-pointer);color:var(--hot-pink);box-shadow:0 1px 3px #8e2e631f;transition:background .1s}.compose-back-btn:hover{background:var(--pale-pink)}.compose-back-btn:active{transform:scale(.98);box-shadow:none}.write-step{display:flex;flex-direction:column;height:100%;overflow:hidden}.write-step-top-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08);background:var(--off-white);flex-shrink:0}.write-step-top-bar-right{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.write-step-back-btn{background:var(--off-white);border:1px solid rgba(39,42,50,.2);border-radius:6px;padding:4px 10px;font-family:var(--font-stamp);font-size:13px;cursor:var(--cursor-pointer);color:var(--warm-gray);box-shadow:0 1px 3px #272a3214,inset 0 1px #ffffffb3;white-space:nowrap;min-height:36px;transition:background .1s}.write-step-back-btn:hover{background:var(--cream)}.write-step-back-btn:active{transform:scale(.98);box-shadow:none}.write-step-to-label{font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);white-space:nowrap;flex-shrink:0}.recipient-dropdown{position:relative;min-width:200px;max-width:300px}.recipient-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 14px;background:var(--cream);border:1px solid rgba(39,42,50,.2);border-radius:6px;font-family:var(--font-stamp);font-size:17px;color:var(--ink);cursor:var(--cursor-pointer);box-shadow:0 1px 3px #272a3214,inset 0 1px #ffffffb3;text-align:left;gap:8px}.recipient-dropdown-trigger.is-open{border-color:#272a3266;box-shadow:0 1px 4px #272a321f}.recipient-dropdown-house{display:flex;align-items:center;flex-shrink:0;line-height:0}.recipient-dropdown-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-dropdown-label.is-placeholder{color:var(--warm-gray);font-style:italic}.recipient-dropdown-caret{font-size:11px;color:var(--warm-gray);flex-shrink:0}.recipient-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--off-white);border:1px solid rgba(39,42,50,.18);border-radius:6px;box-shadow:0 4px 12px #272a321f,0 1px 3px #272a3214;list-style:none;margin:0;padding:4px 0;z-index:100;max-height:240px;overflow-y:auto}.recipient-dropdown-option{display:flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--font-stamp);font-size:14px;color:var(--ink);cursor:var(--cursor-pointer)}.recipient-dropdown-option:hover,.recipient-dropdown-option.is-selected{background:var(--cream)}.recipient-dropdown-option.is-selected{font-weight:700}.recipient-dropdown-empty{padding:8px 12px;font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);font-style:italic}.write-step-undo-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ink);font-size:16px;cursor:var(--cursor-pointer)}.write-step-undo-btn:hover{background:#272a3214}.write-step-undo-btn:active{background:#272a3224}.write-step-undo-btn:disabled{opacity:.35;cursor:default}.write-step-save-status{display:flex;align-items:center;gap:6px;padding-right:8px;border-right:1px solid rgba(0,0,0,.12);margin-right:2px}.write-step-save-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#7cb87c}.write-step-save-status--saving .write-step-save-dot{background:#c8a84b}.write-step-save-status--error .write-step-save-dot{background:#c85a4b}.write-step-save-status--saved .write-step-save-dot{background:#7cb87c}.write-step-save-value{font-family:var(--font-stamp);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.write-step-doc-area{flex:1;overflow-y:auto;padding:16px 16px 35vh;scroll-padding-bottom:35vh;background:var(--cream);display:flex;flex-direction:column;align-items:center}.write-step-paper{background:#fff9f0;border-radius:4px;padding:52px 44px 64px;width:100%;max-width:600px;min-height:849px;position:relative;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.write-step-placeholder{position:absolute;top:52px;left:44px;right:44px;font-size:16px;line-height:1.85;color:#bbb;pointer-events:none;white-space:pre-wrap}.write-step-textarea{width:100%;border:none;outline:none;resize:none;background:transparent;font-size:16px;line-height:1.85;color:#333;overflow:hidden;min-height:733px}.write-step-limit-warning{padding:4px 12px;background:#fff3f3;border-top:1px solid #f0c0c0;font-size:11px;color:#a00;text-align:right;flex-shrink:0}.write-step-bottom-bar{display:flex;align-items:center;justify-content:flex-end;padding:10px 12px;border-top:1px solid rgba(39,42,50,.1);background:var(--off-white);flex-shrink:0;position:relative}.write-step-stats{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);text-align:center;pointer-events:none;white-space:nowrap}.write-step-stats-chars--warn{color:#a00;font-weight:600}.write-step-next-btn{background:#222;color:#fff;border:none;border-radius:4px;padding:8px 18px;font-family:var(--font-stamp);font-size:13px;font-weight:600;cursor:var(--cursor-pointer);white-space:nowrap;min-height:40px}.write-step-deco-hint{align-self:center;display:inline-flex;align-items:center;gap:6px;margin:8px 12px 0;padding:5px 12px;background:var(--pale-pink);border:1px solid var(--hot-pink);border-radius:999px;color:var(--hot-pink);font-family:var(--font-stamp);font-size:12px;letter-spacing:.02em}.write-step-deco-hint b{font-weight:600}@media(max-width:600px){.write-step-paper{padding:20px 16px}.write-step-placeholder{top:20px;left:16px;right:16px}.write-step-textarea{min-height:809px}}.recipient-dropdown-option--open{align-items:flex-start;gap:10px;margin:2px 6px 4px;padding:10px 12px;background:var(--pale-pink);border:1.5px solid var(--dusty-pink);border-radius:4px}.recipient-dropdown-option--open:hover,.recipient-dropdown-option--open.is-selected{background:var(--pale-pink);box-shadow:inset 0 0 0 1px var(--dusty-pink);font-weight:400}.recipient-dropdown-open-icon{flex-shrink:0;margin-top:1px}.recipient-dropdown-open-text{display:flex;flex-direction:column;gap:2px;min-width:0}.recipient-dropdown-open-title{font-family:var(--font-stamp);font-size:17px;color:var(--dusty-pink);line-height:1.1}.recipient-dropdown-open-desc{font-family:var(--font-body);font-size:12px;color:var(--warm-gray);line-height:1.35;white-space:normal}.recipient-dropdown-divider{height:1px;margin:4px 8px;background:#272a321f;padding:0;list-style:none}.write-step-open-hint{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 16px;background:var(--pale-pink);border-top:1.5px solid var(--dusty-pink);font-family:var(--font-body);font-size:13px;line-height:1.45;color:var(--warm-gray)}.write-step-open-hint b{color:var(--dusty-pink);font-weight:600}.write-step-open-hint-icon{flex-shrink:0;margin-top:1px}.recipient-dropdown--locked .recipient-dropdown-trigger.is-locked{cursor:default;opacity:.95}.recipient-dropdown-lock{margin-left:6px;opacity:.6}.write-step-reply-preview{margin:0 auto 8px;max-width:600px;width:100%;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#00000008;overflow:hidden}.write-step-reply-toggle{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:10px 14px;font:inherit;font-size:.85rem;font-weight:600;color:var(--ink, #2b2b2b);cursor:var(--cursor-pointer)}.write-step-reply-title{flex:1;text-align:left;opacity:.8}.write-step-reply-caret{opacity:.6}.write-step-reply-body{max-height:160px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.08);-webkit-overflow-scrolling:touch}.write-step-reply-body .write-step-reply-plain{padding:12px 16px;font-size:.9rem;line-height:1.55;max-width:none;margin:0}.step-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:var(--cream);border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.step-indicator-item{display:flex;align-items:center;gap:10px}.step-indicator-btn{background:none;border:none;font-family:var(--font-stamp);font-size:14px;letter-spacing:.08em;color:var(--warm-gray);cursor:var(--cursor-pointer);padding:3px 0;border-bottom:2px solid transparent;opacity:.6}.step-indicator-btn:hover{color:var(--ink);opacity:1;text-decoration:underline}.step-indicator-btn.is-active{color:var(--ink);font-weight:700;border-bottom-color:var(--ink);opacity:1;text-decoration:none;cursor:default}.step-indicator-btn.is-visited{opacity:.8}.step-indicator-sep{font-size:14px;color:var(--warm-gray);opacity:.35}.step-indicator-btn:disabled{cursor:default}.step-indicator-substeps{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:3px 5px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;background:#00000005;white-space:nowrap;flex-shrink:0}.step-indicator-sub{position:relative;background:none;border:none;font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;color:var(--warm-gray);cursor:var(--cursor-pointer);padding:3px 8px;border-radius:8px;opacity:.7}.step-indicator-sub:hover{color:var(--ink);opacity:1}.step-indicator-sub.is-active{color:var(--ink);font-weight:700;background:#0000000f;opacity:1;cursor:default}.step-indicator-dot{position:absolute;top:1px;right:1px;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 2px var(--cream)}.compose-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;margin:0 auto 12px;max-width:600px;background:var(--off-white);border-radius:4px;box-shadow:0 1px 2px #00000014,0 2px 6px #00000014;flex-wrap:wrap}.compose-toolbar--bare{max-width:none;margin:0;padding:6px 12px;background:var(--off-white);border-radius:0;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.07);justify-content:center;position:sticky;top:0;z-index:10;flex-shrink:0}.compose-toolbar-divider{display:inline-block;width:1px;height:20px;background:#272a322e;margin:0 4px}.compose-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ink);font-family:var(--font-stamp);font-size:13px;line-height:1;cursor:var(--cursor-pointer)}.compose-toolbar-btn:hover:not(:disabled){background:#272a3214}.compose-toolbar-btn:active:not(:disabled){background:#272a3224}.compose-toolbar-btn:disabled{opacity:.35;cursor:default}.compose-toolbar-btn--mark{font-size:15px;font-family:Georgia,serif}.font-picker{position:relative}.font-picker-trigger{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid rgba(39,42,50,.18);border-radius:3px;background:var(--off-white);color:var(--ink);font-size:14px;cursor:var(--cursor-pointer);white-space:nowrap;min-width:80px}.font-picker-trigger.is-open{border-color:var(--ink)}.font-picker-caret{font-size:10px;color:var(--warm-gray);font-family:sans-serif}.font-picker-list{position:absolute;top:calc(100% + 4px);left:0;background:var(--off-white);border:1px solid rgba(39,42,50,.2);border-radius:3px;box-shadow:0 4px 12px #0000001f;list-style:none;margin:0;padding:4px 0;z-index:200;min-width:160px}.font-picker-option{padding:7px 14px;font-size:15px;color:var(--ink);cursor:var(--cursor-pointer);white-space:nowrap}.font-picker-option:hover{background:var(--cream)}.font-picker-option.is-selected{background:var(--cream);font-weight:700}.font-size-picker{position:relative}.font-size-trigger{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px;border:1px solid rgba(39,42,50,.18);border-radius:3px;background:var(--off-white);color:var(--ink);cursor:var(--cursor-pointer);white-space:nowrap}.font-size-trigger.is-open{border-color:var(--ink)}.font-size-icon{display:inline-flex;align-items:baseline;gap:1px;font-family:Georgia,serif;color:var(--ink);line-height:1}.font-size-icon-sm{font-size:10px}.font-size-icon-lg{font-size:15px}.font-size-value{font-family:var(--font-stamp);font-size:13px;line-height:1;min-width:16px;text-align:center}.font-size-list{position:absolute;top:calc(100% + 4px);left:0;background:var(--off-white);border:1px solid rgba(39,42,50,.2);border-radius:3px;box-shadow:0 4px 12px #0000001f;list-style:none;margin:0;padding:4px 0;z-index:200;min-width:72px}.font-size-option{padding:6px 16px;color:var(--ink);cursor:var(--cursor-pointer);font-family:var(--font-stamp);line-height:1.1;text-align:center}.font-size-option:hover{background:var(--cream)}.font-size-option.is-selected{background:var(--cream);font-weight:700}@media(max-width:600px){.compose-toolbar{padding:4px 6px;gap:4px}.compose-toolbar-font{max-width:140px;font-size:12px}}.decorate-step{display:flex;flex-direction:column;height:100%;overflow:hidden}.decorate-step-canvas-area{flex:1;min-height:0;overflow-y:auto;padding:16px;background:var(--cream);display:flex;flex-direction:column;align-items:center;gap:16px}.decorate-step-paper-shell{position:relative;width:100%;max-width:600px;flex-shrink:0}.decorate-step-paper{position:relative;width:100%;max-width:600px;flex-shrink:0;overflow:visible;border-radius:4px;box-shadow:0 2px 8px #0000001a}.decorate-step-content-area{position:absolute;inset:52px 44px 64px;overflow:visible;pointer-events:none;z-index:1}.decorate-step-top-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08);background:var(--off-white);flex-shrink:0}.decorate-step-to-label{font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);white-space:nowrap;flex-shrink:0}.decorate-step-recipient{display:flex;align-items:center;gap:6px;font-family:var(--font-stamp);font-size:15px;color:var(--ink);min-width:0}.decorate-step-recipient-house{display:flex;align-items:center;flex-shrink:0;line-height:0}.decorate-step-recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decorate-step-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(39,42,50,.1);background:var(--off-white);flex-shrink:0;position:relative}.decorate-step-stats{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);text-align:center;pointer-events:none;white-space:nowrap}.decorate-step-stats-chars--warn{color:#a00;font-weight:600}.decorate-step-back-btn{background:var(--off-white);border:1px solid rgba(39,42,50,.2);border-radius:6px;padding:8px 16px;font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);cursor:var(--cursor-pointer);box-shadow:0 1px 3px #272a3214,inset 0 1px #ffffffb3;min-height:40px;transition:background .1s}.decorate-step-back-btn:hover{background:var(--cream)}.decorate-step-back-btn:active{transform:scale(.98);box-shadow:none}.decorate-step-next-btn{background:var(--ink);color:var(--off-white);border:1px solid rgba(39,42,50,.6);border-radius:6px;padding:8px 20px;font-family:var(--font-stamp);font-size:13px;font-weight:600;cursor:var(--cursor-pointer);box-shadow:0 2px 8px #272a322e,inset 0 1px #ffffff1f;min-height:40px;transition:background .1s,box-shadow .1s}.decorate-step-next-btn:hover{background:var(--warm-gray)}.decorate-step-next-btn:active{transform:scale(.98);box-shadow:0 1px 3px #272a321f}.decorate-step-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media(min-width:600px){.decorate-step--side .decorate-step-body{flex-direction:row}.decorate-step--side .decorate-step-canvas-area{min-width:0}}.decorate-step-recipient-input{flex:1;min-width:0;max-width:260px;border:1px solid #ddd2c0;border-radius:8px;padding:6px 10px;font:inherit;font-size:.92rem;color:#463a30;background:#fffdf8}.decorate-step-recipient-input::placeholder{color:#a89c8a}.decorate-step-recipient-input:focus{outline:none;border-color:#c98a5e}.decorate-step-templates-btn{font-family:var(--font-stamp);font-size:13px;padding:8px 12px;min-height:40px;border:1px solid var(--hot-pink);border-radius:8px;background:#fff;color:var(--hot-pink);cursor:var(--cursor-pointer);white-space:nowrap}.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)}.preview-step{display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-step-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.preview-step-stage{flex:1;min-height:0;display:flex;overflow:hidden}.preview-step-paper{position:relative;width:100%;max-width:600px;flex-shrink:0;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px #0000001a}.preview-step-content-area{position:absolute;inset:52px 44px 64px;overflow:visible;z-index:1}.preview-step-deco{position:absolute;object-fit:contain;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none}.preview-step-deco--bg{z-index:0}.preview-step-deco--overlay{z-index:3}.preview-step-deco--intext{z-index:2}.preview-step-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;font-family:var(--font-hand);font-size:13px;color:var(--warm-gray);font-style:italic}.preview-step-error{flex-shrink:0;align-self:center;background:var(--pale-coral);border:1.5px solid rgba(143,50,31,.3);border-radius:3px;padding:8px 12px;margin:0 12px 10px;font-family:var(--font-stamp);font-size:12px;color:var(--coral-red);text-align:center;max-width:600px}.preview-step-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(39,42,50,.1);background:var(--off-white);flex-shrink:0}.preview-step-back-btn{background:var(--off-white);border:1px solid rgba(39,42,50,.2);border-radius:6px;padding:8px 16px;font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);cursor:var(--cursor-pointer);box-shadow:0 1px 3px #272a3214,inset 0 1px #ffffffb3;min-height:44px;transition:background .1s}.preview-step-back-btn:hover{background:var(--cream)}.preview-step-back-btn:active{transform:scale(.98);box-shadow:none}.preview-step-send-btn{background:var(--ink);color:var(--off-white);border:1px solid rgba(39,42,50,.6);border-radius:6px;padding:10px 28px;font-family:var(--font-stamp);font-size:14px;font-weight:700;cursor:var(--cursor-pointer);min-height:44px;box-shadow:0 2px 8px #272a322e,inset 0 1px #ffffff1f;transition:background .1s,box-shadow .1s}.preview-step-send-btn:hover{background:var(--warm-gray)}.preview-step-send-btn:active{transform:scale(.98);box-shadow:0 1px 3px #272a321f}.preview-step-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media(max-width:600px){.preview-step-content-area{inset:20px 16px 32px}}.preview-step-password{margin:0 auto 16px;max-width:520px;width:100%;background:var(--off-white);border:1.5px solid rgba(39,42,50,.12);border-radius:4px;padding:14px 16px}.preview-step-password-ask{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-hand);font-size:16px;color:var(--ink)}.preview-step-password-toggle{display:flex;gap:6px}.preview-step-password-toggle button{border:1.5px solid rgba(39,42,50,.18);background:var(--cream);color:var(--ink);border-radius:3px;padding:5px 14px;cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:15px}.preview-step-password-toggle button.is-active{background:var(--hot-pink);color:var(--off-white);border-color:var(--hot-pink)}.preview-step-password-fields{display:flex;flex-direction:column;gap:8px;margin-top:12px}.preview-step-password-fields input{border:1.5px solid rgba(39,42,50,.18);border-radius:3px;padding:8px 10px;font-family:var(--font-hand);font-size:15px;background:#fff;color:var(--ink)}.preview-step-password-fields input:focus{outline:none;border-color:var(--hot-pink)}.preview-step-password-done{align-self:flex-start;border:none;background:var(--ink);color:var(--off-white);border-radius:3px;padding:7px 16px;cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:15px}.preview-step-password-done:disabled{opacity:.45;cursor:var(--cursor-not-allowed)}.preview-step-password-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-stamp);font-size:15px;color:var(--ink)}.preview-step-password-summary button{border:none;background:none;color:var(--hot-pink);cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:15px;text-decoration:underline}.publish-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#272a3280;padding:20px}.publish-modal{width:100%;max-width:460px;background:var(--off-white);border:1.5px solid rgba(39,42,50,.14);border-radius:4px;padding:28px 26px;box-shadow:0 1px 3px #00000024,0 18px 48px #0000003d;font-family:var(--font-body);color:var(--ink)}.publish-modal-title{margin:0 0 14px;font-family:var(--font-hand);font-size:22px}.publish-modal-sub{margin:0 0 8px;font-family:var(--font-stamp);font-size:15px;color:var(--warm-gray);letter-spacing:.02em}.publish-modal-link{word-break:break-all;background:var(--cream);border-radius:3px;padding:10px 12px;font-family:var(--font-stamp);font-size:15px;color:var(--ink);margin-bottom:16px}.publish-modal-secret{margin-bottom:16px}.publish-modal-pw{display:flex;align-items:center;gap:10px;margin-bottom:6px}.publish-modal-pw-label{font-family:var(--font-stamp);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--warm-gray)}.publish-modal-pw-value{font-family:var(--font-stamp);font-size:17px;color:var(--ink);background:var(--cream);border-radius:3px;padding:4px 10px}.publish-modal-hint{font-family:var(--font-stamp);font-size:15px;color:var(--dusty-pink)}.publish-modal-copy{width:100%;border:none;border-radius:3px;padding:12px;background:var(--hot-pink);color:var(--off-white);font-family:var(--font-stamp);font-size:18px;letter-spacing:.04em;cursor:var(--cursor-pointer);margin-bottom:12px}.publish-modal-copy:hover{background:var(--dusty-pink)}.publish-modal-actions{display:flex;gap:10px}.publish-modal-view,.publish-modal-done{flex:1;border-radius:3px;padding:11px;font-family:var(--font-stamp);font-size:16px;letter-spacing:.03em;cursor:var(--cursor-pointer)}.publish-modal-view{background:var(--cream);border:none;color:var(--ink)}.publish-modal-done{background:transparent;border:1.5px solid rgba(39,42,50,.2);color:var(--ink)}.publish-modal-done:disabled{opacity:.45;cursor:var(--cursor-not-allowed)}.template-picker-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.template-picker{background:#fff;border-radius:16px;width:min(640px,100%);max-height:80vh;overflow:auto;padding:16px 18px 20px;box-shadow:0 12px 40px #00000040}.template-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.template-picker-title{margin:0;font-family:var(--font-stamp);font-size:18px}.template-picker-close{background:none;border:none;font-size:18px;cursor:var(--cursor-pointer);min-width:40px;min-height:40px;color:var(--ink, #333)}.template-picker-error{color:#b00020;font-family:var(--font-stamp);font-size:14px;margin:0 0 12px}.template-picker-empty{font-family:var(--font-stamp);color:var(--ink, #444);text-align:center;padding:40px 8px}.template-picker-save{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:16px;margin-bottom:16px}.template-picker-save-label{font-family:var(--font-stamp);font-size:14px;font-weight:600;color:var(--ink, #333);margin-bottom:8px}.template-picker-save-row{display:flex;gap:8px;align-items:stretch}.template-picker-save-input{flex:1;min-width:0;font-family:var(--font-stamp);font-size:14px;padding:10px 12px;min-height:44px;border:1px solid rgba(0,0,0,.2);border-radius:10px;color:var(--ink, #333);background:#fff}.template-picker-save-input:focus{outline:none;border-color:var(--hot-pink)}.template-picker-save-btn{font-family:var(--font-stamp);font-size:14px;padding:10px 18px;min-height:44px;border-radius:10px;background:var(--hot-pink);border:1px solid var(--hot-pink);color:#fff;cursor:var(--cursor-pointer);white-space:nowrap}.template-picker-save-btn:disabled{opacity:.65;cursor:default}.template-picker-save-hint{font-family:var(--font-stamp);font-size:12px;color:var(--ink, #777);margin:8px 0 0}.template-picker-apply-label{font-family:var(--font-stamp);font-size:14px;font-weight:600;color:var(--ink, #333);margin-bottom:12px}.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.template-picker-card{display:flex;flex-direction:column;gap:6px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;padding:8px;cursor:var(--cursor-pointer);text-align:left}.template-picker-card:hover{border-color:var(--hot-pink)}.template-picker-envelope{height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#00000008;border-radius:8px}.template-picker-envelope .env-face-fit{width:100%}.template-picker-card-name{font-family:var(--font-stamp);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-picker-apply-hint{font-family:var(--font-stamp);font-size:12px;color:var(--hot-pink)}.template-picker-confirm{margin-top:16px;border-top:1px solid rgba(0,0,0,.1);padding-top:12px}.template-picker-confirm-text{font-family:var(--font-stamp);font-size:14px;margin:0 0 10px}.template-picker-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.template-picker-cancel,.template-picker-confirm-apply{font-family:var(--font-stamp);font-size:14px;padding:10px 14px;min-height:44px;border-radius:10px;cursor:var(--cursor-pointer)}.template-picker-cancel{background:#fff;border:1px solid rgba(0,0,0,.2);color:var(--ink, #333)}.template-picker-confirm-apply{background:var(--hot-pink);border:1px solid var(--hot-pink);color:#fff}.person-filter{display:flex;gap:8px;padding:8px 20px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.person-filter::-webkit-scrollbar{display:none}.person-filter-chip{font-family:var(--font-stamp);font-size:12px;padding:0 14px;height:44px;border:1px solid rgba(39,42,50,.18);border-radius:20px;background:var(--off-white);color:var(--warm-gray);cursor:var(--cursor-pointer);white-space:nowrap;flex-shrink:0;letter-spacing:.06em;box-shadow:0 1px 3px #272a3212,inset 0 1px #fff9;transition:background .12s;display:flex;align-items:center;gap:6px}.person-filter-chip.has-house{padding-left:6px}.person-filter-chip.active{border-color:#6834784d;background:var(--pale-pink);color:var(--burgundy);box-shadow:0 1px 3px #6834781a}.person-filter-chip-house{display:flex;align-items:center;flex-shrink:0}@media(hover:hover){.person-filter-chip:hover:not(.active){background:var(--cream)}}.friend-callout{background:var(--off-white);border:1px solid rgba(39,42,50,.14);border-radius:6px;color:var(--ink);box-shadow:0 2px 8px #272a3214,0 1px 2px #272a320d;overflow:hidden;flex-shrink:0}.friend-callout-top{display:flex;gap:12px;padding:14px;align-items:flex-start}.friend-callout-house{flex-shrink:0}.friend-callout-info{flex:1;min-width:0}.friend-callout-name{font-family:var(--font-stamp);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink)}.friend-callout-location{font-family:var(--font-stamp);font-size:12px;opacity:.65;margin-top:2px}.friend-callout-bio{font-size:12px;font-style:italic;opacity:.85;margin-top:5px;line-height:1.5}.friend-callout-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.friend-callout-tag{border-radius:2px;padding:2px 7px;font-size:9px;font-family:var(--font-stamp);letter-spacing:.04em;background:#4a4d561a;color:var(--warm-gray)}.friend-callout-tag.is-mutual{background:#275c4926;color:var(--sage)}.friend-callout-delivery{flex-shrink:0;font-family:var(--font-stamp);font-size:9px;opacity:.6;line-height:1.6;text-align:right;white-space:nowrap}.friend-callout-actions{padding:0 14px 12px}.friend-callout-visit{padding:6px 14px;background:var(--off-white);border:1px solid rgba(39,42,50,.2);border-radius:6px;color:var(--warm-gray);font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;cursor:var(--cursor-pointer);box-shadow:0 1px 3px #272a3214;transition:background .12s}@media(hover:hover){.friend-callout-visit:hover{background:var(--cream)}}.friend-callout-story-num{font-style:normal;font-weight:700;color:var(--ink)}.friend-callout-story{background:#0000000a;border-top:1px solid rgba(74,77,86,.15);padding:11px 14px;font-size:13px;line-height:1.7;font-style:italic;color:var(--warm-gray)}.open-letter-card{display:flex;align-items:center;gap:12px;width:100%;background:var(--off-white);border:1.5px solid rgba(39,42,50,.12);border-radius:4px;padding:14px 16px;cursor:var(--cursor-pointer);text-align:left;font-family:var(--font-body);color:var(--ink)}.open-letter-card:hover{border-color:var(--hot-pink)}.open-letter-card.is-revoked{opacity:.55}.open-letter-card-badge{display:inline-flex;align-items:center;gap:5px;background:var(--pale-pink);color:var(--dusty-pink);border-radius:3px;padding:4px 9px;font-family:var(--font-stamp);font-size:13px;letter-spacing:.02em;white-space:nowrap}.open-letter-card-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.open-letter-card-to{font-family:var(--font-hand);font-size:17px;color:var(--ink)}.open-letter-card-meta{font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);letter-spacing:.02em}.open-letter-card-status{font-family:var(--font-stamp);font-size:13px;color:var(--warm-gray);white-space:nowrap}.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;align-items:flex-start}.preview-info{flex:1;min-width:0}.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-house-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;width:170px}.preview-house-frame{border:2px solid var(--ink);border-radius:4px;background:var(--off-white);padding:12px 16px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.preview-house-actions{display:flex;gap:6px;width:100%}.preview-house-btn{flex:1;font-family:var(--font-stamp);font-size:11px;padding:6px 10px;border-radius:3px;border:2px solid var(--coral-red);color:var(--coral-red);background:var(--off-white);box-shadow:2px 2px 0 var(--coral-red);cursor:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s}.preview-house-btn:hover{background:var(--pale-coral)}.preview-house-btn:active{transform:translate(2px,2px);box-shadow:none}.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(--cream);border-radius:4px;overflow:hidden;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.interest-row{border-bottom:1px solid rgba(0,0,0,.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:#0000000d}}.interest-emoji{font-size:20px;width:28px;text-align:center}.interest-name{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--ink)}.interest-check{width:28px;height:28px;border-radius:3px;border:2px solid rgba(0,0,0,.2);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:1.5px solid rgba(0,0,0,.2);background:var(--off-white);color:var(--warm-gray);cursor:var(--cursor-pointer);transition:all .15s}.subtopic-chip.active{background:var(--hot-pink);border-color:var(--hot-pink);color:#fff}@media(hover:hover){.subtopic-chip:hover:not(.active){background:var(--cream);border-color:var(--warm-gray)}}.add-chip{background:transparent;border:1.5px dashed rgba(0,0,0,.25);color:var(--warm-gray);width:32px;padding:5px 0;text-align:center}@media(hover:hover){.add-chip:hover{border-color:#ffffff80}}.subtopic-chip.custom{display:inline-flex;align-items:center;gap:6px}.subtopic-remove{font-family:var(--font-stamp);font-size:13px;line-height:1;background:none;border:none;color:inherit;cursor:var(--cursor-pointer);padding:0;opacity:.7}@media(hover:hover){.subtopic-remove:hover{opacity:1}}.subtopic-input{font-family:var(--font-stamp);font-size:11px;padding:5px 14px;border-radius:2px;border:1.5px solid var(--hot-pink);background:var(--off-white);color:var(--warm-gray);width:120px;outline:none}.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;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}.username-error{font-size:.75rem;color:#c0392b;margin-top:4px;display:block}.field-input-error{border-color:#c0392b;outline-color:#c0392b}@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}}.neighborhood{position:relative;margin-top:24px}.neighborhood-scene{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.neighborhood-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(min-width:768px){.neighborhood-grid{grid-template-columns:repeat(3,1fr);gap:32px}}@media(min-width:1200px){.neighborhood-grid{grid-template-columns:repeat(4,1fr)}}.neighborhood-house{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 4px;border-radius:8px;transition:background-color .15s ease}.neighborhood-house:focus-visible{outline:2px solid #5b7ab0;outline-offset:2px}.neighborhood-house.is-open{background-color:#5b7ab014}.neighborhood-house-art{display:flex;justify-content:center}.neighborhood-house-name{margin-top:6px;font-family:var(--font-stamp);font-size:14px;color:#2a2a2a}.neighborhood-house-visit{margin-top:8px;padding:4px 14px;font-family:var(--font-stamp);font-size:13px;background:transparent;border:1px solid #b03030;color:#b03030;border-radius:4px;cursor:pointer}.neighborhood-house-visit:hover{background:#b03030;color:#fff}.friend-popover{background:#fdfaf2;border:1px solid #b8a98c;border-radius:10px;padding:14px;box-shadow:0 4px 16px #0000001f;z-index:1000;font-family:var(--font-body)}.friend-popover-name,.friend-popover-meta,.friend-popover-bio,.friend-popover-tag,.friend-popover-confirm-text{font-family:var(--font-body)}.friend-popover-close{font-family:var(--font-stamp)}.friend-popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.friend-popover-name{font-weight:700;font-size:15px}.friend-popover-close{background:none;border:none;font-size:18px;cursor:pointer;color:#888;line-height:1}.friend-popover-meta{font-size:13px;color:#555;margin-bottom:6px}.friend-popover-bio{font-size:13px;color:#444;margin:6px 0}.friend-popover-tags{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.friend-popover-tag{padding:2px 8px;background:#ece7d8;border-radius:10px;font-size:12px;color:#555}.friend-popover-tag.is-mutual{background:#c0d8b0;color:#2a4a2a;font-weight:600}.friend-popover-actions,.friend-popover-confirm{display:flex;gap:8px;margin-top:10px}.friend-popover-confirm{flex-direction:column;align-items:flex-start}.friend-popover-confirm-text{font-size:13px;color:#444}.friend-popover-confirm-actions{display:flex;gap:8px;margin-top:6px;align-self:stretch}.friend-popover-btn{padding:5px 12px;font-family:var(--font-stamp);font-size:13px;background:transparent;border:1px solid #888;color:#444;border-radius:4px;cursor:pointer}.friend-popover-btn--primary{border-color:#5b7ab0;color:#5b7ab0}.friend-popover-btn--danger{border-color:#b03030;color:#b03030}.friend-popover-backdrop{position:fixed;inset:0;background:#00000040;z-index:999}.friend-popover--sheet{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:12px 12px 0 0;padding:16px;z-index:1000;max-height:70vh;overflow-y:auto}.friend-request-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:6px 10px;background:#fdfaf2;border:1px solid #d8d0bd;border-radius:6px}.friend-request-info{display:flex;flex-direction:column;min-width:0}.friend-request-name{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-request-meta{font-size:10px;color:#555}.friend-request-mutual{font-size:10px;color:#555;margin-top:1px}.friend-request-actions{display:flex;gap:4px}.friend-request-btn{padding:2px 8px;font-family:var(--font-stamp);font-size:11px;background:transparent;border:1px solid #888;border-radius:4px;cursor:pointer}.friend-request-btn--accept,.friend-request-btn--visit{border-color:#5b8c5b;color:#3a6a3a}.friend-request-btn--decline,.friend-request-btn--cancel{border-color:#b03030;color:#b03030}@media(min-width:768px){.friend-requests-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}}.empty-neighborhood{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.empty-neighborhood-decor{max-width:600px}.empty-neighborhood-caption{margin:12px 0 16px;color:#666;font-size:14px}.empty-neighborhood-cta{padding:8px 20px;font-family:var(--font-stamp);font-size:13px;background:transparent;border:1px solid #5b7ab0;color:#5b7ab0;border-radius:4px;cursor:pointer}.empty-neighborhood-cta:hover{background:#5b7ab0;color:#fff}.house-snapshot{width:100%;aspect-ratio:1200 / 630;overflow:hidden;background:var(--pale-teal);background-image:var(--dot-texture);background-size:var(--dot-size)}.house-snapshot-img{width:100%;height:100%;object-fit:cover;display:block}.house-snapshot-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.friends-screen{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size)}@media(max-width:767px){.friends-screen{border-radius:0 0 12px 12px}}.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-remove{align-self:flex-start;margin-top:8px;font-family:var(--font-stamp);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border:2px solid var(--coral-red);background:var(--off-white);color:var(--coral-red);border-radius:3px;box-shadow:2px 2px 0 var(--coral-red);cursor:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s}@media(hover:hover){.friend-card-remove:hover{background:var(--pale-coral)}}.friend-card-remove:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--coral-red)}.remove-friend-overlay{position:fixed;inset:0;background:#272a328c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.remove-friend-dialog{position:relative;background:var(--off-white);border:2px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--ink);padding:24px 22px 20px;max-width:360px;width:100%;text-align:center;font-family:var(--font-body);color:var(--ink)}.remove-friend-headline{font-family:var(--font-serif);font-size:22px;margin:0 0 8px}.remove-friend-body{font-size:13px;margin:0 0 18px;line-height:1.4;color:var(--warm-gray)}.remove-friend-actions{display:flex;justify-content:center;gap:10px}.remove-friend-btn{font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:3px;cursor:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s}.remove-friend-btn--cancel{border:2px solid var(--warm-gray);background:var(--kraft);color:var(--warm-gray);box-shadow:2px 2px 0 var(--warm-gray)}@media(hover:hover){.remove-friend-btn--cancel:hover{background:var(--off-white)}}.remove-friend-btn--cancel:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--warm-gray)}.remove-friend-btn--confirm{border:2px solid var(--coral-red);background:var(--pale-coral);color:var(--coral-red);box-shadow:2px 2px 0 var(--coral-red)}@media(hover:hover){.remove-friend-btn--confirm:hover{background:var(--off-white)}}.remove-friend-btn--confirm:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--coral-red)}.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)}.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:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:560px){.discover-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.discover-list{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1200px){.discover-list{grid-template-columns:repeat(4,1fr)}}.discover-list .friends-empty{grid-column:1 / -1}.discover-card{display:flex;flex-direction:column;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);overflow:hidden;text-align:left;cursor:var(--cursor-pointer);transition:transform .1s,box-shadow .1s}@media(hover:hover){.discover-card:hover{transform:translate(-1px,-2px);box-shadow:3px 5px 0 var(--muted-teal)}}.discover-card:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.discover-banner{border-bottom:2px solid var(--muted-teal)}.discover-card-body{display:flex;flex-direction:column;gap:8px;padding:12px}.discover-id{display:flex;flex-direction:column;gap:3px}.discover-name{font-family:var(--font-stamp);font-size:13px;color:var(--ink);min-width:0;overflow-wrap:anywhere}.discover-meta{display:flex;flex-wrap:wrap;gap:3px 10px;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.discover-meta span{display:inline-flex;align-items:center;gap:3px}.discover-bio{margin:0;font-family:var(--font-hand);font-size:14px;color:var(--warm-gray);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.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)}.discover-more{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border:1.5px solid var(--muted-teal);border-radius:2px;background:var(--pale-teal);color:var(--muted-teal)}.pending-section{display:flex;flex-direction:column;gap:6px}.pending-requests-heading{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-stamp);font-size:11px;color:var(--burgundy);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:2px 4px;background:transparent;border:none;cursor:var(--cursor-pointer)}.pending-chevron{display:inline-block;font-size:10px;line-height:1;transition:transform .15s ease}.pending-chevron.open{transform:rotate(90deg)}.neighborhood-title{font-family:var(--font-serif);font-style:italic;font-size:22px;font-weight:500;color:var(--ink);margin:8px 0 12px;text-align:center}.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:var(--font-stamp);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{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:var(--cursor-pointer);border-bottom:1px solid var(--kraft)}.suggestion-item:last-child{border-bottom:none}.suggestion-house{flex-shrink:0}.suggestion-text{flex-grow:1}@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}}.discover-card-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}.discover-handle{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray)}.discover-card-info{flex:1;min-width:0}.discover-tag.is-mutual,.discover-subtag.is-mutual{border-style:solid;border-color:var(--sage);background:var(--pale-sage);color:var(--sage)}.discover-subtag{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border:1.5px dotted var(--warm-gray);border-radius:2px;background:var(--off-white);color:var(--warm-gray)}.discover-joined{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);margin-top:8px}.discover-visit-btn{margin-top:10px;font-family:var(--font-stamp);font-size:13px;padding:8px 18px;border:2px solid var(--muted-teal);border-radius:3px;background:var(--pale-teal);color:var(--muted-teal);cursor:var(--cursor-pointer);transition:background .15s,transform .1s,box-shadow .1s;box-shadow:2px 2px 0 var(--muted-teal)}.discover-visit-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.find-action-btn.lucky-btn{border-color:var(--burgundy);background:var(--lavender);color:var(--burgundy);box-shadow:2px 2px 0 var(--burgundy)}.find-action-btn.lucky-btn:disabled{opacity:.5;cursor:default}.ff-filter-wrap{position:relative}.ff-filter-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(320px,90vw);max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--off-white);border:2px solid var(--sage);border-radius:3px;box-shadow:3px 3px 0 var(--sage)}.ff-filter-section{display:flex;flex-direction:column;gap:6px}.ff-filter-title{font-family:var(--font-stamp);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--sage)}.ff-filter-search{font-family:var(--font-body);font-size:13px;padding:8px 10px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--ink)}.ff-chip-row{display:flex;flex-wrap:wrap;gap:5px}.ff-cat-chip{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);cursor:var(--cursor-pointer);transition:all .12s}.ff-cat-chip.is-active{border-style:solid;border-color:var(--sage);background:var(--pale-sage);color:var(--sage)}.ff-my-interests{border-color:var(--burgundy);color:var(--burgundy)}.ff-my-interests.is-active{border-color:var(--burgundy);background:var(--lavender);color:var(--burgundy)}.ff-age-row{display:flex;align-items:center;gap:8px}.ff-age-input{width:70px;font-family:var(--font-stamp);font-size:13px;padding:6px 8px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--kraft);color:var(--ink)}.ff-age-dash{color:var(--warm-gray)}.ff-filter-footer{display:flex;align-items:center;justify-content:space-between;border-top:1.5px dashed var(--warm-gray);padding-top:10px}.ff-filter-clear{font-family:var(--font-stamp);font-size:12px;padding:4px 10px;border:1.5px solid var(--coral-red);border-radius:2px;background:var(--pale-coral);color:var(--coral-red);cursor:var(--cursor-pointer)}.ff-filter-count{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray)}.ff-active-summary{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);margin:4px 0 8px}.emoji-picker{position:absolute;z-index:50;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:220px;overflow-y:auto;padding:8px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 8px 24px #0000002e}.emoji-picker-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;cursor:pointer}.emoji-picker-btn:hover{background:#0000000f}.dialog-blog-editor{width:min(820px,94vw);max-width:min(820px,94vw);max-height:92vh;display:flex;flex-direction:column;text-align:left}.blog-title-input{width:100%;font-size:1.1rem;font-weight:600;padding:8px 10px;border:1px solid rgba(0,0,0,.15);border-radius:8px}.blog-toolbar{display:flex;align-items:center;gap:6px;margin:8px 0}.blog-tool-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;cursor:pointer}.blog-tool-btn:hover:not(:disabled){background:#0000000f}.blog-emoji-wrap{position:relative}.blog-body-input{width:100%;flex:1;min-height:220px;resize:vertical;padding:10px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;line-height:1.6}.blog-char-count{display:block;text-align:right;font-size:.75rem;opacity:.6;margin:2px 0 8px}.blog-char-count.is-near{color:#b4541b;opacity:1}.rtb{word-break:break-word;line-height:1.6}.rtb-line{white-space:pre-wrap;min-height:1.5em}.rtb-h1{font-size:1.3rem;font-weight:700;line-height:1.3;margin:.8em 0 .3em}.rtb-h2{font-size:1.12rem;font-weight:700;line-height:1.3;margin:.7em 0 .2em}.rtb-h1:first-child,.rtb-h2:first-child{margin-top:0}.rtb-bold{font-weight:700}.rtb-italic{font-style:italic}.rtb-strike{text-decoration:line-through}.rtb-link{color:inherit;text-decoration:underline}.rtb-emoji{margin:0 1px}.dialog-blog-view{width:min(800px,94vw);max-width:min(800px,94vw);max-height:88vh;display:flex;flex-direction:column;text-align:left}.blog-view-title{margin:4px 0 12px;font-size:1.35rem;line-height:1.3}.blog-view-body{overflow-y:auto;flex:1;padding-right:4px}.blog-view-loading,.blog-view-error{opacity:.7}.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;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.guestbook-entry__avatar--anon{border-radius:3px;background:var(--warm-gray);color:var(--off-white);font-family:var(--font-stamp);font-size:13px;letter-spacing:.02em;line-height:1}.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);text-decoration:none}@media(hover:hover){a.guestbook-entry__username:hover{color:var(--dusty-pink);text-decoration:underline}}.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-entry__response{display:flex;align-items:center;gap:6px;line-height:0}.guestbook-entry__sticker{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0;align-self:flex-start;margin-top:2px;transform:rotate(-6deg);filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff) drop-shadow(0 2px 2px rgba(39,42,50,.28))}.guestbook-entry__respond-btn{background:var(--off-white);border:1px solid var(--dusty-pink);border-radius:999px;cursor:var(--cursor-pointer);color:var(--dusty-pink);font-family:var(--font-stamp);font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:3px 11px;line-height:1.3;transition:background .12s ease,color .12s ease}@media(hover:hover){.guestbook-entry__respond-btn:hover{background:var(--dusty-pink);color:var(--off-white)}}.guestbook-entry__reply{margin:2px 0 0;padding-left:8px;border-left:2px solid var(--dusty-pink)}.guestbook-entry__reply-header{display:flex;align-items:center;gap:5px}.guestbook-entry__reply-avatar{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.guestbook-entry__reply-author{font-family:var(--font-stamp);font-size:12px;letter-spacing:.03em;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guestbook-entry__reply-tag{font-family:var(--font-stamp);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--off-white);background:var(--dusty-pink);border-radius:3px;padding:1px 5px;line-height:1.4;flex-shrink:0}.guestbook-entry__reply-time{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);margin-left:auto;white-space:nowrap;flex-shrink:0;padding-left:4px}.guestbook-entry__reply-text{margin:3px 0 0;font-family:var(--font-body);font-size:12px;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.icon-picker{width:100%;background:#fff;border:2px solid var(--warm-gray);border-radius:4px;overflow:hidden}.icon-picker-tabs{display:flex;gap:2px;overflow-x:auto;padding:6px 6px 0;border-bottom:1px solid rgba(0,0,0,.08)}.icon-picker-tab{flex:0 0 auto;font-family:var(--font-stamp);font-size:11px;letter-spacing:.02em;padding:5px 8px;border:none;border-radius:6px 6px 0 0;background:transparent;color:var(--warm-gray);cursor:var(--cursor-pointer);white-space:nowrap}.icon-picker-tab--active{background:var(--cream);color:var(--ink)}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:240px;overflow-y:auto;padding:8px}.icon-picker-cell{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:6px;background:transparent;cursor:var(--cursor-pointer)}.icon-picker-cell:hover{background:#0000000f}.icon-picker-cell--active{background:var(--pale-teal)}.guestbook-respond-dialog{max-width:min(92vw,460px)}.guestbook-respond__quote{margin:0;padding:8px 10px;border-left:3px solid var(--dusty-pink);background:var(--pale-pink);font-family:var(--font-hand);font-style:italic;font-size:14px;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.guestbook-respond__form{display:flex;flex-direction:column;gap:16px}.guestbook-respond__field{display:flex;flex-direction:column;gap:6px}.guestbook-respond__label{font-family:var(--font-stamp);font-size:12px;letter-spacing:.04em;color:var(--ink)}.guestbook-respond__icon-row{display:flex;align-items:center;gap:8px}.guestbook-respond__icon-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 8px;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);cursor:var(--cursor-pointer)}.guestbook-respond__icon-placeholder{font-family:var(--font-body);font-size:12px;color:var(--warm-gray)}.guestbook-respond__icon-clear{border:none;background:none;cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.guestbook-respond__textarea{width:100%;border:1.5px solid var(--ink);border-radius:3px;background:var(--off-white);padding:8px;font-family:var(--font-body);font-size:13px;line-height:1.5;resize:vertical;min-height:96px}.guestbook-respond__count{align-self:flex-end;font-family:var(--font-stamp);font-size:10px;color:var(--warm-gray)}.guestbook-respond__actions{display:flex;justify-content:flex-end;gap:8px}.guestbook-respond__cancel,.guestbook-respond__save{border:1.5px solid var(--ink);border-radius:3px;padding:6px 14px;font-family:var(--font-stamp);font-size:12px;cursor:var(--cursor-pointer)}.guestbook-respond__cancel{background:var(--off-white);color:var(--ink)}.guestbook-respond__save{background:var(--dusty-pink);color:var(--off-white);box-shadow:2px 2px 0 var(--ink)}.guestbook-respond__discard-confirm{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.guestbook-respond__discard-text{font-family:var(--font-body);font-size:12px;color:var(--warm-gray)}.guestbook-respond__discard-buttons{display:flex;gap:8px;flex-shrink:0}.guestbook-respond__discard{border:1.5px solid var(--coral-red);border-radius:3px;padding:6px 14px;font-family:var(--font-stamp);font-size:12px;cursor:var(--cursor-pointer);background:var(--coral-red);color:var(--off-white)}@media(hover:hover){.guestbook-respond__icon-clear:hover{color:var(--coral-red)}.guestbook-respond__save:hover{filter:brightness(1.05)}.guestbook-respond__discard:hover{filter:brightness(1.1)}}.guestbook-panel{position:absolute;top:0;left:0;bottom:0;width:min(300px,100vw);background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-right:2.5px solid var(--ink);display:flex;flex-direction:column;z-index:var(--z-chrome-panel);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-panel__error{margin:0;padding:8px 12px;border-top:1.5px solid var(--coral-red);background:var(--off-white);color:var(--coral-red);font-family:var(--font-body);font-size:12px;flex-shrink:0;animation:guestbook-error-fade 4s forwards}@keyframes guestbook-error-fade{0%,80%{opacity:1}to{opacity:0}}.sfx-toggle{position:relative;display:inline-flex}.sfx-toggle-muted{opacity:.55}.sfx-toggle-btn{padding:5px 7px;color:var(--ink)}.sfx-toggle-icon{display:block;flex-shrink:0}.sfx-toggle-popover{position:fixed;display:flex;align-items:center;padding:8px 10px;background:var(--off-white);border:2.5px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);z-index:var(--z-chrome-panel)}.sfx-toggle-popover input[type=range]{width:110px;accent-color:var(--muted-teal);cursor:var(--cursor-pointer)}.guestbook-btn{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));z-index:var(--z-chrome);width:76px;height:76px;font-size:12px;flex-direction:column;gap:4px;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)}.resident-card{border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--cream)}.resident-card-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;background:var(--cream);border:none;cursor:pointer;font-family:var(--font-stamp);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-align:left}.resident-card-toggle:hover{background:var(--off-white)}.resident-card-toggle-icon{flex-shrink:0}.resident-card-toggle-label{flex:1}.resident-card-chevron{flex-shrink:0;font-size:11px;color:var(--warm-gray);transition:transform .15s ease}.resident-card-chevron.open{transform:rotate(180deg)}.resident-card-body{display:flex;flex-direction:column;gap:8px;padding:10px;border-top:1.5px solid var(--ink);background:var(--off-white);max-height:340px;overflow-y:auto}.resident-card-id{display:flex;align-items:center;gap:10px}.resident-card-names{display:flex;flex-direction:column;gap:1px;min-width:0}.resident-card-name{font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1.1;color:var(--ink)}.resident-card-handle{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray)}.resident-card-meta{display:flex;flex-wrap:wrap;gap:3px 10px;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.resident-card-meta span{display:inline-flex;align-items:center;gap:3px}.resident-card-bio{margin:0;font-family:var(--font-hand);font-size:14px;line-height:1.4;color:var(--warm-gray)}.resident-card-interests{display:flex;flex-wrap:wrap;gap:5px}.resident-card-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)}.resident-card-subtag{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border:1.5px dotted var(--warm-gray);border-radius:2px;background:var(--off-white);color:var(--warm-gray)}.resident-card-moved-in{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-style:italic;color:var(--warm-gray)}.resident-card-focus{display:flex;align-items:center;gap:5px;font-family:var(--font-stamp);letter-spacing:.03em;font-size:13px;color:var(--burgundy);border-top:1px dashed var(--warm-gray);padding-top:8px}.hmx{margin-top:8px}.hmx-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:var(--off-white);color:var(--muted-teal);border:2px solid var(--muted-teal);border-radius:4px;box-shadow:2px 2px 0 var(--muted-teal);cursor:var(--cursor-pointer);transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.hmx-btn:hover{background:var(--pale-teal)}}.hmx-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.hmx-label{font-family:var(--font-stamp);letter-spacing:.03em;font-size:12px;text-align:left}.house-plaque{position:absolute;top:14px;right:14px;z-index:var(--z-chrome-panel);width:296px;max-width:calc(100vw - 28px);font-family:var(--font-body);color:var(--ink)}.plaque-paper{background:var(--off-white);border:1.5px solid var(--ink);border-radius:6px;box-shadow:3px 3px 0 var(--ink);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.plaque-greeting{font-family:var(--font-serif);font-size:18px;line-height:1.2;margin:0;word-wrap:break-word}.plaque-greeting-input{font-family:var(--font-serif);font-size:18px;line-height:1.2;width:100%;background:transparent;border:none;border-bottom:1px dashed var(--warm-gray);outline:none;color:var(--ink);padding:0 0 2px}.plaque-greeting-counter{font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);text-align:right}.plaque-greeting-error{font-family:var(--font-body);font-size:12px;color:var(--coral-red)}.plaque-address{display:flex;flex-direction:column;gap:4px;font-size:13px}.plaque-address-label-row{display:flex;align-items:center;gap:6px}.plaque-address-pill{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 0 4px;border-bottom:1px dashed var(--warm-gray)}.plaque-address-icon{width:16px;height:16px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;flex-shrink:0}.plaque-knock-icon{width:18px;height:18px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;vertical-align:middle;margin-right:6px}.plaque-address-label{color:var(--warm-gray);font-size:11px;letter-spacing:.04em}.plaque-address-value{font-family:var(--font-stamp);font-size:14px;letter-spacing:.02em;color:var(--muted-teal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.plaque-copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;line-height:0;flex-shrink:0;opacity:.7;transition:opacity .12s ease,background-color .12s ease}.plaque-copy-btn:hover{opacity:1;background:var(--cream)}.plaque-copy-btn:active{transform:translate(1px,1px)}.plaque-copy-btn svg{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.plaque-moved-in{font-size:13px;color:var(--warm-gray);font-style:italic}.plaque-knock-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.plaque-knock-btn{font-family:var(--font-stamp);font-size:14px;letter-spacing:.1em;padding:6px 14px;background:var(--sage);color:var(--off-white);border:1.5px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;text-transform:uppercase;align-self:stretch}.plaque-knock-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.plaque-knock-btn:active{transform:translate(2px,2px);box-shadow:none}.plaque-knock-btn--disabled{background:var(--warm-gray);cursor:not-allowed;pointer-events:none}.plaque-knock-btn--accept{background:var(--sage)}.plaque-knock-btn--letter{background:var(--dusty-pink)}.plaque-knock-cancel{font-family:var(--font-body);font-size:11px;background:none;border:none;color:var(--warm-gray);text-decoration:underline;cursor:pointer;padding:0}.plaque-knock-cancel:hover{color:var(--coral-red)}.plaque-knock-hint{font-family:var(--font-body);font-size:11px;color:var(--warm-gray);font-style:italic}.plaque-friendship-line{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--sage);display:flex;align-items:center;justify-content:center;gap:6px}.plaque-friendship-icon{width:28px;height:28px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;flex-shrink:0}.plaque-info-btn{position:absolute;top:12px;right:12px;z-index:var(--z-chrome-panel);width:36px;height:36px;border-radius:50%;background:var(--off-white);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-serif);font-size:18px;color:var(--ink);cursor:pointer;display:none;align-items:center;justify-content:center}.plaque-close-btn{position:absolute;top:6px;right:8px;background:none;border:none;font-size:16px;color:var(--warm-gray);cursor:pointer;display:none}@media(max-width:640px){.house-plaque{display:none}.house-plaque.house-plaque--mobile-open{display:block;width:calc(100vw - 28px);padding-top:26px}.plaque-info-btn{display:flex}.plaque-close-btn{display:block}}.plaque-popup-overlay{position:fixed;inset:0;background:#272a328c;display:flex;align-items:center;justify-content:center;z-index:var(--z-mask);padding:16px}.plaque-popup{position:relative;background:var(--off-white);border:1.5px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);padding:28px 24px 24px;max-width:380px;width:100%;text-align:center;font-family:var(--font-body);color:var(--ink)}.plaque-popup-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:18px;color:var(--warm-gray);cursor:pointer}.plaque-popup-headline{font-family:var(--font-serif);font-size:28px;margin:0 0 12px}.plaque-popup-body{font-size:14px;margin:0 0 16px;line-height:1.4}.plaque-popup-signin-btn{font-family:var(--font-stamp);font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;background:var(--cream);border:1.5px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px}.plaque-popup-signin-icon{width:18px;height:18px;fill:var(--muted-teal)}.plaque-popup-or{text-align:center;font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin:10px 0 2px}.plaque-popup-waitlist-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:6px 0 4px;padding:10px 18px;font-family:var(--font-stamp);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--cream);border:1.5px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);cursor:pointer}.plaque-popup-waitlist-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.plaque-popup-waitlist-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.plaque-popup-waitlist-icon{width:22px;height:22px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;background-image:var(--mb6)}.plaque-popup-signin-lead{font-family:var(--font-body);font-style:italic;font-size:12px;color:var(--warm-gray);margin:6px 0 8px;text-align:center}@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:var(--z-toast);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))}}.room-save-error{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--coral-red);color:var(--off-white);font-family:var(--font-stamp);font-size:14px;padding:8px 16px;border-radius:4px;max-width:min(90vw,460px);text-align:center;box-shadow:0 2px 8px #272a3233;pointer-events:none;z-index:var(--z-toast-alert);animation:room-save-error-fade 4s ease-out forwards}@keyframes room-save-error-fade{0%{opacity:0;transform:translate(-50%,-8px)}6%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.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:1px solid var(--ink);flex-shrink:0;position:relative;z-index:var(--z-chrome)}.top-bar-left{display:flex;align-items:center;gap:10px}.nav-spacer{height:calc(44px + max(20px,env(safe-area-inset-bottom)));flex-shrink:0;pointer-events:none}.float-nav{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:var(--z-chrome)}@media(min-width:768px){.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;border-bottom:none;box-shadow:inset 0 -1px 0 var(--active-color, var(--ink))}.top-bar:has(.home-btn.nav-active){--active-color: var(--burgundy)}.top-bar:has(.friends-btn.nav-active){--active-color: var(--muted-teal)}.top-bar:has(.letters-btn.nav-active){--active-color: var(--dusty-pink)}.top-bar>.top-bar-left{justify-self:start}.top-bar>.top-bar-right{justify-self:end}.float-nav{position:static;bottom:auto;left:auto;transform:none;justify-self:center;align-self:end;align-items:flex-end;gap:4px;margin-bottom:-10px;min-height:44px}.nav-spacer{display:none}}.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}button.logo-text-btn{background:none;border:none;padding:0;margin:0;cursor:var(--cursor-pointer, pointer)}button.logo-text-btn:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.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;min-height:0;position:relative;overflow:clip;overflow-clip-margin:34px}.room-canvas{width:100%;height:100%;touch-action:manipulation;transition:filter .25s ease}.room-area--loading .room-canvas{filter:blur(8px)}.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;left:max(12px,env(safe-area-inset-left));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:var(--z-chrome-tool);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 0 -31px;pointer-events:none;z-index:var(--z-chrome-mode);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 0 -31px;pointer-events:none;z-index:var(--z-chrome-mode);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}.decorate-btn{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:var(--z-chrome);width:76px;height:76px;font-size:12px;flex-direction:column;gap:4px;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:var(--z-chrome-dock);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 0 -31px;pointer-events:none;z-index:var(--z-chrome-mode);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}.nav-icon{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.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}.friends-btn:has(.nav-dot),.letters-btn:has(.nav-dot){position:relative}.nav-dot{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:50%;background:var(--coral-red);border:2px solid var(--off-white);box-shadow:1px 1px #0000002e;pointer-events:none}.profile-btn{height:36px;padding:0 10px;gap:6px;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{height:44px;padding:0 12px;gap:6px;font-size:11px}.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)}@media(min-width:768px){.float-nav .friends-btn,.float-nav .home-btn,.float-nav .letters-btn{height:32px;padding:0 18px;font-size:12px;border-radius:10px 10px 0 0;border-bottom:none;box-shadow:none;background:var(--kraft);transition:background .12s ease,height .12s ease}.float-nav .nav-active.friends-btn,.float-nav .nav-active.home-btn,.float-nav .nav-active.letters-btn{height:44px;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-width:2.5px;box-shadow:none}.float-nav .home-btn,.float-nav .nav-active.home-btn{background:var(--ink);background-image:none;color:var(--off-white)}.float-nav .circle-btn:active{box-shadow:none}}.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:var(--z-chrome-panel);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:var(--z-dialog)}.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-error{color:#b3261e;font-size:.85rem;margin:-.25rem 0 .5rem}.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-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}.float-nav{gap:8px;bottom:max(8px,env(safe-area-inset-bottom))}.friends-btn,.home-btn,.letters-btn{height:36px;padding:0 8px;font-size:10px}.nav-spacer{height:calc(36px + max(8px,env(safe-area-inset-bottom)))}.edit-actions{bottom:calc(min(180px,50dvh) + 12px)}.tools-panel{top:8px;transform:none}}@media(max-width:480px){.tools-panel{top:12px;transform:none}.tools-panel .tool-btn{padding:6px 8px;min-width:0}.tools-panel .tool-label{display:none}.edit-actions{bottom:calc(min(282px,50dvh) + 12px)}}@media(max-width:430px){.nav-label{display:none}.friends-btn,.home-btn,.letters-btn{width:44px;padding:0}}.top-bar-right{display:flex;align-items:center;gap:8px}.discord-btn{height:36px;padding:0 10px;gap:6px;font-size:11px;border-color:var(--royal-blue);color:var(--royal-blue);text-decoration:none;white-space:nowrap;flex-shrink:0}@media(hover:hover){.discord-btn:hover{background:var(--pale-blue)}}.discord-btn-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}@media(max-width:600px){.logo-tagline{display:none}.discord-btn{padding:0 8px}}@media(max-width:900px){.discord-btn-label{display:none}}.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-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(8px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 8px 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;position:relative;z-index:var(--z-chrome)}.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:center;gap:10px;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(--ink)}.public-room-canvas.room-area--loading .room-canvas{filter:blur(8px)}.house-builder{display:flex;height:100%;background:var(--kraft);font-family:var(--font-stamp)}.house-builder-left{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;border-right:2px solid var(--ink)}.house-builder-header{margin-bottom:16px}.house-builder-header h1{font-family:var(--font-serif);font-size:2rem;font-style:italic;color:var(--ink);margin:0 0 4px}.house-builder-header p{font-family:var(--font-body);font-size:.85rem;color:var(--warm-gray);margin:0}.house-tab-nav{display:flex;gap:0;border-bottom:2px solid var(--ink);margin-bottom:20px}.house-tab-btn{background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:8px 16px;font-family:var(--font-stamp);font-size:1rem;color:var(--warm-gray);cursor:var(--cursor-pointer, pointer);transition:color .15s,border-color .15s}.house-tab-btn.active{color:var(--coral-red);border-bottom-color:var(--coral-red)}.house-tab-btn:hover:not(.active){color:var(--ink)}.option-section{margin-bottom:20px}.option-section-label{font-family:var(--font-stamp);font-size:1rem;color:var(--ink);margin:0 0 10px}.shape-grid{display:flex;flex-wrap:wrap;gap:8px}.shape-option{width:80px;height:80px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);cursor:var(--cursor-pointer, pointer);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:border-color .15s,background .15s}.shape-option.selected{border-color:var(--coral-red);border-width:2.5px;background:var(--pale-coral)}.shape-option:hover:not(.selected){border-color:var(--ink)}.shape-option-label{font-size:.7rem;color:var(--warm-gray)}.size-grid{display:flex;gap:10px}.size-option{flex:1;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);padding:10px 6px;cursor:var(--cursor-pointer, pointer);display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s,background .15s}.size-option.selected{border-color:var(--coral-red);border-width:2.5px;background:var(--pale-coral)}.size-option-label{font-family:var(--font-stamp);font-size:.85rem;color:var(--warm-gray)}.color-palette{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{width:36px;height:36px;border-radius:2px;border:2.5px solid transparent;cursor:var(--cursor-pointer, pointer);transition:transform .1s,border-color .1s}.color-swatch.selected{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--coral-red)}.color-swatch:hover:not(.selected){transform:scale(1.1)}.house-save-row{margin-top:auto;padding-top:16px;display:flex;justify-content:flex-end;gap:10px}.house-save-btn{background:var(--off-white);border:2.5px solid var(--coral-red);border-radius:3px;color:var(--coral-red);font-family:var(--font-stamp);font-size:1rem;padding:8px 20px;cursor:var(--cursor-pointer, pointer);box-shadow:2px 2px 0 var(--coral-red);transition:transform .1s,box-shadow .1s}.house-save-btn:active{transform:translate(2px,2px);box-shadow:none}.house-save-btn:disabled{opacity:.5;cursor:not-allowed}.house-back-btn{background:none;border:none;font-family:var(--font-stamp);font-size:.9rem;color:var(--warm-gray);cursor:var(--cursor-pointer, pointer);padding:8px 10px}.house-back-btn:hover{color:var(--ink)}.house-builder-right{width:260px;flex-shrink:0;display:flex;flex-direction:column;padding:20px;gap:16px}.house-preview-title{font-family:var(--font-stamp);font-size:1rem;color:var(--ink);margin:0}.house-preview-box{border:2px solid var(--ink);border-radius:3px;background:var(--off-white);display:flex;align-items:center;justify-content:center;padding:20px;min-height:200px}.house-preview-caption{font-family:var(--font-stamp);font-size:.8rem;color:var(--warm-gray);margin:0;line-height:1.5}.house-tip-box{border:2px solid var(--ink);border-radius:3px;background:var(--off-white);padding:12px 14px}.house-tip-box p{font-family:var(--font-stamp);font-size:.8rem;color:var(--warm-gray);margin:0}.house-tip-box strong{display:block;margin-bottom:4px;color:var(--ink)}.house-save-error{font-family:var(--font-body);font-size:.8rem;color:var(--coral-red);text-align:right}@media(max-width:767px){.house-builder{flex-direction:column;overflow-y:auto;height:100%}.house-builder-left{border-right:none;overflow:visible;flex:1 0 auto;padding:14px}.house-builder-header{margin-bottom:12px}.house-builder-header h1{font-size:1.5rem}.house-builder-header p{font-size:.8rem}.house-builder-right{order:-1;width:auto;flex-shrink:0;flex-direction:row;align-items:center;gap:14px;padding:10px 14px;background:var(--kraft);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:10}.house-preview-box{order:1;min-height:0;padding:6px;flex-shrink:0}.house-preview-box svg{width:64px;height:auto}.house-preview-title{order:2;font-size:.9rem}.house-preview-caption,.house-tip-box{display:none}.house-tab-nav{margin-bottom:16px}.house-tab-btn{flex:1;padding:10px 8px;font-size:.95rem}.shape-grid{gap:10px}.shape-option{width:calc((100% - 20px) / 3);max-width:104px;height:96px}.size-option{min-height:60px;padding:10px 6px}.color-palette{gap:8px}.color-swatch{width:44px;height:44px}.house-save-row{position:sticky;bottom:0;margin:auto -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--kraft);border-top:2px solid var(--ink);z-index:10;gap:10px}.house-save-btn{flex:1;padding:12px 20px;font-size:1rem}.house-back-btn{padding:12px;font-size:.95rem}}.focus-timer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 12px}.focus-timer-mode{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-stamp);letter-spacing:.08em;color:var(--warm-gray);text-transform:uppercase;font-size:13px}.focus-timer--focus .focus-timer-mode{color:var(--burgundy)}.focus-timer-clock{font-family:var(--font-serif);font-size:46px;line-height:1;color:var(--ink)}.focus-timer-cycle{display:flex;gap:6px}.focus-timer-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);background:transparent}.focus-timer-dot.filled{background:var(--burgundy);border-color:var(--burgundy)}.focus-timer-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.focus-timer-controls .circle-btn{height:38px;padding:0 14px}.focus-btn-start{color:var(--burgundy);border-color:var(--burgundy)}.focus-btn-pause{color:var(--hot-pink);border-color:var(--hot-pink)}.focus-btn-skip,.focus-btn-reset{color:var(--warm-gray);border-color:var(--warm-gray)}.focus-tasks{border-top:1.5px dashed var(--warm-gray);padding-top:10px}.focus-tasks-header{display:flex;align-items:center;gap:5px;font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--warm-gray);margin-bottom:8px}.focus-tasks-add{display:flex;gap:6px}.focus-tasks-add .field-input.small{flex:1;text-align:left}.focus-tasks-add-btn{width:36px;height:36px;padding:0;font-size:20px;color:var(--muted-teal);border-color:var(--muted-teal)}.focus-tasks-list{list-style:none;margin:8px 0 0;padding:0;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.focus-task{display:flex;align-items:center;gap:8px;font-family:var(--font-hand);color:var(--ink)}.focus-task-check{width:20px;height:20px;flex:none;border:1.5px solid var(--ink);border-radius:4px;background:var(--off-white);cursor:pointer;font-size:13px;line-height:1}.focus-task.done .focus-task-text{text-decoration:line-through;color:var(--warm-gray)}.focus-task-text{flex:1;word-break:break-word}.focus-task-del{flex:none;border:none;background:none;color:var(--warm-gray);font-size:18px;cursor:pointer;line-height:1}.focus-tasks-empty{font-family:var(--font-hand);color:var(--warm-gray);font-size:13px}.focus-settings{display:flex;flex-direction:column;gap:8px}.focus-settings-title{font-family:var(--font-stamp);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-teal);font-size:13px}.focus-setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-hand);color:var(--ink);font-size:14px}.focus-setting-label{flex:1}.focus-setting-row .field-input.small{width:70px}.focus-setting-toggle{width:18px;height:18px}.focus-settings-done{align-self:flex-end;margin-top:6px;color:var(--muted-teal);border-color:var(--muted-teal);height:36px;padding:0 16px}.focus-stats{display:flex;flex-direction:column;gap:14px;max-width:360px}.focus-stats-title{font-family:var(--font-serif);font-size:22px;color:var(--ink)}.focus-stats-loading,.focus-stats-empty{font-family:var(--font-hand);color:var(--warm-gray)}.focus-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.focus-stat{border:1.5px dashed var(--warm-gray);border-radius:6px;padding:8px 10px}.focus-stat-label{font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--warm-gray)}.focus-stat-value{font-family:var(--font-serif);font-size:24px;color:var(--ink)}.focus-stat-sub{font-family:var(--font-hand);font-size:12px;color:var(--warm-gray)}.focus-stats-streaks{display:flex;flex-direction:column;gap:4px;font-family:var(--font-hand);color:var(--ink)}.focus-stats-streaks strong{color:var(--burgundy)}.focus-stats-recent{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.focus-stats-day{display:flex;justify-content:space-between;font-family:var(--font-hand);font-size:13px;color:var(--ink)}.focus-stats-close{align-self:flex-end;color:var(--sage);border-color:var(--sage);height:38px;padding:0 16px}.amb-credits-backdrop{position:fixed;inset:0;z-index:1000;background:#272a3280;display:flex;align-items:center;justify-content:center;padding:20px}.amb-credits{width:min(440px,92vw);max-height:80vh;display:flex;flex-direction:column;background-color:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border:2.5px solid var(--ink);border-radius:8px;box-shadow:4px 4px #272a3238;padding:18px 18px 16px}.amb-credits-head{display:flex;align-items:center;gap:8px}.amb-credits-title{flex:1;margin:0;font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;font-size:16px;color:var(--ink)}.amb-credits-close{border:none;background:none;color:var(--warm-gray);font-size:18px;line-height:1;cursor:var(--cursor-pointer)}.amb-credits-intro{margin:6px 0 10px;font-family:var(--font-hand);font-size:13px;color:var(--warm-gray)}.amb-credits-list{list-style:none;margin:0;padding:0;overflow-y:auto}.amb-credits-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:7px 0;border-bottom:1px dashed rgba(39,42,50,.18)}.amb-credits-name{font-family:var(--font-stamp);font-size:14px;color:var(--ink)}.amb-credits-by{font-family:var(--font-hand);font-size:12px;color:var(--warm-gray)}.amb-credits-link{margin-left:auto;font-family:var(--font-stamp);font-size:12px;color:var(--muted-teal)}.amb{display:flex;flex-direction:column;gap:10px}.amb-tabs{display:flex;gap:6px}.amb-tab{flex:1;height:30px;font-family:var(--font-stamp);letter-spacing:.04em;text-transform:uppercase;font-size:12px;background:var(--off-white);color:var(--warm-gray);border:2px solid var(--warm-gray);border-radius:4px;cursor:var(--cursor-pointer)}.amb-tab-on{color:var(--burgundy);border-color:var(--burgundy);box-shadow:2px 2px 0 var(--burgundy)}.amb-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:190px;overflow:hidden auto;padding-right:2px}.amb-tile{display:flex;align-items:center;gap:7px;min-width:0;min-height:40px;padding:6px 8px;font-family:var(--font-hand);font-size:12px;text-align:left;background:var(--off-white);color:var(--ink);border:2px solid var(--muted-teal);border-radius:4px;cursor:var(--cursor-pointer);transition:background .12s,transform .1s,box-shadow .1s}.amb-tile-icon{flex-shrink:0}.amb-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.amb-tile:hover{background:var(--pale-teal)}}.amb-tile-on{background:var(--pale-teal);border-color:var(--sage);box-shadow:2px 2px 0 var(--sage);font-weight:600}.amb-playing{border-top:1.5px dashed var(--warm-gray);padding-top:8px;display:flex;flex-direction:column;gap:6px}.amb-playing-head{font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--warm-gray)}.amb-playing-row{display:flex;align-items:center;gap:6px}.amb-playing-stop{border:none;background:none;color:var(--coral-red);font-size:12px;cursor:var(--cursor-pointer)}.amb-playing-name{flex:0 0 84px;font-family:var(--font-hand);font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amb-playing-vol{flex:1;accent-color:var(--sage);cursor:var(--cursor-pointer)}.amb-master{display:flex;align-items:center;gap:8px;border-top:1.5px dashed var(--warm-gray);padding-top:8px}.amb-master-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--ink);background:var(--off-white);border:2.5px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);cursor:var(--cursor-pointer)}.amb-master-muted{opacity:.55}.amb-master-vol{flex:1;accent-color:var(--muted-teal);cursor:var(--cursor-pointer)}.amb-save{display:flex;gap:6px}.amb-save-name{flex:1;height:32px;padding:0 8px;font-family:var(--font-hand);font-size:13px;background:var(--off-white);border:2px solid var(--warm-gray);border-radius:4px;color:var(--ink)}.amb-save-btn{height:32px;padding:0 12px;color:var(--sage);border-color:var(--sage)}.amb-save-btn:disabled{opacity:.5;cursor:default}.amb-actions{display:flex;gap:6px}.amb-action{flex:1;height:34px;color:var(--burgundy);border-color:var(--burgundy);font-size:12px}.amb-action:disabled{opacity:.5;cursor:default}.amb-preset-list{display:flex;flex-direction:column;gap:4px}.amb-preset-empty{font-family:var(--font-hand);font-size:12px;color:var(--warm-gray)}.amb-preset-row{display:flex;align-items:center;gap:6px}.amb-preset-load{flex:1;text-align:left;padding:6px 8px;font-family:var(--font-hand);font-size:13px;color:var(--ink);background:var(--off-white);border:2px solid var(--muted-teal);border-radius:4px;cursor:var(--cursor-pointer)}.amb-preset-item{display:flex;flex-direction:column;gap:4px}.amb-preset-mood{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;background:var(--off-white);border:2px solid var(--muted-teal);border-radius:4px;color:var(--muted-teal);cursor:var(--cursor-pointer);transition:background .12s,box-shadow .1s}@media(hover:hover){.amb-preset-mood:not(.amb-preset-mood-on):hover{background:var(--pale-teal)}}.amb-preset-mood-on{background:var(--muted-teal);border-color:var(--muted-teal);color:var(--off-white);box-shadow:2px 2px #272a3233}.amb-preset-mood-open:not(.amb-preset-mood-on){background:var(--pale-teal)}.amb-mood-inline{display:flex;flex-direction:column;gap:2px;margin:0 2px 2px 8px;padding:4px 0 2px 8px;border-left:2px solid var(--muted-teal)}.amb-mood-inline-head{font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--warm-gray);padding:0 0 3px 6px}.amb-mood-option{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:3px;font-family:var(--font-hand);font-size:13px;color:var(--ink);cursor:var(--cursor-pointer)}@media(hover:hover){.amb-mood-option:hover{background:var(--pale-teal)}}.amb-mood-option input{accent-color:var(--sage);cursor:var(--cursor-pointer)}.amb-mood-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amb-preset-del{border:none;background:none;color:var(--coral-red);font-size:12px;cursor:var(--cursor-pointer)}.amb-credits-trigger{align-self:flex-start;border:none;background:none;padding:2px 0;font-family:var(--font-stamp);letter-spacing:.04em;font-size:12px;color:var(--muted-teal);text-decoration:underline;cursor:var(--cursor-pointer)}.cozy-tools-dock{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:var(--z-chrome-dock)}.cozy-tools-pill{display:flex;align-items:center;gap:6px;height:44px;padding:0 12px;color:var(--burgundy);border-color:var(--burgundy)}.cozy-tools-pill-label{font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.cozy-tools-pill-clock{font-family:var(--font-serif);font-size:16px}.cozy-tools-panel{width:280px;max-height:min(78vh,620px);display:flex;flex-direction:column;background-color:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border:2.5px solid var(--ink);border-radius:8px;box-shadow:4px 4px #272a322e}.cozy-tools-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1.5px dashed var(--warm-gray)}.cozy-tools-header-title{flex:1;font-family:var(--font-stamp);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:14px}.cozy-tools-collapse{border:none;background:none;color:var(--warm-gray);font-size:22px;line-height:1;cursor:pointer}.cozy-tools-body{padding:10px 12px 14px;overflow-y:auto}.cozy-tools-actions{display:flex;gap:8px;margin-top:12px}.cozy-tools-action{flex:1;height:36px;color:var(--sage);border-color:var(--sage)}@media(max-width:480px){.cozy-tools-dock{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.cozy-tools-panel{width:min(86vw,320px);max-height:70vh}.cozy-tools-pill-label{display:none}}.cozy-tools-dock-wide .cozy-tools-panel{width:340px}.cozy-tools-back{border:none;background:none;color:var(--warm-gray);font-size:22px;line-height:1;cursor:var(--cursor-pointer);padding:0 2px}.cozy-tools-pill-note{font-family:var(--font-stamp);font-size:13px;color:var(--sage)}.cozy-tools-launch{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin-bottom:8px;background:var(--off-white);border:2px solid var(--burgundy);border-radius:6px;box-shadow:2px 2px 0 var(--burgundy);cursor:var(--cursor-pointer);transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.cozy-tools-launch:hover{background:var(--pale-pink)}}.cozy-tools-launch:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--burgundy)}.cozy-tools-launch-name{flex:1;text-align:left;font-family:var(--font-stamp);letter-spacing:.04em;text-transform:uppercase;font-size:13px;color:var(--ink)}.cozy-tools-launch-status{font-family:var(--font-serif);font-size:15px;color:var(--warm-gray)}@media(max-width:480px){.cozy-tools-dock-wide .cozy-tools-panel{width:min(90vw,360px)}}.transform-wheel{position:fixed;width:0;height:0;z-index:var(--z-chrome-wheel)}.tw-spoke{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2.5px solid var(--ink);background:var(--off-white);color:var(--ink);font-size:18px;line-height:1;cursor:var(--cursor-pointer);box-shadow:2px 2px 0 var(--ink);display:flex;align-items:center;justify-content:center;transition:background .12s ease,transform .1s ease,box-shadow .1s ease;pointer-events:auto}.tw-spoke:active,.tw-spoke.is-active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink);background:var(--kraft)}.tw-scale{left:-42px;top:-42px}.tw-note{left:42px;top:-42px}.tw-animate{left:0;top:-58px}.tw-mirror{left:-56px;top:8px}.tw-delete{left:56px;top:8px}.tw-variant{left:0;top:30px}.tw-delete{border-color:var(--coral-red);color:var(--coral-red);background:#d68872;box-shadow:2px 2px 0 var(--coral-red)}.tw-delete:active{box-shadow:0 0 0 var(--coral-red);background:#c76a52}.tw-slider{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--off-white);border:2px solid var(--ink);border-radius:22px;box-shadow:2px 2px 0 var(--ink);pointer-events:auto;white-space:nowrap}.tw-slider input[type=range]{width:130px;height:44px;accent-color:var(--ink)}.tw-slider-val{font-family:var(--font-stamp);font-size:12px;color:var(--ink);min-width:38px;text-align:right}.tw-slider-val.is-invalid{color:var(--coral-red)}.tw-slider-val.is-clamped{color:#d9861e;animation:tw-clamp-pulse 1s ease-out}@keyframes tw-clamp-pulse{0%,18%{opacity:.3}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tw-slider-val.is-clamped{animation:none}}.tw-reset{width:32px;height:32px;border-radius:50%;border:2px solid var(--ink);background:var(--off-white);color:var(--ink);font-size:16px;line-height:1;cursor:var(--cursor-pointer);display:flex;align-items:center;justify-content:center}.tw-attach-menu{position:absolute;display:flex;flex-direction:column;padding:6px;max-width:calc(100vw - 16px);background:var(--off-white);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);pointer-events:auto}.tw-attach-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border:none;border-radius:4px;background:transparent;text-align:left;cursor:var(--cursor-pointer);font-family:var(--font-stamp);font-size:14px;letter-spacing:.03em;color:var(--ink);white-space:nowrap}.tw-attach-item:not(:last-child){border-bottom:1px solid rgba(39,42,50,.12)}.tw-attach-item:hover{background:var(--cream)}.tw-attach-icon{flex:0 0 auto}.tw-attach-label{line-height:1}.tw-variant.is-blocked{border-color:var(--coral-red);color:var(--coral-red);animation:tw-variant-shake .4s ease}@keyframes tw-variant-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.tw-variant.is-blocked{animation:none}}.mood-switcher{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:var(--z-chrome-tool);pointer-events:auto}.mood-switcher-trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;min-width:130px;max-width:calc(100vw - 32px);font-family:var(--font-stamp);font-size:13px;letter-spacing:.03em;color:var(--muted-teal);background:var(--pale-teal);border:2.5px solid var(--muted-teal);border-radius:4px;box-shadow:2px 2px 0 var(--muted-teal);cursor:var(--cursor-pointer);line-height:1;white-space:nowrap;appearance:none;-webkit-appearance:none;transition:background .12s ease,transform .1s ease,box-shadow .1s ease}.mood-switcher-trigger:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.mood-switcher-current{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.mood-switcher-draft-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.mood-switcher-chevron{font-size:11px;opacity:.8;margin-left:2px}.mood-switcher-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:210px;max-width:calc(100vw - 24px);max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;padding:6px;background:var(--off-white);background-image:var(--dot-texture);background-size:var(--dot-size);border:2.5px solid var(--ink);border-radius:8px;box-shadow:3px 3px #272a322e}.mood-switcher-group+.mood-switcher-group{margin-top:4px}.mood-switcher-group-label{font-family:var(--font-stamp);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);padding:4px 8px 2px}.mood-switcher-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;font-family:var(--font-stamp);font-size:13px;letter-spacing:.02em;color:var(--ink);text-align:left;cursor:var(--cursor-pointer);white-space:nowrap;appearance:none;-webkit-appearance:none}@media(hover:hover){.mood-switcher-option:hover{background:var(--cream)}}.mood-switcher-option--active{background:var(--pale-teal);color:var(--muted-teal)}.mood-switcher-option-name{flex:1;overflow:hidden;text-overflow:ellipsis}.mood-switcher-badge{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--warm-gray);border:1px solid var(--warm-gray);border-radius:2px;padding:1px 4px}.mood-switcher-check{color:var(--muted-teal);font-size:13px}.mood-switcher-manage{display:flex;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px 10px;border:none;border-top:1px solid rgba(39,42,50,.12);border-radius:0 0 4px 4px;background:transparent;font-family:var(--font-stamp);font-size:12px;letter-spacing:.03em;color:var(--warm-gray);text-align:left;cursor:var(--cursor-pointer);appearance:none;-webkit-appearance:none}@media(hover:hover){.mood-switcher-manage:hover{background:var(--cream);color:var(--muted-teal)}}.moods-palette{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 60px);bottom:calc(max(20px,env(safe-area-inset-bottom)) + 88px);left:max(12px,env(safe-area-inset-left));z-index:var(--z-chrome-panel);width:290px;display:flex;flex-direction:column;background-color:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border:2px solid var(--ink);border-radius:7px;box-shadow:3px 3px #272a3229;pointer-events:auto}.moods-palette-header{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px dashed var(--warm-gray)}.moods-palette-title{flex:1;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-stamp);letter-spacing:.07em;text-transform:uppercase;color:var(--ink);font-size:13px}.moods-palette-close{border:none;background:none;color:var(--warm-gray);font-size:17px;line-height:1;cursor:var(--cursor-pointer);padding:0 2px}@media(hover:hover){.moods-palette-close:hover{color:var(--ink)}}.moods-palette-body{padding:6px 9px 3px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--warm-gray) transparent}.moods-palette-body::-webkit-scrollbar{width:11px}.moods-palette-body::-webkit-scrollbar-track{background:transparent;margin:2px 0}.moods-palette-body::-webkit-scrollbar-thumb{background:var(--warm-gray);border:3px solid transparent;background-clip:padding-box;border-radius:4px}@media(hover:hover){.moods-palette-body::-webkit-scrollbar-thumb:hover{background:var(--muted-teal);background-clip:padding-box}}.moods-palette-section{margin-bottom:11px}.moods-palette-section-title{display:flex;align-items:baseline;gap:5px;margin:0 0 6px;font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:11px}.moods-palette-count{font-family:var(--font-serif);font-size:12px;color:var(--warm-gray)}.moods-palette-empty{margin:0 0 4px;font-family:var(--font-body);font-size:11px;color:var(--warm-gray);font-style:italic}.moods-palette-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mood-card{display:flex;flex-direction:column;gap:6px;border:1.75px solid var(--warm-gray);border-radius:4px;background:var(--off-white);padding:6px 8px;cursor:var(--cursor-pointer);transition:background .12s,border-color .12s;outline:none;text-align:left;width:100%;box-sizing:border-box}@media(hover:hover){.mood-card:hover{background:#272a320f}}.mood-card:focus-visible{box-shadow:0 0 0 2px var(--muted-teal)}.mood-card--current{border-color:var(--muted-teal);background:var(--pale-teal);box-shadow:1.5px 1.5px 0 var(--muted-teal)}.mood-card--draft{border-style:dashed}.mood-card-row1{display:flex;align-items:center;gap:6px;min-width:0}.mood-card-preview{flex-shrink:0;width:54px;height:36px;border-radius:3px;border:1px solid var(--warm-gray);object-fit:cover}.mood-card-preview--empty{display:flex;align-items:center;justify-content:center;font-family:var(--font-stamp);font-size:9px;letter-spacing:.03em;text-transform:uppercase;color:var(--warm-gray);border-style:dashed;background:transparent;text-align:center;line-height:1.2}.mood-card-name-row{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.mood-card-name{font-family:var(--font-body);font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mood-card-hints{display:flex;gap:3px;flex-wrap:wrap}.mood-card-hint{font-family:var(--font-stamp);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--warm-gray);border:1px solid var(--warm-gray);border-radius:3px;padding:1px 3px}.mood-card-hint--default{color:var(--muted-teal);border-color:var(--muted-teal)}.mood-card-actions{display:flex;align-items:center;gap:4px}.mood-card-actions-spacer{flex:1}.mood-icon-btn{width:26px;height:26px;padding:0;border:1.75px solid var(--warm-gray);border-radius:3px;background:var(--cream);color:var(--warm-gray);cursor:var(--cursor-pointer);display:flex;align-items:center;justify-content:center;box-shadow:1.5px 1.5px #272a3224;transition:color .12s,background .12s,border-color .12s,box-shadow .1s}@media(hover:hover){.mood-icon-btn:hover{color:var(--muted-teal);border-color:var(--muted-teal);background:var(--pale-teal)}}.mood-icon-btn:active{transform:translate(1.5px,1.5px);box-shadow:none}.mood-icon-btn:disabled{opacity:.4;cursor:var(--cursor-not-allowed);box-shadow:none}.mood-icon-btn--danger{color:var(--coral-red);border-color:var(--coral-red)}@media(hover:hover){.mood-icon-btn--danger:hover{color:var(--coral-red);border-color:var(--coral-red);background:var(--pale-coral)}}.mood-icon-btn--inactive{opacity:.5;box-shadow:none}@media(hover:hover){.mood-icon-btn--inactive:hover{color:var(--warm-gray);border-color:var(--warm-gray);background:var(--cream)}}.mood-card-tip{align-self:flex-start;margin-top:2px;font-family:var(--font-stamp);font-size:9px;letter-spacing:.03em;color:var(--muted-teal);background:var(--pale-teal);border:1px solid var(--muted-teal);border-radius:3px;padding:2px 5px}.mood-reorder-btn{width:26px;height:26px;padding:0;border:1.75px solid var(--warm-gray);border-radius:3px;background:var(--cream);color:var(--ink);font-size:13px;line-height:1;cursor:var(--cursor-pointer);display:flex;align-items:center;justify-content:center;box-shadow:1.5px 1.5px #272a3224;transition:background .12s,border-color .12s,box-shadow .1s}@media(hover:hover){.mood-reorder-btn:not(:disabled):hover{background:var(--pale-teal);border-color:var(--muted-teal)}}.mood-reorder-btn:active{transform:translate(1.5px,1.5px);box-shadow:none}.mood-reorder-btn:disabled{opacity:.4;cursor:var(--cursor-not-allowed);box-shadow:none}.mood-card-cover{position:relative;flex-shrink:0;line-height:0}.mood-card-cover-badge{position:absolute;top:2px;left:2px;font-family:var(--font-stamp);font-size:9px;line-height:1;letter-spacing:.04em;text-transform:uppercase;padding:1px 3px;border-radius:2px;color:var(--off-white)}.mood-card-cover--public .mood-card-cover-badge{background:var(--sage)}.mood-card-cover--draft .mood-card-cover-badge{background:var(--warm-gray)}.mood-eye-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:3px;border:none;background:none;color:var(--warm-gray);cursor:var(--cursor-pointer);transition:color .12s,transform .08s}.mood-eye-btn--public{color:var(--sage)}.mood-eye-btn--draft{color:var(--warm-gray)}@media(hover:hover){.mood-eye-btn:hover{color:var(--ink)}}.mood-eye-btn:active{transform:scale(.88)}.moods-palette-footer{padding:8px 10px;border-top:1px dashed var(--warm-gray)}.moods-palette-new{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:32px;font-family:var(--font-stamp);letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:var(--sage);background:var(--off-white);border:2px solid var(--sage);border-radius:4px;box-shadow:2px 2px 0 var(--sage);cursor:var(--cursor-pointer);transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.moods-palette-new:hover{background:var(--pale-sage)}}.moods-palette-new:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--sage)}.moods-palette-new-plus{font-size:14px;line-height:1}@media(max-width:480px){.moods-palette{left:50%;top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,300px);max-height:72vh}}.mood-edit-dialog{max-width:min(90vw,400px)}.mood-field-group{display:flex;flex-direction:column;gap:6px}.mood-field-label{font-family:var(--font-stamp);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.mood-field-input,.mood-field-textarea{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%;overflow-wrap:anywhere;word-break:break-word}.mood-field-input:focus,.mood-field-textarea:focus{border-color:var(--ink)}.mood-field-textarea{resize:vertical;min-height:72px}.mood-field-count{align-self:flex-end;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.mood-emoji-wrap{position:relative;display:flex;align-items:center;gap:8px}.mood-emoji-btn{display:flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 10px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);cursor:var(--cursor-pointer)}@media(hover:hover){.mood-emoji-btn:hover{border-color:var(--ink)}}.mood-emoji-placeholder{font-family:var(--font-body);font-size:13px;color:var(--warm-gray)}.mood-emoji-clear{font-family:var(--font-stamp);font-size:12px;color:var(--warm-gray);background:none;border:none;cursor:var(--cursor-pointer);padding:4px}@media(hover:hover){.mood-emoji-clear:hover{color:var(--coral-red)}}.mood-mix-wrap{position:relative;display:flex;flex-direction:column}.mood-mix-btn{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);color:var(--ink);cursor:var(--cursor-pointer)}@media(hover:hover){.mood-mix-btn:hover{border-color:var(--ink)}}.mood-mix-icon{color:var(--muted-teal);flex-shrink:0}.mood-mix-name{font-family:var(--font-body);font-size:14px}.mood-mix-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;padding:6px;border:2px solid var(--warm-gray);border-radius:3px;background:var(--off-white);box-shadow:2px 2px #272a3226}.mood-mix-option{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:3px;background:none;font-family:var(--font-body);font-size:14px;color:var(--ink);cursor:var(--cursor-pointer)}@media(hover:hover){.mood-mix-option:hover{background:var(--pale-teal)}}.mood-mix-option-on{background:var(--pale-teal);font-weight:600}.mood-mix-option-icon{color:var(--muted-teal);flex-shrink:0}.mood-mix-empty{font-family:var(--font-body);font-size:13px;color:var(--warm-gray);padding:8px 10px}.open-letter-page{min-height:100vh;width:100%;background:var(--dot-texture),radial-gradient(circle at 50% 0%,var(--off-white) 0%,var(--cream) 100%);background-size:var(--dot-size),cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 16px 64px;box-sizing:border-box;font-family:var(--font-body);color:var(--ink)}.open-letter-status{font-family:var(--font-stamp);font-size:18px;color:var(--warm-gray);padding:40px 0;text-align:center;letter-spacing:.03em}.open-letter-panel{width:100%;max-width:460px;margin-top:8vh;background:var(--off-white);border:1.5px solid rgba(39,42,50,.12);border-radius:4px;padding:30px 28px;box-shadow:0 1px 3px #0000001f,0 10px 30px #0000001f;text-align:center;display:flex;flex-direction:column;align-items:stretch}.open-letter-gate-icon{align-self:center;margin-bottom:12px}.open-letter-gate-title{margin:0 0 10px;font-family:var(--font-hand);font-size:21px;color:var(--ink);line-height:1.4}.open-letter-gate-sub{margin:0 0 16px;font-family:var(--font-stamp);font-size:15px;color:var(--warm-gray);letter-spacing:.03em}.open-letter-gate-hint{background:var(--pale-pink);border-radius:3px;padding:9px 13px;margin:0 0 18px;font-family:var(--font-stamp);font-size:15px;color:var(--dusty-pink);letter-spacing:.02em}.open-letter-gate-input{width:100%;box-sizing:border-box;border:1.5px solid rgba(39,42,50,.18);border-radius:3px;padding:11px 12px;font-family:var(--font-hand);font-size:16px;color:var(--ink);margin-bottom:12px;background:#fff}.open-letter-gate-input:focus{outline:none;border-color:var(--hot-pink)}.open-letter-gate-error{font-family:var(--font-stamp);font-size:14px;color:var(--coral-red);margin:0 0 12px}.open-letter-gate-btn{width:100%;border:none;border-radius:3px;padding:12px;background:var(--hot-pink);color:var(--off-white);font-family:var(--font-stamp);font-size:18px;letter-spacing:.04em;cursor:var(--cursor-pointer)}.open-letter-gate-btn:hover:not(:disabled){background:var(--dusty-pink)}.open-letter-gate-btn:disabled{opacity:.45;cursor:var(--cursor-not-allowed)}.open-letter-reader{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--room-bg, #e8e0d4)}.open-letter-cta{margin-top:28px;text-align:center;background:var(--off-white);border:1.5px solid rgba(39,42,50,.12);border-radius:4px;padding:24px;max-width:460px;width:100%;box-shadow:0 1px 3px #0000001a}.open-letter-cta-text{margin:0 0 14px;font-family:var(--font-hand);font-size:18px;color:var(--ink)}.open-letter-cta-btn{display:inline-block;background:var(--hot-pink);color:var(--off-white);text-decoration:none;border-radius:3px;padding:11px 22px;font-family:var(--font-stamp);font-size:17px;letter-spacing:.04em;cursor:var(--cursor-pointer)}.open-letter-cta-btn:hover{background:var(--dusty-pink)}.open-letter-wordmark{margin-top:32px;font-family:var(--font-stamp);color:var(--warm-gray);text-decoration:none;font-size:14px;letter-spacing:.08em}.ol-end-cta{margin:28px auto 0;width:100%;max-width:460px;background:var(--off-white);border:1.5px solid rgba(39,42,50,.12);border-radius:4px;padding:26px 24px;text-align:center;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:14px}.ol-end-house{display:inline-flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;cursor:var(--cursor-pointer)}.ol-end-house-avatar{display:inline-flex}.ol-end-house-link{font-family:var(--font-stamp);font-size:16px;color:var(--hot-pink);letter-spacing:.02em}.ol-end-house:hover .ol-end-house-link{color:var(--dusty-pink);text-decoration:underline}.ol-end-caption{margin:0;font-family:var(--font-hand);font-size:16px;color:var(--warm-gray);line-height:1.5}.ol-end-caption b{color:var(--ink);font-weight:600}.ol-end-room-url{color:var(--hot-pink);text-decoration:none}.ol-end-room-url:hover{text-decoration:underline}.ol-end-join{margin-top:6px;padding-top:16px;border-top:1px solid rgba(39,42,50,.1);display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.ol-end-join-text{margin:0;font-family:var(--font-hand);font-size:18px;color:var(--ink)}.ol-end-join-btn{display:inline-block;background:var(--hot-pink);color:var(--off-white);text-decoration:none;border-radius:3px;padding:11px 22px;font-family:var(--font-stamp);font-size:17px;letter-spacing:.04em;cursor:var(--cursor-pointer)}.ol-end-join-btn:hover{background:var(--dusty-pink)}.ol-reader-toolbar{display:flex;justify-content:center;padding:12px 16px 0}.ol-plain-toggle{background:none;border:1px solid var(--hot-pink);border-radius:999px;padding:8px 16px;font-family:var(--font-stamp);font-size:14px;letter-spacing:.02em;color:var(--hot-pink);cursor:var(--cursor-pointer)}.ol-plain-toggle:hover{background:#8e2e630f}.ol-plain-toggle[aria-pressed=true]{background:var(--hot-pink);color:var(--off-white);border-color:var(--hot-pink)}.ol-plain-wrap{flex:1;overflow-y:auto;padding:8px 16px 24px;box-sizing:border-box}.explore-page{height:100dvh;overflow:hidden;background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);display:flex;flex-direction:column}.explore-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;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)}.explore-logo{font-family:var(--font-serif);font-size:22px;color:var(--ink);text-decoration:none}.explore-cta{font-family:var(--font-stamp);font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:10px 24px;border:2px solid var(--ink);border-radius:3px;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}@media(hover:hover){.explore-cta:hover{background:var(--kraft)}}.explore-cta:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.explore-cta--primary{display:inline-flex;align-items:center;gap:8px;background:var(--sage);color:var(--off-white);padding:12px 28px;font-size:14px}@media(hover:hover){.explore-cta--primary:hover{background:var(--muted-teal)}}.explore-header-actions{display:flex;align-items:center;gap:12px}.explore-discord{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-stamp);font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:10px 18px;border:2px solid var(--royal-blue);border-radius:3px;background:var(--off-white);color:var(--royal-blue);box-shadow:2px 2px 0 var(--royal-blue);text-decoration:none;cursor:var(--cursor-pointer);transition:background .12s,transform .1s,box-shadow .1s}@media(hover:hover){.explore-discord:hover{background:var(--pale-blue)}}.explore-discord:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--royal-blue)}.explore-discord-icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}@media(max-width:600px){.explore-discord{padding:10px 12px}.explore-discord-label{display:none}}.explore-scroll{flex:1;overflow-y:auto}.explore-main{width:100%;max-width:1200px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-right)) 48px max(20px,env(safe-area-inset-left));box-sizing:border-box}.explore-intro{text-align:center;margin-bottom:28px}.explore-title{font-family:var(--font-serif);font-size:30px;color:var(--ink);margin:0 0 8px}.explore-subtitle{font-family:var(--font-body);font-size:15px;color:var(--warm-gray);margin:0}.explore-message{font-family:var(--font-body);font-size:15px;color:var(--warm-gray);text-align:center;padding:40px 0}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}@media(min-width:768px){.explore-grid{grid-template-columns:repeat(3,1fr);gap:32px}}@media(min-width:1200px){.explore-grid{grid-template-columns:repeat(4,1fr)}}.explore-tile{display:flex;flex-direction:column;border:2px solid var(--muted-teal);border-radius:3px;background:var(--off-white);box-shadow:2px 2px 0 var(--muted-teal);overflow:hidden;text-decoration:none;transition:transform .1s,box-shadow .1s}@media(hover:hover){.explore-tile:hover{transform:translate(-1px,-2px);box-shadow:3px 5px 0 var(--muted-teal)}}.explore-tile:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--muted-teal)}.explore-tile-snapshot{border-bottom:2px solid var(--muted-teal)}.explore-tile-body{display:flex;flex-direction:column;gap:8px;padding:12px;font-family:var(--font-body)}.explore-tile-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.explore-tile-name{font-family:var(--font-stamp);font-size:13px;color:var(--ink);min-width:0;overflow-wrap:anywhere}.explore-tile-country{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray);white-space:nowrap}.explore-tile-langs{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-stamp);font-size:11px;color:var(--warm-gray)}.explore-tile-bio{margin:0;font-family:var(--font-hand);font-size:14px;color:var(--warm-gray);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.explore-tile-interests{display:flex;flex-wrap:wrap;gap:5px}.explore-tile-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)}.explore-tile-subtag{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border:1.5px dotted var(--warm-gray);border-radius:2px;background:var(--off-white);color:var(--warm-gray)}.explore-tile-more{font-family:var(--font-stamp);font-size:10px;padding:3px 9px;border:1.5px solid var(--muted-teal);border-radius:2px;background:var(--pale-teal);color:var(--muted-teal)}.explore-bottom-cta{flex-shrink:0;display:flex;justify-content:center;padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--cream);background-image:var(--dot-texture);background-size:var(--dot-size);border-top:2.5px solid var(--ink)}