:root{font-family:Arial,Helvetica,sans-serif;color:#242424;background:#faf9f6;font-synthesis:none;-webkit-font-smoothing:antialiased;font-weight:400;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ac9667;outline-offset:5px}[hidden]{display:none!important}header{padding:34px 44px}.wordmark{display:inline-flex;align-items:center;gap:0;color:#292929;font-size:19px;font-weight:600;letter-spacing:-.6px;text-decoration:none}.wordmark-muted{color:#93918a;font-weight:400}.brand-face{display:block;overflow:hidden;flex-shrink:0;margin-right:9px;width:27px;height:27px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1;letter-spacing:0;font-weight:400}.brand-reel{display:block;animation:brand-cycle 16s steps(8,end) infinite}.brand-reel>span{display:grid;place-items:center;width:27px;height:27px}.wordmark:is(:hover,:focus-visible) .brand-reel{animation-play-state:paused}@keyframes brand-cycle{to{transform:translateY(-216px)}}.workspace{display:grid;grid-template-columns:minmax(20px,1fr) minmax(0,560px) minmax(20px,1fr);flex:1}main{grid-column:2;width:100%;margin:69px 0 30px;text-align:center}.intro h1{margin:0;font-size:clamp(42px,5.2vw,61px);font-weight:500;letter-spacing:-3.3px;line-height:1.06}.intro{margin-bottom:34px}.input-wrap{display:flex;align-items:center;position:relative;border:1px solid #dedcd5;background:#fff;border-radius:15px;box-shadow:0 3px 5px #28220e03;transition:box-shadow .18s,border-color .18s}.input-wrap:focus-within{border-color:#bdb9af;box-shadow:none}.search-icon{position:absolute;left:20px;color:#aaa69b;pointer-events:none}input{width:100%;height:65px;padding:0 47px 0 54px;background:none;border:0;outline:none;font-size:18px;letter-spacing:-.3px;color:#2c2b27}input::placeholder{color:#aaa69e}.clear{position:absolute;right:9px;width:38px;height:44px;background:none;border:0;color:#939087;font-size:25px;cursor:pointer}.clear:hover{color:#242424}.input-hint{margin:13px 0 0;color:#969188;font-size:12px;letter-spacing:.1px}.result-area{position:relative;min-height:256px;padding-top:31px;display:flex;align-items:center;flex-direction:column}.empty-state{height:187px;display:grid;place-items:center}.empty-state span{display:grid;place-items:center;width:98px;height:98px;border:1.5px dashed #dcd8ce;border-radius:50%;font-size:77px;line-height:1;color:#dedacf;padding-bottom:10px;transform:rotate(-9deg);user-select:none}.emoji-button{border:0;background:transparent;padding:8px 25px 16px;min-width:180px;border-radius:22px;cursor:pointer;display:flex;align-items:center;flex-direction:column;transition:background .18s,transform .18s;position:relative}.emoji-button:hover{background:#eeece540;transform:translateY(-3px)}.emoji-button:active{transform:scale(.95)}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:100px;line-height:1.35;min-height:135px;display:block;transition:opacity .12s,transform .18s}.emoji.pop{animation:pop .2s ease-out}.emoji-label{font-size:13px;color:#77746c;margin-top:4px;max-width:280px;line-height:1.5}.copy-hint{display:flex;gap:5px;align-items:center;justify-content:center;font-size:12px;color:#969188;margin-top:9px;min-height:16px}.emoji-button.copied .copy-hint{color:#587245}.message{color:#8c877c;font-size:13px;line-height:1.5;max-width:340px;min-height:20px;margin-top:8px}.result-area[data-state="loading"] .emoji{opacity:.4}.result-area[data-state="loading"] .empty-state{animation:breathe 1s ease-in-out infinite}.result-area[data-state="error"] .empty-state{height:138px}.retry{margin-top:8px;background:none;border:0;padding:7px 12px;font-size:13px;color:#666057;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.retry:hover{color:#222}footer{padding:22px;text-align:center;color:#aaa69b;font-size:11px;letter-spacing:.2px}footer span{margin-left:8px;color:#8e897e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pop{from{transform:scale(.88)}to{transform:scale(1)}}@keyframes breathe{50%{opacity:.45}}
.public-notice{margin:6px 0 0;color:#969188;font-size:11px;line-height:1.5}.activity{grid-column:3;align-self:start;justify-self:center;width:min(280px,calc(100% - 48px));margin:74px 24px 30px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #e9e6de}.activity h2{margin:0;font-size:14px;font-weight:500;letter-spacing:-.2px;color:#625e55}.feed-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#aaa69b;white-space:nowrap}.feed-status[data-live="true"]::before{content:"";width:5px;height:5px;border-radius:50%;background:#8aa47c}.feed-empty{font-size:12px;line-height:1.6;color:#aaa69b;margin:19px 0}.feed-list{list-style:none;margin:0;padding:0;max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dcd8ce transparent}.feed-item{display:flex;align-items:baseline;gap:8px;padding:13px 0;border-bottom:1px solid #efede7}.feed-symbol{flex-shrink:0;font-size:21px;line-height:1.4;min-width:30px}.feed-text{font-size:13px;line-height:1.6;color:#817b70;overflow-wrap:anywhere;min-width:0}
@media(min-width:961px) and (max-width:1199px){.workspace{grid-template-columns:minmax(20px,1fr) minmax(0,500px) minmax(240px,1fr)}}
@media(max-width:960px){.workspace{display:block}main{width:min(100% - 40px,560px);margin-left:auto;margin-right:auto}.activity{width:min(100% - 40px,560px);margin:0 auto 38px}.feed-list{max-height:280px}}
@media(max-height:720px){main{margin-top:28px}.result-area{min-height:230px;padding-top:18px}.intro{margin-bottom:27px}}
.activity-heading{padding-bottom:16px;border-bottom:0}
.activity h2{color:#48453e;font-weight:600;letter-spacing:-.2px}
.feed-status{padding:5px 8px;border-radius:999px;background:#f0ede6;color:#8d8171;font-size:10px;line-height:1.2}
.feed-status[data-live="true"]{background:#edf3e8;color:#67825a}
.feed-status[data-live="true"]::before{background:#87a475}
.feed-list{display:flex;flex-direction:column;gap:8px;padding:0 4px 4px 0}
.feed-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:12px;border:1px solid #edeae2;border-radius:14px;background:#ffffffa6}
.feed-symbol{display:grid;place-items:center;width:40px;height:40px;min-width:0;border-radius:11px;background:#f4f1e9;font-size:25px;line-height:1}
.feed-body{min-width:0;padding:1px 0}
.feed-text{display:block;color:#5e5a51;font-size:13px;line-height:1.45}
.feed-time{display:block;margin-top:5px;color:#9c978b;font-size:11px;line-height:1.3;font-variant-numeric:tabular-nums}
.feed-empty{margin:0;padding:20px 16px;border:1px dashed #e7e3d9;border-radius:14px;line-height:1.6;text-align:center}
.copy-mobile,.feed-toggle{display:none}
@media(max-width:600px),(max-width:960px) and (max-height:500px){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  header{padding:calc(12px + env(safe-area-inset-top)) 20px 4px}
  .wordmark{min-height:44px;font-size:18px}
  main{margin:18px auto 12px;width:calc(100% - 32px);max-width:560px}
  .intro h1{font-size:clamp(32px,9.5vw,40px);letter-spacing:-1.7px;line-height:1.08}
  .intro{margin-bottom:22px}
  .input-wrap{border-radius:14px;box-shadow:none}
  .search-icon{left:16px;width:19px;height:19px}
  input{font-size:16px;height:56px;padding-left:44px;padding-right:52px;scroll-margin:12px}
  .clear{right:3px;width:48px;height:48px;touch-action:manipulation}
  .input-hint{margin-top:10px;font-size:12px}
  .public-notice{margin-top:5px;font-size:11px}
  .result-area{padding-top:14px;min-height:208px}
  .emoji-button{width:100%;min-height:180px;padding:6px 16px 14px;touch-action:manipulation}
  .emoji-button:hover{background:transparent;transform:none}
  .emoji-button:active{background:#eeece580;transform:scale(.98)}
  .emoji{font-size:86px;line-height:1.2;min-height:104px}
  .emoji-label{font-size:14px;line-height:1.4;margin-top:5px}
  .copy-hint{font-size:14px;color:#726d62;margin-top:10px;min-height:20px}
  .copy-desktop{display:none}.copy-mobile{display:inline}
  .empty-state{height:160px}.empty-state span{width:78px;height:78px;font-size:62px}
  .message{margin-top:0;min-height:0;font-size:12px}.message:empty{display:none}
  .retry{min-height:44px;padding:10px 16px}
  .activity{width:calc(100% - 40px);max-width:552px;margin:0 auto 18px}
  .activity-heading{padding-bottom:0;min-height:52px;border-top:1px solid #e9e6de;border-bottom:0}
  .activity h2{display:none}
  .feed-toggle{display:flex;align-items:center;gap:10px;align-self:stretch;flex:1;text-align:left;min-height:52px;padding:10px 0;border:0;background:none;color:#625e55;font-size:14px;cursor:pointer;touch-action:manipulation}
  .feed-toggle-icon{font-size:19px;line-height:1;transition:transform .15s}
  .activity[data-expanded="true"] .feed-toggle-icon{transform:rotate(45deg)}
  .activity:not([data-expanded="true"]) .feed-content{display:none}
  .feed-list{max-height:260px}.feed-text{font-size:14px}
  footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom));font-size:10px;line-height:1.5}
}
@media(max-width:600px) and (max-height:600px),(max-width:960px) and (max-height:500px){
  header{padding-top:calc(4px + env(safe-area-inset-top))}
  main{margin-top:4px}.intro{margin-bottom:14px}.intro h1{font-size:28px;letter-spacing:-1px}
  .result-area{padding-top:8px;min-height:174px}.emoji-button{min-height:160px;padding-top:0}
  .emoji{font-size:72px;min-height:86px}.empty-state{height:132px}
}
input{padding-right:108px}.clear{right:58px;width:44px;height:44px}
.submit{position:absolute;right:8px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:11px;background:#292923;color:#fff;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}
.submit:hover:not(:disabled){background:#49483e}.submit:active:not(:disabled){transform:scale(.95)}.submit:disabled{background:#eceae4;color:#b2ada1;cursor:default}
.loading-state{height:150px;display:grid;place-items:end center;padding-bottom:18px;width:100%}.spinner{display:block;width:34px;height:34px;border:3px solid #e9e5da;border-top-color:#8b8065;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px),(max-width:960px) and (max-height:500px){input{padding-right:104px}.clear{right:53px;width:48px;height:48px}.submit{right:6px}.loading-state{height:130px}}
@media(max-width:600px) and (max-height:600px),(max-width:960px) and (max-height:500px){.loading-state{height:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}