:root{--color-bg:#f6f5f0;--color-surface:#fff;--color-surface-muted:#e9e7df;--color-text:#000;--color-text-strong:#2d2d2d;--color-text-muted:#707070;--color-text-faint:#0000004d;--color-primary:#346b33;--color-primary-text:#fff;--color-accent:#456b3b;--color-brand:#4d7f32;--color-border:#cfcdc2;--color-border-input:#00000026;--color-login-from:#f2b53a;--color-login-to:#f7e694;--color-notice-bg:#fff6e0;--color-notice-border:#42340026;--color-notice-title:#5c3800;--color-notice-text:#99691e;--color-wanted-bg:#fff1d1;--color-wanted-border:#e3a21f;--color-wanted-text:#865f12;--color-tag-photo:#ff9696;--color-tag-field:#53ba6b;--color-tag-friend:#ec96ff;--color-tag-illustration:#95a0d7;--color-viewer:#343434;--color-viewer-frame:#f1f1f1;--color-jar-from:#6caa4b3d;--color-jar-to:#456b3b3d;--color-round-border:#959595;--color-scan-border:#c2c2c2;--color-field-dot:#e4e2da;--color-field-dot-border:#eeece4;--color-field-thumb:#fffdf7;--color-text-hint:#848484;--color-selected-bg:#edffdb;--color-selected-border:#02380e;--color-loading-veil:#f6f5f0b8;--color-pickle-seed:#f7f3de;--color-pickle-seed-lit:#4e7f33;--color-tag-place:#9bd676;--color-tag-text:#f6f5f0;--color-exchange-bg:#f7ffeb;--color-text-subtle:#0006;--font-base:"42dot Sans", system-ui, -apple-system, "Hiragino Sans", sans-serif;--font-display:"Lacquer", var(--font-base);--font-size-xs:10px;--font-size-sm:11px;--font-size-md:12px;--font-size-base:14px;--font-size-lg:15px;--font-size-display:32px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:800;--radius-xs:3px;--radius-card:10px;--radius-button:15px;--radius-login-button:12px;--radius-pill:40px;--shadow-logo:0 1px 2px #00000040;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-base);font-size:var(--font-size-base);background:var(--color-surface-muted);color:var(--color-text)}.app{background:var(--color-bg);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}.page{padding:var(--space-4);flex:1;overflow-y:auto}.tabbar{background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab{padding:var(--space-3) var(--space-1);border-radius:var(--radius-xs);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent);flex:1;text-decoration:none}.tab.active{padding-top:calc(var(--space-3) + 11px);background:var(--color-bg);color:var(--color-text);margin-top:-11px;position:relative}.tab-icon{width:32px;height:28px;margin:0 auto var(--space-1);background:currentColor;display:block;-webkit-mask:none 50% no-repeat;mask:none 50% no-repeat}.tab-icon-timeline{-webkit-mask-image:url(/images/tab-timeline.svg);mask-image:url(/images/tab-timeline.svg);-webkit-mask-size:21px 13px;mask-size:21px 13px}.tab-icon-capture{-webkit-mask-image:url(/images/tab-capture.png);mask-image:url(/images/tab-capture.png);-webkit-mask-size:31px 31px;mask-size:31px 31px}.tab-icon-binder{-webkit-mask-image:url(/images/tab-binder.png);mask-image:url(/images/tab-binder.png);-webkit-mask-size:28px 28px;mask-size:28px 28px}.tab-icon-fields{-webkit-mask-image:url(/images/tab-fields.svg);mask-image:url(/images/tab-fields.svg);-webkit-mask-size:25px 18px;mask-size:25px 18px}.page:has(>.login){padding:0}.login{min-height:100%;padding:var(--space-5) var(--space-5) 40px;background:linear-gradient(to bottom, var(--color-login-from) 29.8%, var(--color-login-to));color:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.login-logo{align-items:center;gap:var(--space-3);font-family:var(--font-display);color:var(--color-brand);text-shadow:var(--shadow-logo);margin:0;font-size:48px;font-weight:400;display:flex}.login-logo img{filter:drop-shadow(var(--shadow-logo))}.login-tagline{margin:28px 0 var(--space-1);font-family:var(--font-display);font-size:36px}.login-lead{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;line-height:20px}.login-stickers{min-height:230px;margin:var(--space-5) calc(var(--space-5) * -1);flex:1;position:relative}.login-stickers img{width:46%;max-width:200px;height:auto;position:absolute;top:50%}.login-stickers img:first-child{left:3%;transform:translateY(-60%)rotate(-16.62deg)}.login-stickers img:last-child{left:57%;transform:translateY(-35%)rotate(14.67deg)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-primary{width:100%;padding:var(--space-3);border-radius:var(--radius-login-button);background:var(--color-primary);color:var(--color-primary-text);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border:none;display:block}.login-primary:disabled{opacity:.6}.login-error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background:var(--color-surface);color:#c62828;font-size:var(--font-size-md);margin:0}.btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:#0000}.btn-block{width:100%;padding:var(--space-3);border-radius:var(--radius-button);font-size:var(--font-size-base);display:flex}.card{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface)}.card-muted{background:var(--color-bg)}.notice{padding:var(--space-4);border:1px solid var(--color-notice-border);border-radius:var(--radius-card);background:var(--color-notice-bg);color:var(--color-notice-text);font-size:var(--font-size-md)}.notice-title{margin:0 0 var(--space-1);color:var(--color-notice-title);font-size:13px;font-weight:var(--font-weight-semibold)}.page-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.section-title{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-light)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:16px}.tag{padding:0 var(--space-2);border-radius:var(--radius-card);background:var(--color-tag-photo);color:var(--color-tag-text);font-size:var(--font-size-xs);line-height:14px;display:inline-block}.tag-illustration{background:var(--color-tag-illustration)}.tag-place{background:var(--color-tag-place);color:var(--color-surface);font-weight:var(--font-weight-medium);padding:0 11px;line-height:20px}.avatar{color:var(--color-surface);font-weight:var(--font-weight-bold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.page-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-end;display:flex}.page-header-logo{font-family:var(--font-display);font-size:var(--font-size-display);color:var(--color-brand);text-shadow:var(--shadow-logo);align-items:center;display:flex}.page-header-logo img{filter:drop-shadow(var(--shadow-logo))}.page-header-title{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.want-button{height:35px;padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--color-text);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.want-button.wanted{border-color:var(--color-wanted-border);background:var(--color-wanted-bg);color:var(--color-wanted-text)}.want-button:disabled{opacity:.6;cursor:default}.timeline{gap:var(--space-3);flex-direction:column;display:flex}.timeline-sticker{grid-template-columns:80px 1fr;align-items:center;gap:20px;display:grid}.timeline-thumb{height:80px;padding:var(--space-1);border-radius:var(--radius-card);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.timeline-body{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.timeline-link{color:inherit;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;display:flex}.timeline-who{align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);word-break:break-all;display:flex}.timeline-who-lg{align-items:center;gap:var(--space-2);margin-bottom:0}.timeline-who-lg>span:last-child{flex-direction:column;display:flex}.timeline-caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.timeline-link .tag{margin-top:var(--space-1)}.timeline-exchange{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.timeline-exchange-title{font-size:13px;font-weight:var(--font-weight-medium)}.timeline-trade{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-4);padding:var(--space-2);border-radius:var(--radius-card);background:var(--color-bg);display:flex}.timeline-trade-item{justify-content:center;align-items:center;width:60px;height:53px;display:flex}.timeline-trade-arrow{font-size:24px;font-weight:var(--font-weight-light)}.segmented{padding:var(--space-1);background:var(--color-surface-muted);border-radius:20px;display:flex}.segmented>*{padding:var(--space-2);color:var(--color-text-strong);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:0 0;border:none;border-radius:20px;flex:1}.segmented>.active{background:var(--color-surface);color:var(--color-text)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}label:focus-within:has(>.visually-hidden){outline:2px solid var(--color-primary);outline-offset:2px}.btn.disabled{opacity:.5;cursor:default}.tag-field{background:var(--color-tag-field)}.icon-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.capture-modes{margin-bottom:var(--space-3)}.capture-viewer{justify-content:center;align-items:center;gap:var(--space-5);min-height:342px;padding:var(--space-5) var(--space-4);border-radius:var(--radius-button);background:var(--color-viewer);color:var(--color-surface);font-size:var(--font-size-sm);text-align:center;flex-direction:column;display:flex}.capture-viewer p{margin:0}.capture-frame{border:1px dashed var(--color-viewer-frame);border-radius:var(--radius-button);color:#ffffff80;justify-content:center;align-items:center;width:178px;height:180px;display:flex}.capture-viewer-live{position:relative;overflow:hidden}.capture-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.capture-viewer-live .capture-frame,.capture-viewer-live p{position:relative}.capture-viewer-live p{text-shadow:0 1px 2px #0009}.capture-shutter{width:63px;margin:var(--space-4) auto 0;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block}.capture-shutter:disabled{opacity:.4;cursor:default}.capture-files,.capture-files .card{gap:var(--space-3);flex-direction:column;display:flex}.capture-files .section-title{margin:0}.back-header{align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-4);display:flex}.back-header h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.trim-viewer{min-height:342px;padding:var(--space-4);border-radius:var(--radius-button);background:var(--color-viewer);justify-content:center;align-items:center;display:flex}.trim-stage{touch-action:none;-webkit-user-select:none;user-select:none;line-height:0;position:relative}.trim-stage img{max-width:100%;max-height:60vh;display:block}.trim-shade{pointer-events:none;position:absolute;inset:0;overflow:hidden}.trim-hole{position:absolute;box-shadow:0 0 0 9999px #00000080}.trim-box{box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;position:absolute}.trim-handle{touch-action:none;background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 2px #0009}.trim-handle-nw{cursor:nwse-resize;top:-11px;left:-11px}.trim-handle-ne{cursor:nesw-resize;top:-11px;right:-11px}.trim-handle-sw{cursor:nesw-resize;bottom:-11px;left:-11px}.trim-handle-se{cursor:nwse-resize;bottom:-11px;right:-11px}.trim-hint{margin:var(--space-3) 0;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.trim-actions{gap:var(--space-2);display:flex}.capture-image{height:195px;padding:var(--space-3);border-radius:var(--radius-button);background:repeating-conic-gradient(#e9e9e9 0 25%, #fff 0 50%) 0 0 / 24px 24px;justify-content:center;align-items:center;display:flex}.capture-image img{max-width:100%;max-height:100%}.capture-tags{margin:var(--space-3) 0;gap:6px;display:flex}.capture-caption{gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-direction:column;display:flex}.capture-caption .input{font-weight:var(--font-weight-bold)}.capture-count{margin:var(--space-1) 0 var(--space-4);text-align:right;color:var(--color-text-faint);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.capture-count.over{color:#c62828}.capture-notice{gap:var(--space-2) var(--space-3);grid-template-columns:18px 1fr;display:grid}.capture-notice p{margin:0}.capture-notice .notice-title{margin-bottom:2px}.capture-confirm{align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--color-text);font-size:13px;font-weight:var(--font-weight-medium);grid-column:1/-1;display:flex}.capture-files .capture-confirm{margin-top:0}.capture-confirm input{width:17px;height:17px;accent-color:var(--color-primary);margin:0}.capture-save{margin-top:var(--space-5)}.round-button{border:1px solid var(--color-round-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.round-button:disabled{opacity:.4;cursor:default}.round-button-plus{font-size:24px;font-weight:var(--font-weight-light)}.binder-toolbar{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.binder-toolbar .binder-exchange{margin-right:auto}.binder-save-status{min-height:1.4em;margin-top:var(--space-1);text-align:right;display:block}.binder-page-number{text-align:center;min-width:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.27em}.binder-jar{border:1px solid var(--color-border-input);border-radius:var(--radius-button);background:linear-gradient(to bottom, var(--color-jar-from), var(--color-jar-to));position:relative;overflow:hidden}.binder-jar .konvajs-content{position:relative}.binder-bubbles img{animation:5s ease-in-out infinite alternate bubble-float;position:absolute}.binder-bubbles img:nth-child(2n){animation-duration:3.5s}@keyframes bubble-float{to{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.binder-bubbles img{animation:none}}.binder-dock{padding-top:var(--space-3);background:var(--color-bg);position:sticky;bottom:0}.binder-dock>.btn{margin-bottom:var(--space-3)}.binder-hand-header{align-items:center;gap:var(--space-2);display:flex}.binder-hand-header .binder-hand-hint{margin-left:auto}.binder-list-link{align-items:center;gap:var(--space-1);border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:3px 10px;text-decoration:none;display:inline-flex}.binder-list-link svg{fill:none;stroke:currentColor}.binder-hand-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.binder-hand{gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);display:flex;overflow-x:auto}.binder-hand-item{width:59px;height:60px;padding:var(--space-1);border:1px solid var(--color-border-input);border-radius:var(--radius-button);background:var(--color-surface);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.binder-hand-item img{object-fit:contain}.binder-hand-owner{display:flex;position:absolute;top:-2px;right:-2px}.binder-exchange{height:30px;padding:0 var(--space-4);font-size:var(--font-size-base);text-decoration:none}.progress{border-radius:var(--radius-button);background:var(--color-surface-muted);height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width 1s linear;display:block}.or-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex}.or-divider:before,.or-divider:after{background:var(--color-border);content:"";flex:1;height:1px}.exchange-occasion{gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);flex-direction:column;display:flex}.exchange-occasion-help{margin:var(--space-1) 0 var(--space-4);color:var(--color-text-faint);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:space-between;align-items:flex-start;display:flex}.exchange-occasion-help .capture-count{margin:0}.exchange-qr{gap:var(--space-3);margin-top:var(--space-3);border-radius:var(--radius-button);text-align:center;flex-direction:column;display:flex}.exchange-qr p{margin:0}.exchange-qr>p:first-child{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.exchange-qr-image{width:100%;max-width:220px;image-rendering:pixelated;margin:0 auto}.exchange-status{margin:var(--space-2) 0 0;text-align:center}.exchange-scan{border-color:var(--color-scan-border);font-size:var(--font-size-base)}.exchange-scan-hint{margin-bottom:var(--space-3)}.exchange-scan-hint p{margin:0}.field-actions{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.field-actions .btn{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);flex:1}.field-create{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field-create p,.field-create .capture-count{margin:0}.field-list-title{margin:0 0 var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.field-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.field-card{align-items:center;gap:var(--space-4);padding:var(--space-2);border:1px solid var(--color-border-input);border-radius:var(--radius-button);color:inherit;text-decoration:none;display:flex}.field-card-thumb{border:1px solid var(--color-field-dot-border);border-radius:var(--radius-button);background:var(--color-field-thumb) radial-gradient(var(--color-field-dot) 1.5px, transparent 1.5px) 0 0 / 14px 14px;flex:none;width:59px;height:59px}.field-card-title{min-width:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);word-break:break-all;flex:1}.field-card-deleted{background:var(--color-text-muted);flex:none}.field-header{margin-top:0}.field-header h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.field-toolbar{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.field-toolbar [role=status]{margin-right:auto}.field-members-root{position:relative}.field-members{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-family:inherit;display:flex}.field-members-panel{top:calc(100% + var(--space-2));z-index:10;width:220px;padding:var(--space-4) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--color-selected-bg);position:absolute;right:0;box-shadow:0 2px 8px #00000026}.field-members-panel h2{margin:0 0 var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.field-members-panel ul{gap:var(--space-3);flex-direction:column;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.field-members-panel li{align-items:center;gap:var(--space-3);display:flex}.field-members-name{min-width:0;font-size:var(--font-size-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-members .avatar+.avatar{margin-left:-6px}.field-members .avatar{border:1px solid var(--color-bg)}.field-members-more{margin-left:var(--space-1);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.field-invite{margin:0 0 var(--space-3)}.field-board{border:1px solid var(--color-border-input);border-radius:var(--radius-button);background:var(--color-surface) radial-gradient(var(--color-field-dot) 1.5px, transparent 1.5px) 8px 8px / 19px 19px;position:relative;overflow:hidden}.field-board .konvajs-content{position:relative}.field-tapped{margin-top:var(--space-3)}.field-tapped p{margin:0 0 var(--space-3)}.field-tapped-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.field-manage{margin-top:var(--space-4);justify-content:flex-end;display:flex}.field-remove{margin-top:var(--space-3)}.exchange-notice{margin:var(--space-4) 0}.exchange-notice p{margin:0}.exchange-bottom{margin-top:var(--space-5);text-decoration:none}.exchange-progress{margin:var(--space-5) 0;color:var(--color-text-muted);text-align:center}.exchange-hint{color:var(--color-text-hint);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.exchange-partner{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--color-border-input);border-radius:var(--radius-button);display:flex}.exchange-partner-info{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.exchange-partner-name{align-items:center;gap:var(--space-3);font-size:13px;font-weight:var(--font-weight-medium);word-break:break-all;display:flex}.exchange-partner-pick{width:81px;height:81px;padding:var(--space-1);border-radius:var(--radius-button);background:var(--color-bg);flex:none;justify-content:center;align-items:center;display:flex}.exchange-partner-pick img{object-fit:contain;max-width:100%;max-height:100%}.exchange-mine-title{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.exchange-mine{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.exchange-mine-item{aspect-ratio:1;border:1px solid var(--color-border-input);border-radius:var(--radius-button);background:var(--color-surface);cursor:pointer;width:100%;min-width:0;padding:0;display:block;position:relative}.exchange-mine-item img{top:var(--space-2);left:var(--space-2);width:calc(100% - var(--space-2) * 2);height:calc(100% - var(--space-2) * 2);object-fit:contain;position:absolute}.exchange-mine-item.selected{border:2px solid var(--color-selected-border);background:var(--color-selected-bg)}.exchange-check{top:var(--space-1);right:var(--space-1);background:var(--color-accent);width:18px;height:18px;color:var(--color-surface);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.exchange-wanted{top:var(--space-1);left:var(--space-1);background:#e91e63;position:absolute}.exchange-message-input{margin-top:var(--space-4)}.exchange-confirm-hint{margin-top:var(--space-5);text-align:center}.exchange-pick{margin-top:var(--space-2);border-radius:30px;font-size:24px}.exchange-done{align-items:center;gap:var(--space-3);padding-top:var(--space-5);text-align:center;flex-direction:column;display:flex}.exchange-done h1{color:var(--color-accent);font-size:20px;font-weight:var(--font-weight-semibold);margin:0}.exchange-done p{margin:0}.exchange-done-image{max-width:60%;height:auto}.exchange-done-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.exchange-done-meta{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-md);flex-wrap:wrap;display:flex}.exchange-done .exchange-bottom{align-self:stretch}.exchange-message,.exchange-follow{border:1px solid var(--color-border-input);border-radius:var(--radius-button);text-align:left;align-self:stretch}.exchange-follow{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);flex-wrap:wrap;display:flex}.exchange-follow-error{color:#c62828;font-weight:var(--font-weight-regular);flex-basis:100%}.logo{font-family:var(--font-display);font-size:var(--font-size-display);color:var(--color-brand);text-shadow:var(--shadow-logo)}.detail-back{margin:var(--space-3) 0 0 -8px}.detail-image{margin:var(--space-2) 0 var(--space-5)}.detail-gone{text-align:center;margin-top:48px}.detail-meta{align-items:center;gap:var(--space-3);margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-md);display:flex}.detail-name{margin:0 0 var(--space-5);font-size:24px;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.detail-cards{gap:var(--space-2);display:grid}.detail-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-input);border-radius:var(--radius-button);background:var(--color-surface)}.detail-card-link{color:inherit;text-decoration:none;display:block}.detail-card-link:active{background:var(--color-bg)}.detail-card-label{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.detail-profile{align-items:center;gap:var(--space-5);padding-left:var(--space-4);display:flex}.detail-profile-avatar{object-fit:cover;border-radius:50%;flex:none}.detail-profile-names{flex:1;min-width:0}.detail-profile-names p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.detail-profile-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.detail-profile-handle{color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-profile-bio{margin:var(--space-2) var(--space-3) 0;padding:6px var(--space-2);border-radius:var(--radius-card);background:var(--color-bg);font-size:var(--font-size-xs);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-skeleton{background:var(--color-surface-muted)}.detail-skeleton-line{border-radius:var(--radius-xs);width:60%;height:14px}.detail-exchange{background:var(--color-exchange-bg)}.detail-exchange-title{margin:0 0 var(--space-1);color:var(--color-brand);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.detail-exchange-list{font-size:var(--font-size-md);margin:0}.detail-exchange-row{gap:var(--space-1);padding:var(--space-3) 0;grid-template-columns:70px 1fr;display:grid}.detail-exchange-row+.detail-exchange-row{border-top:1px solid var(--color-border-input)}.detail-exchange-row dt{color:var(--color-text-muted)}.detail-exchange-row dd{overflow-wrap:anywhere;margin:0}.detail-exchange-row-stack{grid-template-columns:1fr}.detail-delete{margin-top:var(--space-5)}.loading{z-index:20;justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-loading-veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);flex-direction:column;display:flex;position:fixed;inset:0}.loading p{margin:0}.pickle-spinner{filter:drop-shadow(var(--shadow-logo))}.pickle-seeds ellipse{fill:var(--color-pickle-seed);animation:1.2s linear infinite pickle-seed}@keyframes pickle-seed{0%{fill:var(--color-pickle-seed-lit)}45%,to{fill:var(--color-pickle-seed)}}@media (prefers-reduced-motion:reduce){.pickle-seeds ellipse{animation:none}}.account-card{align-items:center;gap:var(--space-4);border:1px solid var(--color-border-input);border-radius:var(--radius-button);display:flex}.account-names{min-width:0}.account-names p{margin:0}.account-handle{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);word-break:break-all}.account-did{word-break:break-all;margin-top:2px}.account-note{margin:var(--space-3) 0 var(--space-5);text-align:center}.account-action{margin-top:var(--space-3);text-decoration:none}.field-invite-card{margin-bottom:var(--space-4)}.field-invite-text{margin:0 0 var(--space-5);font-size:var(--font-size-base);line-height:1.7}.field-invite-error{margin-top:var(--space-3)}.profile-avatar{object-fit:cover}.pickle-section+.pickle-section{margin-top:var(--space-5)}.pickle-count{margin-left:var(--space-1);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.pickle-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pickle-grid-item{gap:var(--space-1);color:inherit;flex-direction:column;text-decoration:none;display:flex}.pickle-grid-image{aspect-ratio:1;border:1px solid var(--color-border-input);border-radius:var(--radius-button);background:var(--color-surface);width:100%;display:block;position:relative}.pickle-grid-image img{top:var(--space-2);left:var(--space-2);width:calc(100% - var(--space-2) * 2);height:calc(100% - var(--space-2) * 2);object-fit:contain;position:absolute}.pickle-grid-caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tutorial-card{text-align:center;flex-direction:column;align-items:center;display:flex}.tutorial-count{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);align-self:flex-end;margin:0}.tutorial-art{justify-content:center;align-items:center;height:140px;display:flex}.tutorial-trim{padding:var(--space-3);background:var(--color-viewer);position:relative}.tutorial-trim img{display:block}.tutorial-trim-frame{inset:var(--space-2);border:2px solid #fff;position:absolute}.tutorial-trim-frame .trim-handle{width:14px;height:14px}.tutorial-trim-frame .trim-handle-nw{top:-8px;left:-8px}.tutorial-trim-frame .trim-handle-ne{top:-8px;right:-8px}.tutorial-trim-frame .trim-handle-sw{bottom:-8px;left:-8px}.tutorial-trim-frame .trim-handle-se{bottom:-8px;right:-8px}.tutorial-jar{width:120px;height:120px}.tutorial-jar img{position:absolute}.tutorial-jar-a{top:18px;left:14px;transform:rotate(-12deg)}.tutorial-jar-b{bottom:16px;right:12px;transform:rotate(10deg)}.tutorial-title{margin:var(--space-3) 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.tutorial-line{margin:0 0 var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-base);line-height:1.6}.tutorial-dots{justify-content:center;gap:var(--space-2);margin:var(--space-4) 0;display:flex}.tutorial-dot{background:var(--color-border);border-radius:50%;width:8px;height:8px}.tutorial-dot.active{background:var(--color-primary)}.tutorial-actions{gap:var(--space-3);display:flex}.tutorial-skip,.tutorial-link{margin:var(--space-4) auto 0;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-md);text-align:center;cursor:pointer;background:0 0;border:none;text-decoration:underline;display:block}