/* Restored Note features use the same World font and colour tokens. */
select{font:inherit;color:inherit}
.note-feature-message,.note-notice{margin:12px 0;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:13px;overflow-wrap:anywhere}
.note-feature-message{color:var(--accent)}
.note-notice{border-left:4px solid var(--accent);white-space:pre-wrap}
.note-notice p{margin:0}.note-notice p+p{margin-top:7px}
.note-announcement{margin:12px 0;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;background:var(--surface);font-size:13px}
.note-announcement[hidden]{display:none}
.note-announcement-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:43px;padding:9px 12px;cursor:pointer;list-style:none}
.note-announcement-row::-webkit-details-marker{display:none}
.note-announcement-label{flex:none;padding:2px 7px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}
.note-announcement-viewport{position:relative;flex:1;min-width:0;height:1.5em;overflow:hidden;white-space:nowrap}
.note-announcement-copy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.note-announcement-moving{position:absolute;top:0;left:0;width:max-content;max-width:none;opacity:0;white-space:nowrap;line-height:1.5;pointer-events:none}
.note-announcement.is-moving .note-announcement-copy{opacity:0}
.note-announcement.is-moving .note-announcement-moving{opacity:1;animation:note-announcement-scroll var(--ticker-duration,15s) linear 1 both}
.note-announcement.is-moving:hover .note-announcement-copy,.note-announcement.is-moving:focus-within .note-announcement-copy{opacity:1}
.note-announcement.is-moving:hover .note-announcement-moving,.note-announcement.is-moving:focus-within .note-announcement-moving{opacity:0;animation-play-state:paused}
.note-announcement-open{flex:none;color:var(--ink-2);font-size:11px;white-space:nowrap}
.note-announcement[open] .note-announcement-open{color:var(--accent)}
.note-announcement-full{margin:0;padding:10px 14px 12px;border-top:1px solid var(--line);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
@keyframes note-announcement-scroll{from{transform:translateX(var(--ticker-start,0px))}to{transform:translateX(-100%)}}
@media(max-width:520px){.note-announcement-row{gap:7px;padding:8px 9px}.note-announcement-open{font-size:10px}}
@media(prefers-reduced-motion:reduce){.note-announcement.is-moving .note-announcement-moving{animation:none;opacity:0}.note-announcement.is-moving .note-announcement-copy{opacity:1}}
.note-collection-tabs{background:var(--surface);margin-bottom:20px}
.card-actions{flex-wrap:wrap}.card-actions button[aria-pressed="true"]{color:var(--accent)}
.card-actions button[aria-pressed="true"] svg{fill:var(--accent-soft)}
.card-actions .card-share{font-size:12px}.card-actions .save{margin-left:auto}
.note-share-url{display:block;width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:13px}
.composer-footer:has(.note-draft-alert:not([hidden])){flex-wrap:wrap}.composer-footer .note-draft-alert{flex-basis:100%;order:3;color:#b53350;font-size:11px;overflow-wrap:anywhere}
@media(max-width:520px){.card-actions{gap:11px}}
/* Preserve a usable writing area when the viewport is shortened. */
.composer-head,.composer-footer{flex-shrink:0}.composer-body{min-height:0}
@media(max-height:520px){.composer-body{padding-top:8px}.compose-context{display:none}.compose-photo{min-height:140px;aspect-ratio:auto}.compose-photo textarea{height:110px;font-size:20px}}
.compose-more{margin:12px 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.compose-more>summary{padding:12px 15px;cursor:pointer;font-size:13px;font-weight:700;list-style:none}.compose-more>summary::-webkit-details-marker{display:none}.compose-more>summary::after{content:"⌄";float:right;color:var(--accent);font-size:17px;line-height:1}.compose-more[open]>summary{border-bottom:1px solid var(--line)}.compose-more[open]>summary::after{transform:rotate(180deg)}.compose-more-content{padding:14px}.compose-more-content .note-style-controls{margin:0 0 13px;grid-template-columns:repeat(3,minmax(0,1fr))}.compose-more-content .note-style-controls>label{min-width:0;max-width:100%}.compose-more-content .note-style-controls select{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.compose-more-content .note-style-controls input[type="hidden"]{display:none}.compose-more-content .note-photo-pick{margin:14px 0}.compose-more-content .identity-row{margin-bottom:4px}.compose-status{justify-content:flex-end}.note-setting-help{margin:8px 0;color:var(--ink-2);font-size:11px}
.note-color-fields{display:grid;gap:10px}.note-color-field{margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:11px}.note-color-field legend{padding:0 4px;font-size:11px;font-weight:700}.note-color-choices{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.note-color-choice{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;cursor:pointer}.note-color-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.note-color-choice span{width:23px;height:23px;border:1px solid #9ba0ba;border-radius:50%;background:var(--swatch,#ffffff);box-shadow:0 1px 3px #23264a1a}.note-color-choice[data-color="default"] span{background:linear-gradient(135deg,#fff 48%,#aeb3cd 49% 52%,#fff 53%)}.note-color-choice input:checked+span{outline:2px solid var(--accent);outline-offset:2px}.note-color-choice input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.photo .card-quote,.photo .card-tags,.compose-photo textarea,.compose-photo .compose-tag-display{position:relative;z-index:2}.photo .card-tags,.compose-photo .compose-tag-display{position:absolute}.photo .card-quote{color:var(--note-text-color,#fff);background:var(--note-box-color,#17203a26)}.compose-photo textarea{color:var(--note-text-color,#fff);background:var(--note-box-color,#17203a26);box-shadow:0 0 0 8px var(--note-box-color,#17203a26)}.compose-photo textarea::placeholder{color:var(--note-text-color,#ffffffd0);opacity:.8}.note-low-contrast .card-quote,.note-low-contrast textarea{text-shadow:0 1px 3px var(--note-outline),1px 0 2px var(--note-outline),-1px 0 2px var(--note-outline)}
.compose-tag-entry{margin:10px 0 0}.compose-tag-entry .field-label{margin:0 0 5px}.compose-tag-entry #compose-tags{min-height:40px}.compose-tag-entry + .compose-status{margin-top:5px}.compose-photo .compose-tag-display{display:flex;align-items:center;gap:6px;min-height:24px;overflow:hidden;white-space:nowrap}.compose-tag-display span{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex:none;padding:4px 10px;border:1px solid #ffffff9c;border-radius:100px;background:#15162d99;color:#fff;font-size:11px;line-height:1.3;backdrop-filter:blur(5px)}
.note-font-handwriting .card-quote,.note-font-handwriting textarea{font-family:"Nanum Pen Script","Jua",var(--font-d);font-size:clamp(30px,5vw,44px)}.reply-card .note-font-handwriting .card-quote{font-size:25px}.note-font-mono .card-quote,.note-font-mono textarea{font-family:"Nanum Gothic Coding",monospace;letter-spacing:-.08em}.note-font-serif .card-quote,.note-font-serif textarea{font-family:"Noto Serif KR",serif}
.note-photo-gallery{width:100%;margin-top:7px}.note-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.note-photo-tile{position:relative;display:block;cursor:pointer;min-width:0}.note-photo-tile input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.note-photo-tile img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:7px}.note-photo-tile input:checked+img{outline:3px solid var(--accent);outline-offset:1px}.note-photo-tile input:focus-visible+img{outline:3px solid var(--ink);outline-offset:1px}.note-photo-tile small{display:block;color:var(--ink-2);font-size:10px}.note-photo-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.note-photo-pages .button{min-height:33px}.note-photo-pages span{font-size:11px;color:var(--ink-2)}
@media(max-width:520px){.compose-more-content .note-style-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.note-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.note-color-choices{gap:5px}}
@media(max-width:360px){.compose-more-content .note-style-controls{grid-template-columns:minmax(0,1fr)}}
.note-brand-row{display:flex;align-items:center;gap:6px;min-width:0}.note-brand-row .brand{flex:none}.note-dev-badge{display:inline-block;flex:none;padding:3px 7px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--ink-2);font-size:10px;line-height:1.2;font-weight:700;white-space:nowrap}
.note-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px){.side .brand{margin:0}.side .note-brand-row{margin:0;padding:0 4px}}
.note-location-invite{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink-2);font-size:12px}.note-location-invite .button{min-height:32px;flex:none;padding:6px 10px;font-size:11px}
.note-map{height:290px;min-height:210px;background:var(--surface-2);z-index:0}
.note-event-fields{margin:18px 0 0}.note-event-fields h3{margin:0 0 6px;font:400 18px var(--font-d)}.note-event-fields>p{margin:5px 0 11px;color:var(--ink-2);font-size:12px}.note-event-fields .note-map{border-radius:12px;overflow:hidden}
.note-event-fields #event-select-center{margin-top:10px}
.note-event-options,.note-style-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.note-event-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.note-style-controls label,.note-event-options label{display:grid;gap:4px;color:var(--ink-2);font-size:11px}.note-style-controls select,.note-event-options input{width:100%;min-width:0;min-height:39px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.note-location-consent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.note-location-name{font-size:12px;font-weight:700}.note-location-switch{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 8px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.note-location-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note-location-switch:disabled{opacity:.55;cursor:default}
.note-switch-track{position:relative;display:block;width:38px;height:22px;border-radius:15px;background:#9ba0ba;transition:background .18s}.note-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #23264a52;transition:transform .18s}.note-location-switch[aria-checked="true"] .note-switch-track{background:var(--accent)}.note-location-switch[aria-checked="true"] .note-switch-track::after{transform:translateX(16px)}
.note-switch-state{min-width:24px}.note-location-consent #card-location-status{flex:1;min-width:165px;color:var(--ink-2);font-size:11px}
@media(prefers-reduced-motion:reduce){.note-switch-track,.note-switch-track::after{transition:none}}
.note-photo-pick{display:flex;flex-wrap:wrap;gap:8px 15px;margin:13px 0;padding:11px;border:1px solid var(--line);border-radius:12px}.note-photo-pick legend{padding:0 5px;font-size:12px;font-weight:700}.note-photo-pick p{flex-basis:100%;margin:0;color:var(--ink-2);font-size:11px}.note-photo-pick label{font-size:12px;white-space:nowrap}.note-photo-pick input{accent-color:var(--accent)}
.note-plain{background-image:linear-gradient(135deg,#f7cfdf,#aebeed)}.note-theme-rose{--note-wash:#f87ca438}.note-theme-night{--note-wash:#18275078}.note-theme-rose,.note-theme-night{box-shadow:inset 0 0 0 1000px var(--note-wash)}
.note-font-round .card-quote,.note-font-round textarea{font-family:"Jua",var(--font-d)}.note-font-serif .card-quote,.note-font-serif textarea{font-family:Georgia,"Noto Serif KR",serif}
.note-size-large .card-quote,.note-size-large textarea{font-size:clamp(28px,5vw,40px)}.note-size-small .card-quote,.note-size-small textarea{font-size:clamp(18px,3vw,25px)}
.note-effect-frame{box-shadow:inset 0 0 0 1000px var(--note-wash,transparent),inset 0 0 0 12px #fff8,inset 0 0 0 15px #ffffffb5}.note-effect-sparkle::after{content:"✦  ·  ✧  ·  ✦";position:absolute;z-index:0;top:16px;right:18px;color:#fffbe3;font-size:20px;text-shadow:0 2px 8px #493766;pointer-events:none}
.note-event-card .photo{min-height:210px;aspect-ratio:auto;padding:25px 15px}.note-event-card .card-quote{font-size:clamp(19px,3.3vw,27px)}
.photo-card.note-event-card .photo{aspect-ratio:auto;min-height:210px;min-height:max(210px,34.7cqw);padding:36px 14px}
.note-pinned-events{display:grid;gap:12px}.note-pinned-events h2{margin:0;color:var(--ink-2);font-size:12px;font-weight:700}.note-pinned-events .note-event-card{box-shadow:0 8px 22px -20px #23264a80}
.note-photo-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note-photo-choice button{display:grid;gap:6px;text-align:left}.note-photo-choice img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:10px}.note-photo-choice small{color:var(--ink-2)}
.management-row:has(> .button){flex-wrap:wrap}.management-row>span{min-width:180px;flex:1}
@media(max-width:520px){.note-style-controls{gap:5px}.note-style-controls select{padding:5px;font-size:12px}.note-map{height:240px}.note-location-invite{align-items:flex-start}}
@media(max-width:380px){.note-dev-badge{padding:2px 4px;font-size:9px}}

/* One navigation for desktop and the mobile drawer keeps the feed clear. */
.side .nav-button{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:8px 12px;border:0;border-radius:12px;background:none;text-align:left;font-size:13px}
.side .nav-button:hover:not(:disabled),.side-tools .note-tools .button:hover{background:var(--surface-2)}
.side .nav-button.on{background:var(--accent-soft);font-weight:700}
.side .nav-button:disabled{opacity:.45}.side-nav{display:grid;gap:3px}
.side-group-label{margin:13px 0 4px;padding-top:12px!important;border-top:1px solid var(--line)}
.feed-sort-tabs{max-width:100%;margin-bottom:20px}.feed-sort-tabs button{min-height:40px;cursor:pointer}.feed-sort-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feed-sort-tabs[hidden]{display:none}
.feed-search-context{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:-7px 0 17px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2);font-size:12px}.feed-search-context span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-search-context button{flex:none;min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:700}.feed-search-context button:hover{border-color:var(--accent);color:var(--accent)}
.compose-photo textarea{height:auto;min-height:88px;max-height:72%;padding:8px 12px;overflow-y:auto;scrollbar-width:thin}
@media(max-width:520px){.feed-sort-tabs,.note-collection-tabs{margin-bottom:14px}.feed-sort-tabs button,.note-collection-tabs button{min-height:42px}}
.side-tools .note-tools{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;width:100%;gap:3px;margin:0;min-height:0}.side-tools .note-tools .mobile-account-status{display:none}
.side-tools .note-tools .button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:42px;padding:8px 12px;border:0;border-radius:12px;background:none;color:var(--ink);text-align:left;font-size:13px;line-height:1.5;white-space:normal}
.side-tools .note-tools .nn-trigger{min-height:42px}.side-tools .nn-badge{margin-left:auto}
.note-side-header{display:flex;align-items:center;justify-content:space-between;gap:7px}.side-close{display:none}
.mobile-top{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.mobile-top .note-brand-row{justify-content:center}
.mobile-menu-button{position:relative;border:0;border-radius:14px;background:var(--surface-2)}
.mobile-menu-badge{position:absolute;top:2px;right:1px;min-width:16px;padding:1px 3px;border-radius:100px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;line-height:1.3}
@media(min-width:900px){.side{overflow-y:auto;scrollbar-width:thin}.note-side-header{margin-bottom:24px}.mobile-menu-button,.mobile-top{display:none}}
@media(max-width:899px){
  .side{display:flex;flex-direction:column;position:fixed;z-index:104;inset:0 auto 0 0;width:min(320px,calc(100vw - 40px));height:100dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--line);background:var(--surface);box-shadow:18px 0 40px #23264a24;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s ease}
  .side.is-open{transform:none;visibility:visible;pointer-events:auto}
  .mobile-nav-backdrop:not([hidden]){position:fixed;inset:0;z-index:103;background:#171a36a8}
  .side .note-side-header{margin:0 0 13px}.side .brand>span{font-size:21px}.side .brand-icon{width:27px;height:27px}.side .side-close{display:grid;width:35px;height:35px;border:0;background:var(--surface-2)}
  .side .side-section-label{padding:0 12px 7px;color:var(--ink-2);font-size:11px}.side .side-spacer{flex:1;min-height:14px}
  .side .world-link{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);font-size:14px}.side .world-link span{margin-left:auto;color:var(--accent)}
  .side .side-caption{margin:11px 9px;color:var(--ink-2);font-size:11px}
}
@media(max-width:380px){.mobile-top{padding:0 12px;gap:5px}.mobile-top .brand>span{font-size:19px}.mobile-top .brand-icon{width:24px;height:24px}.mobile-top .note-brand-row{gap:4px}}
@media(prefers-reduced-motion:reduce){.side{transition:none}}

/* The optional photo library keeps the writing canvas quiet until opened. */
.note-photo-pick{display:block;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.note-photo-pick legend{padding:0 6px;color:var(--ink);font-size:13px;font-weight:700}
.note-photo-pick .note-photo-intro{margin:0 0 13px;color:var(--ink-2);font-size:12px;line-height:1.5}
.note-photo-modes{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}
.note-photo-pick .note-photo-random{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;white-space:normal}
.note-photo-random:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.note-photo-random input{width:17px;height:17px;flex:none;margin:0}
.note-photo-random span{display:grid;gap:2px;min-width:0}.note-photo-random strong{font-size:12px}.note-photo-random small{color:var(--ink-2);font-size:11px}
.note-photo-modes .note-photo-open{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:9px 14px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:12px;cursor:pointer}
.note-photo-open span{font-size:17px;line-height:1}.note-photo-open:hover{filter:brightness(.97)}.note-photo-open:focus-visible,.note-photo-random:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.note-photo-pick .note-photo-selection{margin:9px 2px 0;color:var(--ink-2);font-size:11px;line-height:1.5}
.note-photo-gallery{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.note-photo-gallery[hidden]{display:none}
.note-photo-featured{position:relative;overflow:hidden;border-radius:14px;background:var(--surface-2);box-shadow:0 8px 24px #15193617}
.note-photo-featured>img{display:block;width:100%;aspect-ratio:1.85;max-height:260px;object-fit:cover}
.note-photo-featured-caption{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:10px;padding:38px 16px 15px;background:linear-gradient(transparent,#10172cc9);color:#fff}
.note-photo-featured-caption>span:first-child{display:grid;gap:3px}.note-photo-featured-caption strong{font-size:17px;line-height:1.2}.note-photo-featured-caption small{font-size:11px;color:#f3f3f3}
.note-photo-featured-badge{flex:none;padding:5px 9px;border:1px solid #ffffff9c;border-radius:100px;background:#16203b70;font-size:11px;font-weight:700}.note-photo-featured-badge.is-selected{border-color:#fff;background:var(--accent)}
.note-photo-gallery-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:18px 1px 10px;font-size:12px;font-weight:700}.note-photo-gallery-heading span:last-child{color:var(--ink-2);font-size:11px;font-weight:500}
.note-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.note-photo-pick .note-photo-tile{position:relative;display:block;min-width:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:var(--surface-2);cursor:pointer;white-space:normal}
.note-photo-tile input{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.note-photo-tile img{display:block;width:100%;aspect-ratio:1.16;object-fit:cover;border-radius:0;transition:transform .18s}
.note-photo-tile:hover img{transform:scale(1.055)}.note-photo-tile input:checked+img{outline:0}.note-photo-tile:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.note-photo-tile input:focus-visible+img{outline:3px solid var(--ink);outline-offset:-3px}
.note-photo-tile-caption{position:absolute;inset:auto 0 0;display:block;padding:16px 7px 6px;background:linear-gradient(transparent,#111727bd);color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px #111727}
.note-photo-tile-mark{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;opacity:0;font-size:13px;font-weight:700;box-shadow:0 2px 8px #11172780;pointer-events:none}.note-photo-tile input:checked~.note-photo-tile-mark{opacity:1}
.note-photo-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.note-photo-pages .button{min-height:37px;padding:6px 10px;border-radius:9px;font-size:11px}.note-photo-pages label{display:flex;align-items:center;gap:5px;color:var(--ink-2);font-size:11px}.note-photo-pages select{min-height:37px;max-width:133px;padding:5px 7px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:11px}.note-photo-pages span{min-width:38px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.note-photo-pages select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:520px){.note-photo-pick{padding:12px}.note-photo-modes{grid-template-columns:1fr}.note-photo-modes .note-photo-open{min-height:43px}.note-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.note-photo-featured>img{aspect-ratio:1.6}.note-photo-featured-caption{padding:36px 12px 12px}}
@media(max-width:380px){.note-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-photo-pages{gap:5px}.note-photo-pages .button{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.note-photo-tile img{transition:none}.note-photo-tile:hover img{transform:none}}

/* Comfortable touch targets and a clear order within the optional settings. */
.compose-more{overflow:hidden;box-shadow:0 4px 14px #1b22400a}
.compose-more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px}
.compose-more>summary::after{float:none;flex:none}.compose-more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.compose-more[open]>summary{background:var(--surface-2)}
.compose-more-content .note-style-controls{gap:10px;margin-bottom:16px}
.compose-more-content .note-style-controls label{gap:7px;color:var(--ink);font-weight:700;font-size:12px}
.compose-more-content .note-style-controls select{min-height:44px;padding:9px 11px;border-radius:11px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:400}
.compose-more-content .note-style-controls select:focus-visible,#compose-tags:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.note-color-fields{gap:12px}.note-color-field{min-width:0;padding:12px;border-radius:12px;background:var(--surface-2)}.note-color-field legend{padding:0 5px;color:var(--ink);font-size:12px}
.note-setting-help{margin:13px 2px 0;line-height:1.5}
.compose-tag-entry{margin:12px 0 0}.compose-tag-entry .field-label{margin-bottom:7px}.compose-tag-entry #compose-tags{min-height:44px;padding:10px 13px;border-radius:11px;background:var(--surface-2);font-size:13px}
.compose-tag-entry #compose-tags::placeholder{color:var(--ink-2);opacity:1}
.note-location-consent{display:flex;justify-content:flex-end;align-items:center;gap:4px;flex-wrap:wrap;margin:3px 0 0;padding:0;border:0;border-radius:0;background:transparent}.note-location-consent[hidden]{display:none}
.note-location-name{font-size:11px;font-weight:500;color:var(--ink-2)}.note-location-switch{gap:5px;min-height:28px;padding:3px 4px;border:0;border-radius:7px;background:transparent;font-size:11px;font-weight:500}.note-location-consent .note-switch-track{width:28px;height:16px}.note-location-consent .note-switch-track::after{top:2px;left:2px;width:12px;height:12px}.note-location-consent .note-location-switch[aria-checked="true"] .note-switch-track::after{transform:translateX(12px)}.note-location-consent .note-switch-state{min-width:21px}
.note-location-switch[aria-checked="true"]{background:transparent;color:var(--accent)}
.note-location-consent #card-location-status{flex-basis:100%;min-width:0;line-height:1.4;font-size:10px;text-align:right}.note-location-consent #card-location-status[hidden]{display:none}
@media(max-width:520px){
  .dialog-backdrop{padding:8px}
  .composer{max-height:calc(100dvh - 16px);border-radius:18px}
  .composer-body{padding:12px 14px 16px}
  .compose-more{margin:13px 0 14px}
  .compose-more-content{padding:14px 12px}
  .compose-more-content .note-style-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .compose-more-content .note-style-controls>label:last-child{grid-column:1/-1}
  .compose-more-content .note-style-controls select{min-width:0;padding:8px 9px;font-size:13px}
  .note-color-choices{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
  .note-color-choice{width:100%;height:34px;min-width:0}
  .note-color-choice span{width:23px;height:23px}
  .note-photo-pages{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
  .note-photo-pages #photo-page-status{grid-column:1/-1;grid-row:1;justify-self:center}
  .note-photo-pages #photo-prev{grid-column:1;grid-row:2}.note-photo-pages label{grid-column:2;grid-row:2;font-size:0}.note-photo-pages #photo-next{grid-column:3;grid-row:2}
  .note-photo-pages select{width:116px;max-width:116px;font-size:11px}
  .note-photo-pages .button{min-width:0;min-height:40px;padding:6px 8px}
  .composer-footer span{min-width:0;overflow-wrap:anywhere;line-height:1.4}
  .composer-footer #publish-card{flex:none;min-height:42px}
}
@media(max-width:360px){
  .compose-more-content .note-style-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .note-color-field{padding:10px 8px}
  .note-photo-pages select{width:108px;max-width:108px}
  .note-photo-pages .button{padding:6px 5px}
}
/* Card photos keep their size even when a legacy body is longer than the space. */
.photo-card .photo{height:370px;height:max(370px,69.4cqw);min-height:0;aspect-ratio:auto}
.detail-card-slot .photo-card .photo{height:430px;height:max(430px,76.8cqw);min-height:0}
.reply-card .photo{height:250px;min-height:0;aspect-ratio:auto}
.photo-card.note-event-card .photo{height:210px;height:max(210px,34.7cqw);min-height:0;aspect-ratio:auto}
.photo .card-quote{max-height:calc(100% - 44px);overflow:hidden;overflow-wrap:anywhere}
.compose-photo{--compose-photo-height:clamp(310px,calc((100vw - 90px)/1.1),500px);height:var(--compose-photo-height);min-height:0;aspect-ratio:auto}
.compose-overflow-warning{color:#b53350;font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.compose-status:has(.compose-overflow-warning:not([hidden])){justify-content:space-between}
.note-full-body{margin:0;padding:0 17px 13px;color:var(--ink);font-size:13px}
.note-full-body summary{width:max-content;max-width:100%;padding:5px 0;color:var(--accent);cursor:pointer;font-weight:700}
.note-full-body p{margin:8px 0 0;padding:12px;border-radius:12px;background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.compose-more-content .note-style-controls select{box-sizing:border-box}
/* Card information and actions share one compact footer. */
@media(min-width:700px){.photo-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.photo-card>.card-photo-frame,.photo-card>.note-full-body{grid-column:1/-1}.photo-card>.card-meta{min-width:0;padding:7px 12px 7px 15px}.photo-card>.card-actions{padding:5px 15px 5px 0;gap:10px;flex-wrap:nowrap}.photo-card .card-meta>span:nth-child(2){display:flex;align-items:baseline;gap:7px}.photo-card .card-meta>span:nth-child(2)>small{flex:none}.photo-card .avatar{width:28px;height:28px;border-radius:9px;font-size:14px}}
.photo-card .card-actions .card-manage{display:inline-flex;min-height:32px;margin:0 0 0 3px;padding:3px 10px;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--ink-2);font-size:11px;white-space:nowrap}.photo-card .card-actions .card-manage:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:699px){
 .photo-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 .photo-card>.card-photo-frame,.photo-card>.note-full-body{grid-column:1/-1}
 .photo-card>.card-meta{grid-column:1;min-width:0;gap:5px;padding:4px 2px 4px 9px}
 .photo-card>.card-actions{grid-column:2;display:flex;flex-wrap:nowrap;gap:3px;padding:3px 9px 3px 0;white-space:nowrap}
 .photo-card .card-meta>span:nth-child(2){display:flex;align-items:baseline;gap:4px;min-width:0}
 .photo-card .card-meta>span:nth-child(2)>strong{min-width:0;flex:1;font-size:11px}
 .photo-card .card-meta>span:nth-child(2)>small{flex:none;font-size:10px}
 .photo-card .card-meta .meta-tail{max-width:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
 .photo-card .avatar{width:23px;height:23px;border-radius:8px;font-size:11px}
 .photo-card .card-actions button{min-height:36px;gap:2px;font-size:10px}
 .photo-card .card-actions svg{width:16px;height:16px}
 .photo-card .card-actions .action-label{display:none}
 .photo-card .card-actions .card-share{width:30px;justify-content:center;font-size:0}
 .photo-card .card-actions .card-share::after{content:'↗';font-size:18px;line-height:1}
 .photo-card .card-actions .card-manage{width:32px;min-height:36px;margin:0 0 0 1px;padding:0;justify-content:center;font-size:0}
 .photo-card .card-actions .card-manage::after{content:'⋯';font-size:18px;line-height:1}
}

/* 사진 위 글상자를 반투명 유리처럼: 뒤 사진을 살짝 흐리게, 가는 밝은 테두리, 은은한 그림자. 글씨 그림자는 한 겹만 옅게 */
.photo .card-quote{border-radius:14px;padding:.18em .6em;box-shadow:0 8px 22px -12px rgba(10,10,25,.45),inset 0 0 0 1px rgba(255,255,255,.16)}
#detail-card-slot .photo .card-quote{-webkit-backdrop-filter:blur(6px) saturate(1.15);backdrop-filter:blur(6px) saturate(1.15)}   /* 흐림은 크게 볼 때만: 목록 스크롤은 가볍게 */
.compose-photo textarea{border-radius:14px;-webkit-backdrop-filter:blur(6px) saturate(1.15);backdrop-filter:blur(6px) saturate(1.15)}
.photo .card-quote,.compose-photo textarea{text-shadow:0 1px 2px var(--note-shadow,rgba(12,12,24,.42))}
.note-low-contrast .card-quote,.note-low-contrast textarea{text-shadow:0 0 2px var(--note-outline),0 1px 3px var(--note-outline)}

/* 네모난 글상자는 글씨 길이에 맞게 (넓게 퍼지지 않아요) */
.photo .card-quote{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;max-width:80%;padding:.14em .5em}
.compose-photo textarea{margin-left:auto;margin-right:auto}
/* 태그는 사진 아래쪽에서 바로 적어요: 평소엔 태그 모양(#산책), 누르면 그 자리에서 고쳐요 */
.compose-photo #compose-tags{position:absolute;left:12px;right:12px;bottom:10px;z-index:3;height:30px;box-sizing:border-box;padding:0 12px;border-radius:15px;border:1px solid rgba(255,255,255,.4);background:rgba(20,20,35,.32);color:#fff;font-size:13px;outline:0}
.compose-photo #compose-tags::placeholder{color:rgba(255,255,255,.88)}
.compose-photo #compose-tags:focus{box-shadow:0 0 0 2px #f0679a88}
.compose-photo.tags-chip #compose-tags{color:transparent;background:transparent;border-color:transparent;caret-color:transparent}
.compose-photo .compose-tag-display{pointer-events:none}
.compose-photo:not(.tags-chip) .compose-tag-display{visibility:hidden}

/* 태그 탭: 태그로 찾기 + 요즘 많이 쓰는 태그 */
.note-tag-panel{margin:8px 0 12px;padding:12px;border-radius:18px;background:#fff;box-shadow:0 6px 18px -14px rgba(35,38,74,.35)}
.note-tag-form{display:flex;gap:8px}
.note-tag-form input{flex:1;min-width:0;height:42px;box-sizing:border-box;border-radius:14px;border:1px solid #dcdff0;padding:0 14px;font-size:15px;background:#fbfbfe}
.note-tag-form input:focus{outline:0;border-color:#f0679a;box-shadow:0 0 0 3px #f0679a26}
.note-tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.note-tag-chips-title{width:100%;font-size:12px;color:#6b6f8e;margin-bottom:2px}
.note-tag-chip{border:0;border-radius:999px;padding:7px 12px;background:#f4f1fb;color:#5a4a86;font-size:13px;cursor:pointer}
.note-tag-chip:hover{background:#ebe5f9}
.card-tags span[data-tag]{cursor:pointer}

/* 글쓰기 창 아래쪽: 이름·성별 빠른 선택 + 등록하기 */
.composer-footer{flex-wrap:wrap;row-gap:8px}
.composer-footer #compose-message{flex:1 1 100%;order:0}
.composer-footer #compose-message:empty{display:none}
.composer-footer .compose-quick{order:1;display:flex;gap:6px;flex:1 1 auto;min-width:0}
.composer-footer #publish-card{order:2}
.compose-quick .quick-choice{display:flex;align-items:center;gap:4px;min-width:0}
.compose-quick .quick-choice[hidden]{display:none}
.compose-quick .quick-label{font-size:11px;color:var(--ink-2,#6b6f8e);white-space:nowrap}
.compose-quick select{height:34px;max-width:100%;border:1px solid #dcdff0;border-radius:12px;background:#fff;color:#23264a;padding:0 8px;font-size:13px}
.compose-quick select:focus{outline:0;border-color:#f0679a;box-shadow:0 0 0 3px #f0679a26}
.identity-row[hidden]{display:none!important}

/* 글쓰기 창: 제목줄 없이 사진을 맨 위에, 닫기는 사진 왼쪽 위 작은 동그라미 */
.composer{position:relative}
.composer-head{position:absolute;top:20px;left:22px;z-index:30;display:block;padding:0;border:0;background:none}
.composer-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.composer-head>span{display:none}
.composer-head .icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(20,20,35,.42);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.composer-head .icon-button svg{width:16px;height:16px}
.composer[data-mode="memo-new"] .compose-context{display:none}
.composer:not([data-mode="memo-new"]) .compose-context{padding-left:48px;min-height:38px}
/* 사진은 위에 고정, 추가 설정만 사진 밑으로 올라와요 */
.composer-body{position:relative}
.composer-body>.compose-photo{position:sticky;top:0;z-index:6;box-shadow:0 -14px 0 0 var(--surface,#fff),0 12px 20px -16px rgba(20,20,40,.45)}
/* 이벤트 사진은 절반까지 올라간 뒤 고정돼 아래 설정을 넓게 볼 수 있어요. */
.composer[data-kind="event"] .composer-body>.compose-photo{top:calc(var(--compose-photo-height) * -.5)}
.compose-more{position:relative;margin-top:14px;border-radius:20px 20px 16px 16px;box-shadow:0 -8px 20px -14px rgba(20,20,40,.35)}
.compose-more::before{content:"";position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#d4d7e8;z-index:1}
.compose-more>summary{touch-action:none;cursor:grab;padding-top:16px}
.compose-more[open]>summary{cursor:grabbing}

/* 휴대폰: 글쓰기 창을 화면 맨 위부터 꽉 차게 (사진이 맨 위에 와요) */
@media (max-width: 640px) {
  #composer-backdrop{--note-sheet-top:max(8px, env(safe-area-inset-top, 0px));--note-sheet-bottom:max(8px, env(safe-area-inset-bottom, 0px));place-items:start center;align-items:flex-start;padding-top:var(--note-sheet-top);padding-bottom:var(--note-sheet-bottom)}
  #composer-backdrop .composer{height:calc(100dvh - var(--note-sheet-top) - var(--note-sheet-bottom));max-height:none}
  #composer-backdrop .composer-body{flex:1 1 auto;min-height:0}
}

/* 일반 카드의 첨부 사진은 배경과 분리해 오른쪽 아래에서 크게 볼 수 있어요. */
.photo-card,.reply-card{position:relative}
.card-photo-frame{position:relative;min-width:0;--card-thumb-size:56px}
.note-event-badge{position:absolute;top:12px;left:12px;z-index:4;display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid #ffffffb3;border-radius:100px;background:#23264aed;color:#fff;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #15162d26}
.card-photo-thumb{position:absolute;bottom:calc(var(--card-tags-height,24px) + 28px);right:12px;z-index:4;width:var(--card-thumb-size);height:var(--card-thumb-size);padding:0;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#e8eaf3 center/cover no-repeat;box-shadow:0 4px 14px rgba(15,15,35,.32);cursor:zoom-in}
.card-photo-thumb[hidden]{display:none}
.reply-card .card-photo-frame{--card-thumb-size:44px}
#detail-card-slot .card-photo-frame{--card-thumb-size:64px}
.note-photo-lightbox{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(10,10,22,.88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.note-photo-lightbox[hidden]{display:none}
.note-photo-lightbox img{display:block;max-width:min(100%,960px);max-height:84vh;width:auto;height:auto;justify-self:center;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55);background:#222}
.note-photo-lightbox{grid-template-columns:minmax(0,1fr)}
.note-photo-lightbox-close{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:14px;height:36px;padding:0 14px;border:0;border-radius:18px;background:rgba(255,255,255,.92);color:#23264a;font-size:14px}
/* 일반 카드 작성 중에도 오른쪽 아래에 첨부 사진을 미리 보여요. */
.compose-photo-attach{position:absolute;bottom:calc(var(--card-tags-height,24px) + 26px);right:12px;z-index:8;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;overflow:hidden;border:2px dashed rgba(255,255,255,.8);background:rgba(20,20,35,.38) center/cover no-repeat;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.compose-photo-attach[hidden]{display:none}
.compose-photo-attach svg{width:22px;height:22px}
.compose-photo-attach.has-photo{border:2px solid #fff;box-shadow:0 4px 14px rgba(15,15,35,.32)}
.compose-photo-attach.has-photo svg{display:none}
.compose-photo-attach.is-busy{opacity:.6}
.compose-photo-attach:focus-visible,.compose-photo-remove:focus-visible,.card-photo-thumb:focus-visible,.note-photo-lightbox-close:focus-visible{outline:3px solid #f0679a;outline-offset:3px}
.compose-photo-remove{position:absolute;bottom:calc(var(--card-tags-height,24px) + 71px);right:5px;z-index:9;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#23264a;color:#fff;font-size:14px;line-height:22px;cursor:pointer}
.compose-photo-remove[hidden]{display:none}
.compose-photo-status{position:absolute;bottom:calc(var(--card-tags-height,24px) + 93px);right:12px;z-index:8;max-width:min(230px,calc(100% - 20px));padding:5px 9px;border-radius:9px;background:rgba(20,20,35,.76);color:#fff;font-size:11px;line-height:1.4;text-align:right;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.compose-photo-status[hidden]{display:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Device or private World album photo source. The menu follows the tapped button. */
.photo-source-menu{position:fixed;z-index:260;display:grid;min-width:170px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(20,20,40,.28)}
.photo-source-menu button{padding:11px 12px;border:0;border-radius:10px;background:none;color:#23264a;font-size:14px;text-align:left;cursor:pointer}
.photo-source-menu button:hover,.photo-source-menu button:focus-visible{background:#f4f1fb;outline:2px solid #f0679a;outline-offset:-2px}
.event-world-photo{margin-left:6px;padding:8px 12px;border:1px solid #dcdff0;border-radius:12px;background:#fff;color:#23264a;font-size:13px;cursor:pointer}
.event-world-photo:focus-visible{outline:3px solid #f0679a;outline-offset:3px}
.world-picker{position:fixed;inset:0;z-index:270;display:grid;place-items:end center;background:rgba(15,15,30,.55)}
.world-picker[hidden]{display:none}
.world-picker-panel{width:min(100%,560px);max-height:78dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -10px 40px rgba(0,0,0,.25);padding:14px 14px max(14px,env(safe-area-inset-bottom,0px))}
.world-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.world-picker-close{height:34px;padding:0 14px;border:0;border-radius:17px;background:#f1f2f8;color:#23264a}
.world-picker-status{margin:4px 0 10px;font-size:12px;color:#6b6f8e}
.world-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;overflow:auto}
.world-picker-item{position:relative;aspect-ratio:1;border:0;border-radius:12px;background:#e8eaf3 center/cover no-repeat;cursor:pointer;padding:0}
.world-picker-item:focus-visible,.world-picker-close:focus-visible{outline:3px solid #f0679a;outline-offset:2px}
.world-picker-folder{position:absolute;left:5px;bottom:5px;max-width:calc(100% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 7px;border-radius:9px;background:rgba(20,20,35,.55);color:#fff;font-size:10px}


/* 태그는 폭이 부족하면 글자·여백을 함께 줄이고, 아주 긴 태그는 줄바꿈해 모두 표시해요. */
.photo .card-tags,.compose-photo .compose-tag-display{gap:var(--tag-gap,6px);flex-wrap:nowrap;align-items:center;overflow:visible;white-space:normal}
.photo .card-tags>span,.compose-photo .compose-tag-display>span{flex:0 0 auto;min-width:0;max-width:none;padding:3px var(--tag-pad,10px);font-size:var(--tag-font,11px);line-height:1.3;white-space:nowrap;overflow:visible;text-overflow:clip}
.photo .card-tags.tags-wrap,.compose-photo .compose-tag-display.tags-wrap{flex-wrap:wrap}
.photo .card-tags.tags-wrap>span,.compose-photo .compose-tag-display.tags-wrap>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.compose-photo #compose-tags{width:auto}
.photo .card-quote,.compose-photo textarea{top:-10px}
.card-photo-thumb img,.compose-photo-attach img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.photo-load-failed{white-space:pre-line;text-align:center;font:700 10px/1.4 var(--font-b);color:var(--ink);background:var(--surface);cursor:pointer}