:root{--ink:#12261f;--ink-2:#3c554a;--muted:#587065;--line:#dde6e1;--line-strong:#c9d6cf;--brand:#17382e;--brand-ink:#fff;--surface:#fff;--wash:#eff4f1;--page:#e8edeb;--paper:#fbf8f0;--paper-line:#e3dbc8;--seal:#b3372e;--danger:#a52c24;--danger-wash:#fbebe9;--ai:#3b3f8f;--ai-wash:#eef0fb;--grow:#5d9b6c;--radius:16px;--tap:44px;--font:-apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Hiragino Sans", "Segoe UI", Roboto, "Noto Sans", sans-serif;--serif:"Iowan Old Style", Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}svg{display:block}.icon{fill:none;flex:none}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #4f8fe0}.app{background:var(--surface);max-width:480px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative}.page{flex-direction:column;flex:1;padding-bottom:20px;display:flex}.top{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:6px 12px 6px 20px;font-size:16px;font-weight:700;display:flex}.top>.grow-1{flex:1;min-width:0}.top h1{font-size:16px;font-weight:700}.icon-btn{min-width:var(--tap);min-height:var(--tap);color:var(--ink-2);border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.place{align-items:center;gap:10px;min-width:0;display:flex}.place .av{border:1.5px solid var(--seal);width:36px;height:36px;color:var(--seal);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.place .pn{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.place .ps{color:var(--muted);font-size:12px;font-weight:500}.lang-btn{min-height:var(--tap);border:1.5px solid var(--line-strong);border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 12px;font-size:13px;font-weight:700;display:inline-flex}.lang-wrap{min-height:var(--tap);align-items:center;display:flex}.scene{border-radius:var(--radius);background:#f4f8f3;margin:2px 20px 0;position:relative;overflow:hidden}.scene svg{width:100%;height:auto}.scene .me-tag{background:var(--brand);color:#fff;white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:700;position:absolute;transform:translate(-50%)}[dir=rtl] .scene .me-tag{transform:translate(50%)}.presence{inset-inline-start:10px;background:#fffffff0;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:5px 12px 5px 10px;font-size:12.5px;font-weight:700;display:flex;position:absolute;top:10px}.presence i{background:#3fae6a;border-radius:50%;flex:none;width:9px;height:9px}.tip{background:var(--wash);border-radius:12px;align-items:center;gap:8px;margin:8px 20px 0;padding:8px 12px;font-size:13px;display:flex}.tip b{font-weight:700}.tip span{color:var(--ink-2)}.hint{color:var(--muted);padding:6px 22px 0;font-size:12px;line-height:1.5}.fly{animation:4.2s ease-in-out infinite gg-float}.fly.wave{animation:.5s ease-in-out 3 gg-wave}.grow{animation:.7s cubic-bezier(.2,1.4,.4,1) both gg-grow}.rays{animation:1.4s ease-out both gg-rays}@keyframes gg-float{0%,to{transform:translate(0)}30%{transform:translate(5px,-6px)}65%{transform:translate(-4px,3px)}}@keyframes gg-wave{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.35)rotate(12deg)}}@keyframes gg-grow{0%{opacity:0;transform:scale(.05)}60%{opacity:1}to{transform:scale(1)}}@keyframes gg-rays{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.fly,.fly.wave,.grow,.rays{animation:none}.rays{opacity:0}}.stage-bar{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 20px 0;font-size:13px;display:flex}.stage-bar b{color:var(--ink);font-weight:800}.stage-bar .bar{background:#e7eee9;border-radius:999px;flex:1;min-width:48px;height:8px;display:block;overflow:hidden}.stage-bar .bar i{background:var(--grow);border-radius:999px;height:100%;display:block}.h{letter-spacing:-.02em;padding:18px 20px 6px;font-size:27px;font-weight:800;line-height:1.22}.h.s{font-size:24px}.sub{color:var(--ink-2);padding:0 20px;font-size:15px;line-height:1.5}.pick{border:2px solid var(--brand);border-radius:var(--radius);text-align:start;align-items:center;gap:12px;width:calc(100% - 40px);min-height:76px;margin:0 20px;padding:10px 14px;display:flex}.pick .t{font-size:18px;font-weight:700}.pick .d{color:var(--muted);margin-top:2px;font-size:13px}.pick .ck{background:var(--brand);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-inline-start:auto;display:flex}.chips{flex-wrap:wrap;gap:8px;padding:0 20px;display:flex}.chip{min-height:var(--tap);background:var(--wash);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip.on{background:var(--brand);color:#fff}.chip.line{background:var(--surface);border:1.5px solid var(--line-strong)}.foot{flex-direction:column;gap:10px;margin-top:auto;padding:14px 20px 4px;display:flex}.foot.bare{gap:0;padding-inline:0}.btn{background:var(--brand);min-height:56px;color:var(--brand-ink);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.btn.ghost{background:var(--surface);color:var(--brand);border:1.5px solid var(--brand)}.btn.sm{min-height:48px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.btn.danger{background:var(--danger);color:#fff}.danger-zone{flex-direction:column;align-items:center;margin:18px 20px 0;display:flex}.danger-zone .confirm{border-radius:var(--radius);background:var(--danger-wash);flex-direction:column;gap:12px;width:100%;padding:14px;display:flex}.danger-zone .confirm p{color:var(--ink);font-size:14px;line-height:1.5}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.btn-row .btn.w2{flex:2}.fine{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}.fine.left{text-align:start}.link{color:var(--brand);text-underline-offset:3px;font-weight:600;text-decoration:underline}.text-btn{min-height:var(--tap);color:var(--brand);text-underline-offset:3px;align-items:center;padding:0 4px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.box{border:1.5px solid var(--line-strong);border-radius:var(--radius);margin:12px 20px 0;padding:12px 14px}.box .q{font-size:14px;font-weight:700}.box .q small{color:var(--muted);font-size:14px;font-weight:500}.box .chips{margin-top:10px;padding:0}.note-input{gap:8px;margin-top:10px;display:flex}.note-input input{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:12px;flex:1;min-width:0;min-height:48px;padding:0 12px;font-size:16px}.note-input button{background:var(--brand);color:#fff;border-radius:12px;min-height:48px;padding:0 16px;font-size:15px;font-weight:700}.note-input button:disabled{opacity:.45}.msg{color:var(--ink-2);margin-top:8px;font-size:13px}.msg.err{color:var(--danger)}.grow-strip{justify-content:space-between;align-items:flex-end;margin-top:6px;list-style:none;display:flex}.grow-strip li{min-width:0;color:var(--muted);text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:12px;font-weight:600;display:flex}.grow-strip li.on{color:var(--ink);font-weight:800}.grow-strip .dot{background:#d5dfd9;border-radius:50%;width:8px;height:8px}.grow-strip li.on .dot,.grow-strip li.past .dot{background:var(--brand)}.grow-strip .th{color:var(--muted);font-size:12px;font-weight:500}.ladder{justify-content:space-between;gap:4px;margin-top:8px;list-style:none;display:flex}.ladder li{min-width:0;color:var(--muted);text-align:center;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:4px 0 6px;font-size:12px;font-weight:600;display:flex}.ladder li.on{background:var(--wash);color:var(--ink);font-weight:800}.ladder .th{font-weight:500}.card{border:1px solid var(--line);border-radius:var(--radius);margin:12px 20px 0;padding:12px 14px}.card .ct{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.card .ct small{color:var(--ink-2);font-size:13px;font-weight:600}.card .cd{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.5}.ai-tag{background:var(--ai-wash);min-height:20px;color:var(--ai);border-radius:6px;flex:none;align-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.sec{justify-content:space-between;align-items:center;gap:8px;padding:16px 20px 0;font-size:14px;font-weight:800;display:flex}.sec h2{font-size:14px;font-weight:800}.rows{margin:4px 20px 0;list-style:none}.row{border-bottom:1px solid #eef2f0;align-items:center;gap:10px;min-height:56px;padding:6px 0;font-size:14px;display:flex}.row .nm{font-weight:700}.row .sg{color:var(--muted);font-size:12px}.row .rt{text-align:end;color:var(--ink-2);flex:none;max-width:42%;margin-inline-start:auto;font-size:12px;line-height:1.35}.badge{background:var(--brand);color:#fff;vertical-align:1px;border-radius:999px;margin-inline-start:6px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.badge.soft{background:var(--wash);color:var(--ink-2)}.badge.warn{background:var(--danger-wash);color:var(--danger)}.post{border-bottom:1px solid #eef2f0;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.post .body{flex:1;min-width:0}.post .who{font-size:13px;font-weight:700}.post .who span{color:var(--muted);margin-inline-start:6px;font-weight:500}.post .txt{margin-top:2px;font-size:15px;line-height:1.45}.post .tr{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:12px;display:flex}.post .tr button{color:var(--brand);text-underline-offset:3px;min-height:28px;font-size:12px;font-weight:600;text-decoration:underline}.post .reply{background:var(--wash);border-radius:10px;margin-top:6px;padding:8px 10px;font-size:14px}.post .reply b{color:var(--muted);font-size:12px;font-weight:700;display:block}.info{background:var(--wash);color:var(--ink-2);border-radius:14px;align-items:center;gap:10px;margin:14px 20px 0;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.packet{background:var(--paper);border:1px solid var(--paper-line);border-radius:8px;margin:10px 26px 0;position:relative;overflow:hidden;box-shadow:0 14px 30px #102a2229}.packet .band{background:var(--brand);color:#fff;justify-content:space-between;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.packet .band span{color:#b5d3c4;font-weight:500}.packet .crimp{background:repeating-linear-gradient(90deg, var(--paper-line) 0 1.5px, transparent 1.5px 6px);height:7px}.packet .in{padding:4px 16px 14px;position:relative}.packet .art{justify-content:center;display:flex}.packet .nm{letter-spacing:-.01em;font-size:23px;font-weight:800}.packet .by{color:var(--ink-2);margin-top:6px;padding-inline-end:84px;font-size:13px;line-height:1.45}.packet .qt{margin-top:8px;border-inline-start:2px solid #d8cfb9;margin-inline-end:84px;padding-inline-start:10px;font-size:14px;line-height:1.45}.packet .qt span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.packet .seal{inset-inline-end:10px;position:absolute;bottom:10px;transform:rotate(-11deg)}.undo-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 12px;padding:6px 20px 0;font-size:13px;display:flex}.stay{color:var(--ink-2);align-items:center;gap:10px;font-size:14px;display:flex}.tabbar{border-top:1px solid var(--line);background:var(--surface);min-height:64px;color:var(--muted);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;font-size:12px;font-weight:600;display:flex;position:sticky;bottom:0}.tabbar a{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:76px;min-height:52px;text-decoration:none;display:flex}.tabbar a.on{color:var(--brand);font-weight:800}.toast-zone{z-index:30;pointer-events:none;flex-direction:column;gap:8px;margin-top:8px;padding:0 20px;display:flex;position:sticky;bottom:70px}.toast{pointer-events:auto;background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:8px;min-height:52px;padding:6px 6px 6px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 22px #102a2247}.toast span{flex:1;min-width:0}.toast button{min-height:var(--tap);color:#9be3bd;flex:none;padding:0 12px;font-weight:800}.sheet-wrap{z-index:50;background:#10261f73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;max-height:88dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;padding:10px 12px 4px 20px;display:flex}.sheet-head h2{font-size:17px;font-weight:800}.sheet .scroll{padding:0 20px;overflow-y:auto}.search{border:1.5px solid var(--line-strong);border-radius:12px;align-items:center;gap:8px;min-height:48px;margin:4px 20px 8px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:44px;font-size:16px}.opt{text-align:start;border-bottom:1px solid #eef2f0;align-items:center;gap:12px;width:100%;min-height:52px;font-size:16px;display:flex}.opt.on{font-weight:800}.opt .end{color:var(--brand);margin-inline-start:auto}.lang-grid{grid-template-columns:1fr 1fr;column-gap:14px;display:grid}.field{flex-direction:column;gap:6px;margin:14px 20px 0;display:flex}.field label,.field .lb{font-size:14px;font-weight:700}.field input[type=text],.field input[type=url],.field select,.field textarea{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:12px;width:100%;min-height:52px;padding:0 12px;font-size:16px}.field textarea{resize:vertical;min-height:76px;padding:10px 12px}.check{min-height:var(--tap);align-items:flex-start;gap:12px;margin:14px 20px 0;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin-top:2px}.check b{font-size:15px;display:block}.check span{color:var(--muted);font-size:13px}.switch{min-height:var(--tap);color:var(--ink-2);text-align:start;justify-content:space-between;align-items:center;gap:12px;width:100%;font-size:14px;font-weight:600;display:flex}.switch i{background:var(--line-strong);border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch i:after{content:"";inset-inline-start:3px;background:#fff;border-radius:50%;width:20px;height:20px;transition:inset-inline-start .15s;position:absolute;top:3px}.switch[aria-checked=true] i{background:var(--brand)}.switch[aria-checked=true] i:after{inset-inline-start:21px}.linkbox{background:var(--wash);word-break:break-all;overflow-wrap:anywhere;direction:ltr;border-radius:12px;margin:12px 20px 0;padding:12px;font-size:13px;line-height:1.4}.stats{gap:8px;margin:10px 20px 0;display:flex}.stat{border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;padding:8px 12px}.stat .n{letter-spacing:-.01em;font-size:21px;font-weight:800}.stat .l{color:var(--muted);font-size:12px}.qi{border:1px solid var(--line);border-radius:14px;gap:10px;margin:8px 20px 0;padding:10px 12px;display:flex}.qi .body{flex:1;min-width:0}.qi .tx{font-size:14px;line-height:1.45}.qi .tx b{font-size:13px;display:block}.qi .tx span{color:var(--ink-2);font-size:13px;display:block}.acts{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.acts button{min-height:var(--tap);background:var(--wash);border-radius:10px;padding:0 14px;font-size:14px;font-weight:700}.acts button.hd{background:var(--danger-wash);color:var(--danger)}.qr-row{background:var(--brand);color:#fff;border-radius:14px;align-items:center;gap:12px;margin:12px 20px 0;padding:12px;text-decoration:none;display:flex}.qr-row .pt{font-size:15px;font-weight:800}.qr-row .pd{color:#b5d3c4;margin-top:2px;font-size:13px}.qr-box{background:#fff;border-radius:8px;flex:none;padding:6px}.sel{border:1.5px solid var(--line-strong);text-align:start;border-radius:14px;align-items:center;gap:10px;width:calc(100% - 40px);min-height:52px;margin:0 20px;padding:0 14px;font-size:16px;font-weight:700;display:flex}.sel .cv{margin-inline-start:auto}.seg{background:var(--wash);min-height:50px;color:var(--ink-2);border-radius:10px;margin:10px 20px 0;padding:3px;font-size:13px;font-weight:600;display:flex}.seg button{border-radius:8px;flex:1;min-width:0;min-height:44px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:800;box-shadow:0 1px 3px #102a2224}.mapw{border-radius:var(--radius);border:1px solid var(--line);background:#f2f7f6;margin:10px 20px 0;overflow:hidden}.mapw svg{width:100%;height:auto}.rank{margin:2px 20px 0;list-style:none}.rank li{min-height:var(--tap);border-bottom:1px solid #eef2f0;align-items:center;gap:10px;font-size:14px;display:flex}.rank .i{width:16px;color:var(--muted);flex:none;font-weight:700}.rank .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.rank .bar{background:var(--wash);border-radius:999px;flex:none;width:72px;height:8px;overflow:hidden}.rank .bar i{background:#ef9dba;border-radius:999px;height:100%;display:block}.rank .ct{color:var(--ink-2);flex:none;font-size:13px}.steps{flex-direction:column;margin:8px 20px 0;list-style:none;display:flex}.steps li{border-bottom:1px solid #eef2f0;align-items:center;gap:12px;min-height:52px;font-size:15px;display:flex}.steps li b{background:var(--wash);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.state{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:28px 20px 0;display:flex}.state h2{font-size:20px;font-weight:800}.state p{color:var(--ink-2);font-size:15px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#eef3f0,#f6f9f7,#eef3f0) 0 0/200% 100%;height:240px;margin:2px 20px 0;animation:1.4s linear infinite gg-sk}@keyframes gg-sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.legal{color:var(--ink-2);padding:4px 20px 24px;font-size:15px;line-height:1.65}.legal h2{color:var(--ink);margin:22px 0 6px;font-size:16px}.legal p,.legal ul{margin-top:6px}.legal ul{padding-inline-start:20px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:28px;padding:16px 20px 8px;font-size:13px;display:flex}.footer a,.footer button{min-height:var(--tap);color:var(--muted);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.print-page{padding:0 20px 28px}.sheet-print{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:16px auto 0;padding:22px 18px;display:flex}.sheet-print h3{font-size:22px;font-weight:800;line-height:1.25}.sheet-print .en{color:var(--ink-2);font-size:14px}.sheet-print .shop{color:var(--ink-2);font-size:14px;font-weight:700}.sheet-print ol{color:var(--ink-2);gap:14px;font-size:12px;font-weight:700;list-style:none;display:flex}.sheet-print .flowers{justify-content:center;gap:2px;display:flex}.sheet-print.card{max-width:260px;padding:16px 12px}.sheet-print.card h3{font-size:17px}.sheet-print.sticker{aspect-ratio:1;border-radius:50%;justify-content:center;gap:4px;max-width:190px;padding:12px}.sheet-print.sticker h3{font-size:12px}.print-label{color:var(--muted);text-align:center;margin:22px 0 0;font-size:13px;font-weight:800}@media print{body{background:#fff}.app{max-width:none}.no-print,.top,.tabbar,.footer,.toast-zone{display:none!important}.sheet-print{break-inside:avoid;page-break-after:always;border:0;max-width:none;margin-top:0;padding-top:12mm}.sheet-print.poster h3{font-size:34pt}.sheet-print.poster .en{font-size:16pt}.sheet-print.poster .qr svg{width:92mm;height:92mm}.sheet-print.card .qr svg{width:52mm;height:52mm}.sheet-print.sticker{border:1px dashed #bbb;width:62mm}.sheet-print.sticker .qr svg{width:30mm;height:30mm}.print-label{display:none}}@media (width>=720px){.app{border-radius:24px;min-height:calc(100dvh - 48px);margin-top:24px;margin-bottom:24px;overflow:hidden;box-shadow:0 20px 60px #102a221f}}:root{--collection-art-muted:.52}.collection-nav{background:var(--wash);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:8px 0 16px;padding:4px;display:grid}.collection-nav button{min-height:44px;color:var(--ink-2);font:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:10px;padding:8px 4px;font-weight:700}.collection-nav button[aria-pressed=true]{color:var(--brand);background:var(--surface);box-shadow:0 1px 3px #17382e16}.collection-regions{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.collection-regions button{font:inherit;min-height:var(--tap);min-inline-size:var(--tap);border:1px solid var(--line-strong);color:var(--ink-2);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:12px}.collection-regions button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.collection-search{color:var(--ink-2);gap:6px;margin:12px 0 16px;font-size:12px;display:grid}.collection-search input{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:44px;font:inherit;color:var(--ink);background:var(--surface);border-radius:12px;padding:10px 12px;font-size:16px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;margin:0;padding:0;list-style:none;display:grid}.collection-grid li{min-width:0}.collection-flower{width:100%;height:100%;min-height:152px;font:inherit;color:var(--ink);text-align:center;background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:12px;display:flex}.collection-flower strong{line-height:1.3}.collection-flower small{color:var(--muted);margin-top:auto;font-size:12px}.collection-flower.met .collection-art{opacity:var(--collection-art-muted)}.collection-flower.received{border-color:var(--grow);background:var(--wash)}.collection-detail{overflow-wrap:anywhere;padding:0 20px 24px;font-size:15px}.collection-detail>svg{margin:0 auto;display:block}.collection-detail p{margin:12px 0}.collection-origin{border-top:1px solid var(--line);margin-top:16px}.collection-origin blockquote{border-inline-start:2px solid var(--line-strong);margin:8px 0;padding-inline-start:12px}.collection-sources a{min-height:44px;padding:10px 0;text-decoration:underline;display:block}.collection-stamps{margin:12px 0;padding:0;list-style:none}.collection-stamp{border-bottom:1px solid var(--line);color:var(--ink);align-items:flex-start;gap:12px;padding:18px 0;text-decoration:none;display:flex}.collection-stamp>svg{flex-shrink:0}.collection-stamp>div{overflow-wrap:anywhere;min-width:0}.collection-stamp p{color:var(--ink-2);margin:4px 0;font-size:12px}.collection-result{background:var(--wash);min-height:44px;color:var(--brand);border-radius:12px;margin:8px 0;padding:12px 16px;font-weight:700;display:block}.collection-nav,.collection-regions,.collection-search,.collection-grid,.collection-stamps{margin-inline:20px}.collection-flower.unseen .collection-art{filter:none;opacity:1}.collection-flower.unseen .collection-art svg{filter:url(#collection-outline)}@media (width<=340px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.collection-continent{margin:18px 20px 10px;font-size:15px}.collection-origin a,.collection-detail>p a{align-items:center;min-height:44px;display:inline-flex}.collection-nav{flex-wrap:wrap;display:flex}.collection-nav button{overflow-wrap:normal;word-break:normal;flex:90px;min-inline-size:min-content}.collection-detail{min-height:0;overflow-y:auto}
