@import "https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Yomogi&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";
:root{--night:#0b0e15;--night-deep:#05060a;--panel:#171b26;--panel-line:#2b3040;--pink:#ff2e88;--cyan:#29f1e0;--yellow:#e8ff4d;--orange:#ff7a29;--text:#f3f1e8;--muted:#8890a6;--muted-deep:#565d72}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(ellipse 700px 500px at 15% -5%, #ff2e8829, transparent 60%), radial-gradient(ellipse 600px 500px at 90% 10%, #29f1e024, transparent 60%), radial-gradient(ellipse 700px 600px at 50% 100%, #e8ff4d14, transparent 60%), var(--night-deep);min-height:100dvh;color:var(--text);font-family:Zen Kaku Gothic New,sans-serif}body:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#05060ae6 90%),repeating-linear-gradient(90deg,#10131c 0 34px,#0c0e15 34px 70px);height:220px;position:fixed;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000008c,#000000e6)}.app-shell{z-index:2;background:radial-gradient(circle at 10% 8%,#ff2e880f,#0000 40%),radial-gradient(circle at 92% 18%,#29f1e00f,#0000 42%);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (min-width:481px){.app-shell{border-left:1px solid var(--panel-line);border-right:1px solid var(--panel-line);box-shadow:0 40px 80px -20px #000000b3,0 0 60px -10px #ff2e8826}}.scroll{flex:1;padding-bottom:100px}.topbar{border-bottom:1px solid var(--panel-line);background:var(--night);z-index:10;padding:14px 20px;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.stamp-mark{border:2px solid var(--pink);width:38px;height:38px;color:var(--pink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Darumadrop One,sans-serif;font-size:16px;display:flex;box-shadow:0 0 6px #ff2e888c,0 0 18px #ff2e8859}.brand-text h1{letter-spacing:.05em;color:var(--pink);text-shadow:0 0 6px #fff,0 0 14px #ff2e88e6,0 0 28px #ff2e88b3,0 0 46px #ff2e8873;margin:0;font-family:Yomogi,sans-serif;font-size:20px;font-weight:400}.brand-text p{color:var(--cyan);letter-spacing:.22em;text-shadow:0 0 5px #fff,0 0 12px #29f1e0e6,0 0 24px #29f1e099;margin:2px 0 0;font-size:10px}.search-toggle-btn{border:1.4px solid var(--cyan);width:34px;height:34px;color:var(--cyan);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.search-toggle-btn.active{background:var(--cyan);color:#031a18;box-shadow:0 0 10px #29f1e080}.search-toggle-btn svg{width:18px;height:18px}.search-panel{max-height:0;transition:max-height .22s;overflow:hidden}.search-panel.show{max-height:130px;padding-top:12px}.search-input{background:var(--panel);border:1.4px solid var(--panel-line);width:100%;color:var(--text);border-radius:100px;outline:none;margin-bottom:10px;padding:11px 16px;font-family:Zen Kaku Gothic New,sans-serif;font-size:13px}.search-input:focus{border-color:var(--cyan)}.search-sort-row{gap:8px;display:flex;overflow-x:auto}.chip{border:1.4px solid var(--cyan);color:var(--cyan);white-space:nowrap;cursor:pointer;background:0 0;border-radius:100px;flex:none;padding:7px 14px;font-size:12px;font-weight:700}.chip.on{background:var(--pink);border-color:var(--pink);color:#150008;box-shadow:0 0 10px #ff2e8899}.search-empty{text-align:center;padding:60px 26px 40px}.search-empty p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.8}.grid{grid-template-columns:1fr 1fr;gap:13px;padding:16px 16px 100px;display:grid}.cat-card{background:var(--panel);border:1px solid var(--panel-line);cursor:pointer;border-radius:16px;padding:10px 10px 12px}.cat-card:nth-child(4n+1){transform:rotate(-1.4deg)}.cat-card:nth-child(4n+2){transform:rotate(1.2deg)}.cat-card:nth-child(4n+3){transform:rotate(1.6deg)}.cat-card:nth-child(4n+4){transform:rotate(-1deg)}.thumb-wrap{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#1e2330,#10131c);border-radius:12px;width:100%;margin-bottom:8px;position:relative;overflow:hidden}.thumb-wrap svg{width:100%;height:100%}.cat-card h3{color:var(--text);margin:0 0 3px;font-family:Darumadrop One,sans-serif;font-size:13.5px;font-weight:400;line-height:1.35}.cat-card .meta{color:var(--muted);font-size:10.5px}.cat-card .meta b{color:var(--cyan);font-weight:700}.detail-hero{position:relative}.detail-hero .thumb-wrap{aspect-ratio:1/.82;background:radial-gradient(circle at 30% 10%,#212739,#0c0e15);border-radius:0;width:100%;margin-bottom:0}.back-btn{z-index:5;border:1.4px solid var(--cyan);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;width:36px;height:36px;color:var(--text);background:#0b0e15bf;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 0 10px #29f1e059}.detail-body{padding:18px 20px 120px}.detail-body h2{color:var(--text);margin:0 0 8px;font-family:Darumadrop One,sans-serif;font-size:23px;font-weight:400}.detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag{background:0 0;border:1.4px solid;border-radius:100px;padding:5px 11px;font-size:11px;font-weight:700}.tag.area{color:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 0 6px #29f1e04d}.stat-row{border:1px solid var(--panel-line);background:var(--panel);border-radius:14px;margin-bottom:22px;display:flex;overflow:hidden}.stat{text-align:center;border-right:1px solid var(--panel-line);flex:1;padding:11px 6px}.stat:last-child{border-right:none}.stat b{color:var(--pink);font-family:Darumadrop One,sans-serif;font-size:16px;font-weight:400;display:block}.stat span{color:var(--muted);font-size:10px}.section-label{color:var(--muted);letter-spacing:.08em;align-items:center;gap:8px;margin:22px 0 10px;font-size:11.5px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--panel-line);flex:1;height:1px}.photo-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.photo-card{background:var(--panel);border:1px solid var(--panel-line);cursor:pointer;border-radius:14px;overflow:hidden}.photo-card-del-btn{color:#ff5050d9;cursor:pointer;z-index:1;background:#0000008c;border:1px solid #ff505080;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:6px;right:6px}.photo-card-del-btn:disabled{opacity:.5;cursor:default}.profile-tag{letter-spacing:.04em;color:var(--pink);border:1.2px solid var(--pink);z-index:2;background:#05060aa6;border-radius:100px;padding:2px 8px;font-size:9px;font-weight:900;position:absolute;top:6px;left:6px}.photo-meta{padding:9px 10px 11px}.photo-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.photo-user{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation;padding:6px 0;font-size:11px;font-weight:700;text-decoration:none;display:inline-block;overflow:hidden}.photo-date{color:var(--muted-deep);flex:none;font-size:9.5px}.photo-comment{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:10.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.photo-like-btn{cursor:pointer;border:1.4px solid var(--pink);color:var(--pink);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:5px;width:100%;padding:5px 10px 5px 8px;font-family:Zen Kaku Gothic New,sans-serif;font-size:11px;font-weight:700;display:flex}.photo-like-btn svg{width:13px;height:13px}.photo-like-btn.liked{background:var(--pink);color:#160009;box-shadow:0 0 8px #ff2e8899}.checkin-btn{cursor:pointer;border:1.4px solid var(--cyan);color:var(--cyan);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:6px;width:100%;margin:4px 0 8px;padding:8px 16px 8px 14px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12px;font-weight:700;display:flex}.checkin-btn svg{width:15px;height:15px}.checkin-btn.checked{background:var(--cyan);color:#031a18;cursor:default;box-shadow:0 0 8px #29f1e080}.meta-likes{color:var(--pink);font-size:10px}.favorite-btn{cursor:pointer;border:1.4px solid var(--pink);color:var(--pink);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:6px;width:100%;margin:4px 0 18px;padding:8px 16px 8px 14px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12px;font-weight:700;display:flex}.favorite-btn svg{width:15px;height:15px}.favorite-btn.favorited{background:var(--pink);color:#160009;box-shadow:0 0 8px #ff2e8880}.photo-detail-hero{padding:16px 20px 0}.photo-detail-img{aspect-ratio:1;border:1px solid var(--panel-line);background:radial-gradient(circle at 30% 20%,#1e2330,#10131c);border-radius:18px;width:100%;position:relative;overflow:hidden}.photo-detail-body{padding:14px 20px 40px}.photo-detail-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.photo-detail-user{color:var(--cyan);touch-action:manipulation;padding:8px 0;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.user-link{cursor:pointer;text-decoration:none}.user-link:hover{opacity:.85;text-decoration:underline}.photo-detail-date{color:var(--muted-deep);font-size:11px}.photo-detail-caption{color:var(--text);margin:0 0 14px;font-size:13px;line-height:1.7}.photo-detail-like{margin-bottom:8px}.fab{z-index:20;background:var(--night);width:78px;height:78px;color:var(--pink);border:2.4px solid var(--pink);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:Darumadrop One,sans-serif;font-size:12px;display:flex;position:fixed;bottom:96px;right:max(18px,50vw - 222px);transform:rotate(-5deg);box-shadow:0 0 10px #ff2e88cc,0 0 26px #ff2e8866,0 10px 24px -6px #0009}.fab:active{transform:rotate(-5deg)scale(.94)}.bottom-nav{border-top:1px solid var(--panel-line);background:var(--panel);width:100%;max-width:480px;padding:10px 6px calc(16px + env(safe-area-inset-bottom));z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted-deep);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.nav-item.active{color:var(--pink)}.nav-item svg{width:20px;height:20px}.flow-header{border-bottom:1px solid var(--panel-line);background:var(--night);z-index:10;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.flow-header .x-btn{border:1.4px solid var(--muted-deep);background:var(--panel);cursor:pointer;width:32px;height:32px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex}.flow-header h3{color:var(--text);margin:0;font-family:Darumadrop One,sans-serif;font-size:14px;font-weight:700}.flow-body{padding:22px 22px 60px}.target-preview{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;align-items:center;gap:12px;margin-bottom:22px;padding:12px;display:flex}.target-preview .thumb-wrap{border-radius:10px;width:56px;height:56px;margin-bottom:0}.target-preview b{color:var(--text);font-family:Darumadrop One,sans-serif;font-size:13px;font-weight:400;display:block}.target-preview span{color:var(--muted);font-size:11px}.upload-box{border:2px dashed var(--cyan);text-align:center;cursor:pointer;background:#29f1e00a;border-radius:20px;padding:38px 20px}.upload-box svg{width:36px;height:36px;color:var(--cyan);margin-bottom:10px}.upload-box p{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:700}.upload-box span{color:var(--muted);font-size:11px}.upload-box.filled{border-style:solid;padding:14px}.upload-box.filled .filled-thumb{aspect-ratio:1;border-radius:14px;width:100%;margin-bottom:8px;overflow:hidden}.note-box{color:var(--cyan);background:#29f1e014;border:1px solid #29f1e04d;border-radius:14px;gap:8px;margin-bottom:22px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.note-box svg{flex:none;width:16px;height:16px;margin-top:1px}.compare-row{gap:12px;margin-bottom:18px;display:flex}.compare-col{text-align:center;flex:1}.compare-col .thumb-wrap{aspect-ratio:1;border:2px solid var(--panel-line);border-radius:16px;width:100%;margin-bottom:6px}.compare-col label{color:var(--muted);font-size:11px;font-weight:700}.compare-vs{color:var(--muted-deep);justify-content:center;align-items:center;width:18px;font-family:Darumadrop One,sans-serif;font-size:13px;display:flex}.name-input{border:1.4px solid var(--panel-line);background:var(--panel);width:100%;color:var(--text);border-radius:12px;outline:none;margin-bottom:20px;padding:13px 14px;font-family:Darumadrop One,sans-serif;font-size:15px}.name-input.plain{font-family:Zen Kaku Gothic New,sans-serif;font-size:13px;font-weight:400}.name-input:focus{border-color:var(--pink)}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-family:Darumadrop One,sans-serif;font-size:14px;display:flex}.btn.primary{background:var(--pink);color:#160009;box-shadow:0 0 10px #ff2e88b3,0 0 26px #ff2e8859}.btn.ghost{color:var(--muted);background:0 0;margin-top:12px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12.5px;font-weight:700}.choice-card{text-align:left;background:var(--panel);border:1.6px solid var(--panel-line);cursor:pointer;border-radius:18px;align-items:flex-start;gap:14px;width:100%;margin-bottom:14px;padding:16px;display:flex}.choice-card.shinniri{border-color:var(--cyan);box-shadow:inset 0 0 10px #29f1e02e}.choice-card.mitsuketa{border-color:var(--pink);box-shadow:inset 0 0 10px #ff2e882e}.choice-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-family:Darumadrop One,sans-serif;font-size:19px;display:flex}.choice-card.shinniri .choice-icon{color:var(--cyan);border:1.6px solid var(--cyan);background:#29f1e01f}.choice-card.mitsuketa .choice-icon{color:var(--pink);border:1.6px solid var(--pink);background:#ff2e881f}.choice-title{color:var(--text);margin:0 0 4px;font-family:Darumadrop One,sans-serif;font-size:15px}.choice-card.shinniri .choice-title{color:var(--cyan)}.choice-card.mitsuketa .choice-title{color:var(--pink)}.choice-desc{color:var(--muted);margin:0;font-size:11.5px;line-height:1.6}.dup-panel{background:#ff7a2914;border:1.4px solid #ff7a2966;border-radius:14px;margin:14px 0 4px;padding:12px}.dup-panel-title{color:var(--orange);margin:0 0 9px;font-size:11.5px;font-weight:700}.dup-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.dup-thumb{background:radial-gradient(circle at 30% 20%,#1e2330,#10131c);border-radius:9px;flex:none;width:44px;height:44px;overflow:hidden}.dup-info{flex:1;min-width:0}.dup-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:Darumadrop One,sans-serif;font-size:12.5px;overflow:hidden}.dup-area{color:var(--muted-deep);font-size:10px}.dup-btn{border:1.4px solid var(--orange);color:var(--orange);cursor:pointer;background:0 0;border-radius:100px;flex:none;padding:7px 11px;font-size:10.5px;font-weight:700}.dup-dismiss{text-align:center;color:var(--muted-deep);margin-top:2px;font-size:10px}.success-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 30px;display:flex}.stamp-photo{border:2px solid var(--panel-line);background:radial-gradient(circle at 30% 20%,#1e2330,#10131c);border-radius:20px;width:180px;height:180px;margin-bottom:26px;position:relative;overflow:hidden}.success-wrap h2{color:var(--pink);text-shadow:0 0 10px #ff2e8899;margin:0 0 8px;font-family:Darumadrop One,sans-serif;font-size:20px;font-weight:400}.success-wrap p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.7}.progress-note{background:var(--panel);border:1px solid var(--panel-line);color:var(--muted);text-align:left;border-radius:16px;width:100%;margin-bottom:26px;padding:16px;font-size:12px;line-height:1.7}.vote-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.vote-row{background:var(--panel);border:1.4px solid var(--panel-line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.vote-row.leading{border-color:var(--pink);box-shadow:inset 0 0 8px #ff2e8840}.vote-name-wrap{align-items:center;gap:8px;min-width:0;display:flex}.vote-rank{color:var(--muted-deep);flex:none;width:16px;font-family:Darumadrop One,sans-serif;font-size:11px}.vote-row.leading .vote-rank{color:var(--pink)}.vote-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:Darumadrop One,sans-serif;font-size:13px;font-weight:400;overflow:hidden}.vote-btn{cursor:pointer;border:1.4px solid var(--cyan);color:var(--cyan);background:0 0;border-radius:100px;flex:none;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12px;font-weight:700;display:flex}.vote-row.leading .vote-btn{border-color:var(--pink);color:var(--pink)}.vote-btn.voted{background:var(--cyan);border-color:var(--cyan);color:#031a18}.vote-row.leading .vote-btn.voted{background:var(--pink);border-color:var(--pink);color:#160009}.vote-btn svg{width:13px;height:13px}.vote-add{gap:8px;margin-top:2px;display:flex}.vote-input{background:var(--night);border:1.4px dashed var(--panel-line);min-width:0;color:var(--text);border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12.5px}.vote-input:focus{border-color:var(--cyan)}.vote-add-btn{border:1.4px solid var(--pink);color:var(--pink);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:0 16px;font-size:12px;font-weight:700}.comment-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.comment-item{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:9px 12px}.comment-top{justify-content:space-between;gap:8px;margin-bottom:3px;display:flex}.comment-user{color:var(--cyan);touch-action:manipulation;padding:6px 0;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-block}.comment-date{color:var(--muted-deep);font-size:9.5px}.comment-text{color:var(--text);font-size:12px;line-height:1.6}.comment-empty{color:var(--muted-deep);padding:6px 2px 12px;font-size:11px}.comment-add{gap:8px;margin-bottom:4px;display:flex}.comment-input{background:var(--night);border:1.4px dashed var(--panel-line);min-width:0;color:var(--text);border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12.5px}.comment-input:focus{border-color:var(--yellow)}.comment-add-btn{border:1.4px solid var(--yellow);color:var(--yellow);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:0 16px;font-size:12px;font-weight:700}.cropper-overlay{z-index:200;background:#000000f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cropper-modal{background:var(--night);border-radius:24px;flex-direction:column;align-items:center;width:calc(100% - 32px);max-width:380px;padding-bottom:20px;display:flex;overflow:hidden}.cropper-topbar{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;width:100%;padding:14px 18px;display:flex}.cropper-title{color:var(--text);font-size:13px;font-weight:700}.cropper-cancel{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.cropper-done{color:var(--pink);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:700}.cropper-stage{border:2px solid var(--panel-line);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:16px;width:320px;height:320px;margin:18px 0 0;overflow:hidden}.cropper-canvas{cursor:grab;width:320px;height:320px;display:block}.cropper-controls{width:100%;color:var(--muted);align-items:center;gap:10px;padding:14px 20px 0;display:flex}.cropper-slider{accent-color:var(--pink);cursor:pointer;flex:1}.cropper-hint{color:var(--muted-deep);margin:8px 0 0;font-size:11px}.photo-delete-btn{color:#ff5050bf;cursor:pointer;background:0 0;border:1.2px solid #ff505080;border-radius:100px;align-items:center;gap:6px;margin-top:12px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.photo-delete-btn:hover{color:#ff5050e6;border-color:#ff5050e6}.photo-delete-btn:disabled{opacity:.5;cursor:default}.mypage-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.mypage-avatar{border:2px solid var(--pink);width:54px;height:54px;color:var(--pink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Darumadrop One,sans-serif;font-size:13px;display:flex;box-shadow:0 0 8px #ff2e8880,0 0 20px #ff2e8840}.mypage-handle{color:var(--text);font-family:Darumadrop One,sans-serif;font-size:16px}.mypage-joined{color:var(--muted);align-items:center;margin-top:2px;font-size:11px;display:flex}.bio-input{background:var(--night);border:1.2px solid var(--cyan);color:var(--text);border-radius:8px;outline:none;flex:1;min-width:0;padding:4px 8px;font-family:Zen Kaku Gothic New,sans-serif;font-size:11px}.bio-save-btn{background:var(--cyan);color:#031a18;cursor:pointer;border:none;border-radius:8px;flex:none;padding:4px 10px;font-size:11px;font-weight:700}