:root{--pink: #e43d81;--pink-dark: #c62f6d;--pink-tint: #fde8f1;--teal: #00c2a8;--teal-dark: #00997f;--teal-tint: #ddf8f3;--gold: #cb9605;--gold-tint: #fdf3dc;--ink: #1c1b1b;--white: #ffffff;--bg: #fcf9f8;--surface: #ffffff;--muted: #7d7378;--soft: #f4f4f7;--danger: #ba1a1a;--radius: 16px;--radius-sm: 12px;--bw: 3px;--sticker: 4px 4px 0 var(--ink);--sticker-sm: 3px 3px 0 var(--ink);--sticker-lg: 6px 6px 0 var(--ink)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(#e3dfe1 1px,transparent 1px);background-size:20px 20px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:15px;font-weight:600;line-height:1.65;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding-bottom:92px}.apphead{position:sticky;top:0;z-index:20;background:linear-gradient(100deg,var(--pink) 0%,var(--pink) 45%,var(--teal) 100%);color:var(--white);font-weight:800;font-size:19px;letter-spacing:.06em;padding:13px 18px;border-bottom:var(--bw) solid var(--ink);text-shadow:2px 2px 0 rgba(28,27,27,.35)}.page{padding:20px 16px}h2{display:inline-block;font-size:18px;font-weight:800;margin:0 0 18px;padding:4px 14px;background:var(--gold);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--sticker-sm);transform:rotate(-1.5deg)}h3{font-size:15px;font-weight:800;margin:24px 0 10px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:4px;max-width:640px;margin:0 auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--bw) solid var(--ink)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 5px;border:var(--bw) solid transparent;border-radius:var(--radius-sm);font-size:10px;font-weight:800;color:var(--muted);text-decoration:none;transition:transform .15s ease}.tabbar a svg{font-size:23px}.tabbar a.active{border-color:var(--ink);color:var(--white);box-shadow:var(--sticker-sm);transform:translateY(-2px)}.tabbar a.active.tab-pink{background:var(--pink)}.tabbar a.active.tab-teal{background:var(--teal)}.tabbar a:active{transform:translate(2px,1px);box-shadow:1px 1px 0 var(--ink)}button{font:inherit;font-weight:800;cursor:pointer;background:var(--surface);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);padding:11px 18px;box-shadow:var(--sticker);transition:transform .12s ease,box-shadow .12s ease}button:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}button:disabled{opacity:.45;cursor:default;box-shadow:var(--sticker-sm)}button.primary{background:var(--pink);color:var(--white)}button.teal{background:var(--teal);color:var(--white)}button.danger{background:var(--danger);color:var(--white)}button.link{border:none;background:none;box-shadow:none;color:var(--muted);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;padding:0;font-weight:700}button.link:active{transform:none}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.actions button{flex:1;min-width:130px}.field{display:block;margin-bottom:24px}.field>span:first-child{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.input{width:100%;padding:12px 14px;border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);font:inherit;font-weight:600;color:inherit;box-shadow:var(--sticker-sm)}.input:focus{outline:none;border-color:var(--pink);box-shadow:3px 3px 0 var(--pink)}textarea.input{resize:vertical}.typeswitch{display:flex;gap:8px;flex-wrap:wrap}.typeswitch button{flex:1;min-width:94px;font-size:13px;padding:10px 6px;box-shadow:var(--sticker-sm)}.typeswitch button.active{background:var(--pink);color:var(--white)}.daterow{display:flex;gap:8px;margin-bottom:10px}.daterow .input{flex:1}.daterow button{box-shadow:var(--sticker-sm);padding:8px 14px;font-size:13px}.taginput{position:relative}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:3px;background:var(--pink-tint);border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;box-shadow:2px 2px 0 var(--ink)}.chip-required{background:var(--gold);color:var(--ink)}.chip-matched{background:var(--teal);color:var(--white)}.chip-star,.chip-x{border:none;background:none;box-shadow:none;padding:0 2px;font-size:13px;line-height:1;color:inherit;border-radius:0}.chip-star:active,.chip-x:active{transform:scale(.85);box-shadow:none}.chips-sm .chip{font-size:12px;padding:2px 10px;box-shadow:1.5px 1.5px 0 var(--ink)}.suggest{list-style:none;margin:8px 0 0;padding:0;border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;max-height:240px;overflow-y:auto;box-shadow:var(--sticker)}.suggest li+li{border-top:2px solid var(--soft)}.suggest button{width:100%;display:flex;justify-content:space-between;align-items:center;border:none;border-radius:0;box-shadow:none;background:none;text-align:left;padding:11px 14px;font-weight:700}.suggest button:active{background:var(--pink-tint);transform:none;box-shadow:none}.suggest-count{font-size:12px;color:var(--muted);font-weight:700}.suggest-new{color:var(--teal-dark)}.suggest-loading{padding:11px 14px;color:var(--muted);font-size:13px}.threshold{border:var(--bw) solid var(--ink);border-radius:var(--radius);background:var(--teal-tint);padding:14px;box-shadow:var(--sticker)}.threshold-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.threshold-head strong{font-size:26px;font-weight:800;color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:0 10px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-2deg);display:inline-block}.threshold-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700}input[type=range]{width:100%;accent-color:var(--teal)}.card{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:14px;margin-bottom:16px;box-shadow:var(--sticker);transition:transform .12s ease,box-shadow .12s ease}.card-clickable{cursor:pointer}.card-clickable:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.card-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.card-head h3{margin:0;font-size:15px;font-weight:800;flex:1;line-height:1.4}.badge{font-size:11px;font-weight:800;padding:3px 9px;border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;transform:rotate(-2deg)}.badge-GIVE{background:var(--teal);color:var(--white)}.badge-WANT{background:var(--pink);color:var(--white)}.badge-COMPANION{background:var(--gold);color:var(--ink)}.matchline{margin:8px 0;font-size:13px;color:var(--muted);font-weight:700}.matchline strong{display:inline-block;color:var(--ink);background:var(--teal);font-size:14px;font-weight:800;border:2px solid var(--ink);border-radius:8px;padding:0 8px;box-shadow:2px 2px 0 var(--ink)}.card-detail,.card-note,.card-owner{margin:8px 0 0;font-size:13px}.card-detail{font-weight:800}.card-note{color:var(--muted);white-space:pre-wrap;font-weight:600}.card-owner{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:700}.card-closed{color:var(--muted);font-size:12px;font-weight:800}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:2px dashed #ddd8da}.card-actions button{padding:7px 14px;font-size:13px;box-shadow:var(--sticker-sm)}.nested{margin:0 0 20px 8px;padding-left:14px;border-left:var(--bw) dashed var(--teal)}.tagline{font-size:12px;font-weight:800}.tagline-new{background:var(--gold);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:0 9px;box-shadow:1.5px 1.5px 0 var(--ink)}.profile{display:flex;align-items:center;gap:14px;background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:14px;margin-bottom:20px;box-shadow:var(--sticker-lg)}.profile h2{all:unset;font-size:17px;font-weight:800;display:block}.profile-meta{margin:2px 0 0}.avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:var(--bw) solid var(--ink);box-shadow:var(--sticker-sm)}.menu{display:grid;gap:12px}.menu-item{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:var(--radius)}.menu-text{display:flex;flex-direction:column;gap:1px}.menu-item strong{font-size:15px;font-weight:800}.menu-text>span{font-size:12px;color:var(--muted);font-weight:700}.menu-icon{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--ink);border-radius:14px;box-shadow:2px 2px 0 var(--ink);flex-shrink:0;transform:rotate(-5deg)}.menu-icon svg{font-size:24px}.icon-pink{background:var(--pink);color:var(--white)}.icon-teal{background:var(--teal);color:var(--white)}.icon-gold{background:var(--gold);color:var(--white)}.menu-item.primary{background:linear-gradient(100deg,var(--pink) 0%,var(--pink) 45%,var(--teal) 100%);color:var(--white);box-shadow:var(--sticker-lg)}.menu-item.primary .menu-text>span{color:#ffffffeb}.menu-item.primary .menu-icon{background:var(--white);color:var(--pink);transform:rotate(5deg)}.panel{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:14px;margin:20px 0;box-shadow:var(--sticker)}.panel-quiet{background:transparent;border-style:dashed;box-shadow:none}.status{font-size:11px;font-weight:800;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);background:var(--soft);color:var(--ink);white-space:nowrap}.status-NEW{background:var(--pink);color:var(--white)}.status-ACCEPTED{background:var(--teal);color:var(--white)}.status-COMPLETED{background:var(--gold);color:var(--ink)}.status-DECLINED{background:var(--soft);color:var(--muted)}.stars{display:flex;gap:8px;margin-bottom:12px}.star{border:none;background:none;box-shadow:none;font-size:34px;line-height:1;padding:0;color:#ddd8da;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.star:active{transform:none;box-shadow:none}.star.on{color:var(--gold);transform:scale(1.1) rotate(-6deg);text-shadow:2px 2px 0 var(--ink)}.hint{font-size:12px;color:var(--muted);margin:8px 0 0;font-weight:600;line-height:1.6}.error{color:var(--white);background:var(--danger);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);padding:11px 14px;margin:16px 0;font-size:13px;font-weight:700;box-shadow:var(--sticker-sm)}.notice{color:var(--ink);background:var(--teal-tint);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);padding:11px 14px;margin:16px 0;font-size:13px;font-weight:700;box-shadow:var(--sticker-sm)}.loading{color:var(--muted);padding:20px;font-weight:700}.results{margin-top:24px}.chat{display:flex;flex-direction:column;height:calc(100vh - 144px);height:calc(100dvh - 144px)}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:var(--bw) solid var(--ink)}.chat-back{display:grid;place-items:center;width:38px;height:38px;padding:0;flex-shrink:0;box-shadow:var(--sticker-sm)}.chat-title{display:flex;flex-direction:column;line-height:1.3;min-width:0}.chat-title strong{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title span{font-size:11px;color:var(--muted);font-weight:700}.chat-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px}.chat-empty{text-align:center;margin:auto 0}.bubble-row{display:flex;align-items:flex-end;gap:6px;max-width:82%}.bubble-row.mine{align-self:flex-end;flex-direction:row-reverse}.bubble-row.theirs{align-self:flex-start}.bubble{padding:9px 13px;border:2px solid var(--ink);border-radius:16px;font-size:14px;font-weight:600;line-height:1.55;white-space:pre-wrap;word-break:break-word;box-shadow:2px 2px 0 var(--ink)}.mine .bubble{background:var(--pink);color:var(--white);border-bottom-right-radius:5px}.theirs .bubble{background:var(--teal-tint);color:var(--ink);border-bottom-left-radius:5px}.bubble-time{font-size:10px;color:var(--muted);font-weight:700;flex-shrink:0}.chat-input{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:var(--surface);border-top:var(--bw) solid var(--ink)}.chat-input .input{flex:1;max-height:110px;border-radius:18px;padding:10px 14px}.chat-send{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;flex-shrink:0}.chat-error,.chat-locked{margin:0;padding:12px 14px;text-align:center}.chat-preview{margin:8px 0 0;font-size:12px;color:var(--muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview.unread{color:var(--ink);font-weight:800}.unread-dot{color:var(--pink);margin-right:5px;font-size:10px}.chat-tool{display:grid;place-items:center;width:42px;height:42px;padding:0;flex-shrink:0;border-radius:50%;box-shadow:var(--sticker-sm)}.chat-tool.teal{background:var(--teal);color:var(--white)}.bubble-image{display:block;line-height:0}.bubble-image img{max-width:220px;max-height:280px;border-radius:10px;display:block}.bubble-image{margin:-4px}.bubble-location{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.bubble-location span{display:flex;flex-direction:column;line-height:1.35}.bubble-location em{font-style:normal;font-size:11px;opacity:.75;text-decoration:underline}.map-holder{position:relative;margin-bottom:14px}.map{height:320px;border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sticker);overflow:hidden;z-index:0}.map-locate{position:absolute;right:12px;top:12px;z-index:500;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:var(--surface)}.map-pin{display:block;width:22px;height:22px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);border:2.5px solid var(--ink);box-shadow:2px 2px #1c1b1b59}.map-me{display:block;width:18px;height:18px;border-radius:50%;background:#2f7bff;border:3px solid var(--white);box-shadow:0 0 0 2px var(--ink)}.map-controls{display:grid;gap:8px;margin-bottom:16px}.leaflet-container{font:inherit}.leaflet-popup-content-wrapper{border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.distance{font-size:12px;font-weight:800;color:var(--teal-dark);white-space:nowrap}.place-set{display:grid;gap:8px}.fav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fav-head strong{font-size:14px;font-weight:800}.deck-help{margin-bottom:12px}.deck{position:relative;margin-bottom:24px}.deck-card{position:relative;background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:16px;box-shadow:var(--sticker-lg);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;min-height:190px}.deck-card:active{cursor:grabbing}.deck-behind{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(10px) scale(.96);opacity:.55;z-index:0;pointer-events:none}.deck-leaving{opacity:0}.deck-stamp{position:absolute;top:14px;right:14px;font-size:15px;font-weight:800;padding:4px 12px;border:var(--bw) solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);transform:rotate(8deg);z-index:3}.stamp-save{background:var(--teal);color:var(--white)}.stamp-skip{background:var(--muted);color:var(--white);transform:rotate(-8deg)}.deck-detail{margin-top:12px}.deck-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.deck-skip,.deck-save{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:50%;box-shadow:var(--sticker)}.deck-skip svg,.deck-save svg{font-size:28px}.deck-skip{background:var(--surface);color:var(--muted)}.deck-save{background:var(--pink);color:var(--white)}.deck-count{font-size:12px;font-weight:800;color:var(--muted)}.deck-empty{border:var(--bw) dashed var(--ink);border-radius:var(--radius);padding:32px 16px;text-align:center;margin-bottom:24px}.group-list{margin-bottom:24px}.group-card{border-color:var(--gold);box-shadow:4px 4px 0 var(--gold)}.badge svg{vertical-align:-2px;margin-right:2px}.trade-me{display:grid;gap:12px}.trade-row{display:flex;align-items:flex-start;gap:12px}.trade-row strong{display:block;font-size:14px;font-weight:800}.trade-label{flex-shrink:0;font-size:11px;font-weight:800;padding:3px 10px;border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);color:var(--white)}.trade-label.give{background:var(--pink)}.trade-label.get{background:var(--teal)}.cycle{border:var(--bw) dashed var(--ink);border-radius:var(--radius);padding:14px;margin-bottom:16px}.cycle-step{border:2px solid var(--ink);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:10px;background:var(--surface);box-shadow:2px 2px 0 var(--ink)}.cycle-mine{background:var(--gold-tint);border-color:var(--gold);box-shadow:2px 2px 0 var(--gold)}.cycle-people{display:flex;align-items:center;gap:8px;font-size:13px}.cycle-people svg{transform:rotate(-90deg);color:var(--pink)}.cycle-item{font-size:13px;font-weight:700;margin-top:4px}.cycle-tags{display:block;font-size:11px;font-weight:700;color:var(--teal-dark)}.cycle-note{margin-top:12px}.bubble-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.bubble-name{font-size:10px;font-weight:800;color:var(--muted);padding-left:4px}.auth-container{display:flex;justify-content:center;align-items:center;padding:32px 16px;min-height:calc(100vh - 120px)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:var(--bw) solid var(--ink);box-shadow:var(--sticker-lg);border-radius:var(--radius);padding:28px 24px}.auth-title{font-size:1.5rem;font-weight:800;margin:0 0 8px;text-align:center;color:var(--pink-dark)}.auth-subtitle{font-size:.85rem;color:var(--muted);text-align:center;margin-bottom:24px}.auth-error{background:#ffedea;border:2px solid var(--danger);color:var(--danger);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:18px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--ink)}.input-group input{padding:12px 14px;border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);font-size:.95rem;outline:none;background:var(--soft)}.input-group input:focus{background:var(--white);border-color:var(--pink);box-shadow:var(--sticker-sm)}.btn-primary{margin-top:10px;padding:14px;background:var(--pink);color:var(--white);font-size:1rem;font-weight:800;border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--sticker);cursor:pointer;transition:transform .1s,box-shadow .1s}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center;font-size:.85rem;color:var(--muted)}.auth-footer a{color:var(--teal-dark);font-weight:700;text-decoration:underline}