:root{--color-bg:#0f0f1e;--color-bg-card:#1a1a2e;--color-bg-card2:#16213e;--color-primary:#a855f7;--color-primary-light:#c084fc;--color-accent:#ec4899;--color-accent-light:#f472b6;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-border:#a855f733;--color-border-hover:#a855f780;--color-success:#22c55e;--color-tag-bg:#a855f726;--color-tag-bg-checked:#a855f759;--color-tag-border:#a855f766;--gradient-primary:linear-gradient(135deg, #a855f7, #ec4899);--gradient-card:linear-gradient(135deg, #a855f71a, #ec48990d);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 4px 24px #0006, 0 1px 4px #a855f71a;--shadow-btn:0 4px 14px #a855f74d;--transition:.2s ease}@media (prefers-color-scheme:light){:root{--color-bg:#f8f5ff;--color-bg-card:#fff;--color-bg-card2:#f3eeff;--color-text:#1e1b2e;--color-text-muted:#6b6b8a;--color-text-subtle:#9e9eb8;--color-border:#a855f740;--color-border-hover:#a855f799;--color-tag-bg:#a855f71a;--color-tag-bg-checked:#a855f740;--shadow-card:0 4px 24px #a855f71f, 0 1px 4px #0000000f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#a855f70f 0%,#0000 50%),radial-gradient(at 80% 80%,#ec48990f 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0f0f1ed9;padding:12px 16px;position:sticky;top:0}@media (prefers-color-scheme:light){.site-header{background:#f8f5ffe0}}.header-inner{align-items:center;gap:12px;max-width:680px;margin:0 auto;display:flex}.site-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.site-subtitle{color:var(--color-text-muted);font-size:.7rem;display:none}@media (width>=480px){.site-subtitle{display:block}}.container{z-index:1;flex-direction:column;gap:16px;max-width:680px;margin:0 auto;padding:16px 12px 40px;display:flex;position:relative}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 16px;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}@media (width>=480px){.container{padding:20px 16px 60px}.card{padding:24px 20px}}.section-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-icon{font-size:1.3rem;line-height:1}.section-title{color:var(--color-text);letter-spacing:.03em;font-size:1.05rem;font-weight:700}.section-desc{color:var(--color-text-muted);margin-top:-8px;margin-bottom:16px;font-size:.8rem}.today-date{color:var(--color-text-muted);margin-bottom:12px;font-size:.85rem}.anniversary-row{align-items:stretch;gap:10px;margin-bottom:20px;display:flex}.anniversary-box{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;flex:1;padding:14px 16px}.anniversary-box--tomorrow{opacity:.75;flex:0 0 38%;padding:10px 12px}.anniversary-box--tomorrow .anniversary-name{font-size:1.05rem}.anniversary-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-light);margin-bottom:6px;font-size:.7rem}.anniversary-name{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.tags-area{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.tags-row{align-items:flex-start;gap:0;display:flex}.tags-row .tags-group{flex:1;min-width:0}.tags-row-divider{background:var(--color-border);flex-shrink:0;align-self:stretch;width:1px;margin:0 12px}.tags-group-label{color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem;font-weight:600}.tags-list{flex-wrap:wrap;gap:6px;display:flex}.tag-checkbox{cursor:pointer;align-items:center;gap:0;display:flex}.tag-checkbox input[type=checkbox]{display:none}.tag-checkbox span{background:var(--color-tag-bg);border:1px solid var(--color-tag-border);color:var(--color-text-muted);transition:all var(--transition);-webkit-user-select:none;user-select:none;border-radius:999px;padding:5px 10px;font-size:.78rem;line-height:1.4;display:inline-block}.tag-checkbox input[type=checkbox]:checked+span{background:var(--color-tag-bg-checked);border-color:var(--color-primary);color:var(--color-primary-light);font-weight:600;box-shadow:0 0 8px #a855f733}.tag-checkbox:hover span{border-color:var(--color-border-hover);color:var(--color-text)}.copy-area{flex-direction:column;gap:10px;display:flex}.copy-preview{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);word-break:break-all;background:#ffffff0a;min-height:40px;padding:10px 12px;font-size:.8rem;line-height:1.6}@media (prefers-color-scheme:light){.copy-preview{background:#00000008}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:700;text-decoration:none;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;width:100%;box-shadow:var(--shadow-btn);letter-spacing:.03em;padding:13px 20px;font-size:.95rem}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.btn-copy .btn-icon{font-size:1.1rem}.search-buttons,.booth-buttons{flex-direction:column;gap:10px;display:flex}.btn-search,.btn-booth{border:1px solid var(--color-border);background:var(--color-bg-card2);color:var(--color-text);border-radius:var(--radius-md);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:14px 16px}.btn-search:hover,.btn-booth:hover{border-color:var(--color-primary);background:#a855f714;transform:translateY(-2px);box-shadow:0 6px 20px #a855f726}.btn-search .btn-icon,.btn-booth .btn-icon{margin-bottom:2px;font-size:1.4rem}.btn-label{color:var(--color-text);font-size:.95rem;font-weight:700}.btn-sub{color:var(--color-text-muted);font-size:.73rem;font-weight:400}.btn-search-low{border-left:3px solid #a855f7}.btn-search-high{border-left:3px solid #ec4899}.btn-search-images{border-left:3px solid #06b6d4}.btn-search-oyav{border-left:3px solid #6366f1}.btn-booth-free{border-left:3px solid #22c55e}.btn-booth-paid{border-left:3px solid #f59e0b}.search-group{margin-bottom:16px}.search-group-label{color:var(--color-text-muted);margin:0 0 8px 2px;font-size:.78rem;font-weight:600}.search-note{color:var(--color-text-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff08;margin-top:12px;padding:8px 12px;font-size:.72rem}@media (prefers-color-scheme:light){.search-note{background:#00000008}}.guide-block{margin-bottom:20px}.guide-block:last-child{margin-bottom:0}.guide-heading{color:var(--color-primary-light);align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;font-weight:700;display:flex}.guide-heading:before{content:"";background:var(--gradient-primary);border-radius:2px;width:3px;height:14px;display:inline-block}.guide-list{flex-direction:column;gap:8px;list-style:none;display:flex}.guide-list li{color:var(--color-text-muted);padding-left:16px;font-size:.82rem;line-height:1.6;position:relative}.guide-list li:before{content:"▸";color:var(--color-primary);position:absolute;left:0}.checklist{flex-direction:column;gap:8px;display:flex}.check-item{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.check-item:hover{background:#a855f70d}.check-item input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;width:16px;height:16px;margin-top:2px}.check-item span{color:var(--color-text-muted);font-size:.82rem;line-height:1.6}.promo-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.75rem;font-weight:600}.promo-tweet{margin-bottom:24px}.promo-tweet .twitter-tweet{margin:0 auto!important}.promo-booth{margin-top:8px}.booth-banner{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition);text-decoration:none;display:block;overflow:hidden}.booth-banner:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px #a855f733}.booth-banner-inner{background:var(--gradient-card);align-items:center;gap:12px;padding:14px 16px;display:flex}.booth-banner-icon{flex-shrink:0;font-size:1.8rem}.booth-banner-text{flex-direction:column;flex:1;gap:2px;display:flex}.booth-banner-title{color:var(--color-text);font-size:.95rem;font-weight:700}.booth-banner-desc{color:var(--color-text-muted);font-size:.72rem}.booth-banner-arrow{color:var(--color-primary);flex-shrink:0;font-size:1.2rem}.tips-intro{color:var(--color-text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.7}.tips-step{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tips-step-num{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.8rem;font-weight:800;display:flex}.tips-step-body{flex:1}.tips-step-body strong{color:var(--color-text);margin-bottom:4px;font-size:.88rem;display:block}.tips-step-body p{color:var(--color-text-muted);font-size:.8rem;line-height:1.6}.tips-note{color:var(--color-primary-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#a855f714;margin-top:16px;padding:10px 14px;font-size:.82rem}.toast{background:var(--color-success);color:#fff;z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 4px 20px #22c55e66}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.site-footer{z-index:1;text-align:center;border-top:1px solid var(--color-border);padding:20px 16px 32px;position:relative}.footer-text{color:var(--color-text-muted);margin-bottom:4px;font-size:.78rem}.footer-text a{color:var(--color-primary-light);text-decoration:none}.footer-text a:hover{text-decoration:underline}.footer-copy{color:var(--color-text-subtle);font-size:.72rem}@media (width>=600px){.search-buttons,.booth-buttons{flex-flow:wrap}.btn-search,.btn-booth{flex:1;min-width:160px}.site-title{font-size:1.4rem}.anniversary-name{font-size:1.8rem}}.btn-maker-link{border-radius:var(--radius-lg);transition:all var(--transition);background:linear-gradient(135deg,#a855f71f,#ec489914);border:1px solid #a855f766;text-decoration:none;animation:.4s 80ms backwards fadeInUp;display:block;position:relative;overflow:hidden;box-shadow:0 4px 20px #a855f726}.btn-maker-link:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.btn-maker-link:hover{border-color:#a855f7b3;transform:translateY(-3px);box-shadow:0 8px 28px #a855f752}.btn-maker-link:active{transition:all 80ms;transform:translateY(0)scale(.98);box-shadow:0 2px 10px #a855f733}.btn-maker-inner{align-items:center;gap:14px;padding:16px 18px;display:flex}.btn-maker-icon{filter:drop-shadow(0 0 6px #a855f799);flex-shrink:0;font-size:2rem}.btn-maker-text{flex-direction:column;flex:1;gap:3px;display:flex}.btn-maker-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:.03em;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.btn-maker-sub{color:var(--color-text-muted);font-size:.73rem}.btn-maker-arrow{color:var(--color-primary);transition:transform var(--transition);flex-shrink:0;font-size:1.3rem;animation:5s ease-in-out infinite arrowNudge}.btn-maker-link:hover .btn-maker-arrow{animation-play-state:paused;transform:translate(4px)}@media (prefers-color-scheme:light){.btn-maker-link{background:linear-gradient(90deg,#a7f3d0,#a5f3fc);border:2px solid #2dd4bf;box-shadow:0 4px 6px -1px #0000001a,0 2px 16px #2dd4bf33}.btn-maker-link:hover{border-color:#14b8a6;box-shadow:0 6px 20px #2dd4bf59,0 2px 6px #0000001a}.btn-maker-link:before{background:linear-gradient(90deg,#2dd4bf,#38bdf8)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes arrowNudge{0%{transform:translate(0)}5%{transform:translate(4px)}10%{transform:translate(0)}15%{transform:translate(4px)}20%{transform:translate(0)}to{transform:translate(0)}}.card{animation:.4s both fadeInUp}.card:first-child{animation-delay:50ms}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}