*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#e8e8e8;background-color:#141414;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='140'%3E%3Cg transform='translate(45,35)'%3E%3Cpath d='M0,-20 L20,0 L0,20 L-20,0 Z' fill='none' stroke='%23fff' stroke-width='0.5' opacity='.06'/%3E%3Cpath d='M0,-12 L12,0 L0,12 L-12,0 Z' fill='none' stroke='%23fff' stroke-width='0.5' opacity='.03'/%3E%3C/g%3E%3Cg transform='translate(0,105)'%3E%3Cpath d='M0,-20 L20,0 L0,20 L-20,0 Z' fill='none' stroke='%23fff' stroke-width='0.5' opacity='.06'/%3E%3Cpath d='M0,-12 L12,0 L0,12 L-12,0 Z' fill='none' stroke='%23fff' stroke-width='0.5' opacity='.03'/%3E%3C/g%3E%3Cg transform='translate(90,105)'%3E%3Cpath d='M0,-20 L20,0 L0,20 L-20,0 Z' fill='none' stroke='%23fff' stroke-width='0.5' opacity='.06'/%3E%3Cpath d='M0,-12 L12,0 L0,12 L-12,0 Z' fill='none' stroke='%23fff' stroke-width='0.5' opacity='.03'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:90px 140px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}img{display:block}button{font-family:inherit}.share-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #333;background:#1a1a1a;cursor:pointer;transition:all .2s;padding:0}.share-btn:hover{transform:scale(1.1)}.share-icon{font-size:1rem;line-height:1}.share-btn.twitter{color:#fff}.share-btn.twitter:hover{background:#000;border-color:#555}.share-btn.facebook{color:#1877f2}.share-btn.facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-btn.reddit{color:#ff4500}.share-btn.reddit:hover{background:#ff4500;border-color:#ff4500;color:#fff}.share-btn.email{color:#aaa}.share-btn.email:hover{background:#444;border-color:#666;color:#fff}.share-btn.copy{color:#aaa}.share-btn.copy:hover{background:#444;border-color:#666;color:#fff}@media(max-width:480px){.share-btn{width:44px;height:44px}}.favorite-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #333;background:#1a1a1a;cursor:pointer;transition:all .2s;padding:0}.favorite-btn:hover{transform:scale(1.1);border-color:#e55}.favorite-btn.favorited{border-color:#e55;background:#2a1515}.favorite-btn.pop{animation:heart-pop .4s ease}.favorite-icon{font-size:1.1rem;line-height:1}@keyframes heart-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@media(max-width:480px){.favorite-btn{width:44px;height:44px}}.reaction-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:42px;min-width:42px;padding:0 10px;border-radius:21px;border:1px solid #333;background:#1a1a1a;cursor:pointer;transition:all .2s;color:#aaa;font-size:.85rem}.reaction-btn:hover{transform:scale(1.1)}.reaction-btn .reaction-icon{font-size:1.1rem;line-height:1}.reaction-btn .reaction-count{font-variant-numeric:tabular-nums}.reaction-btn.active-up{border-color:#93a78b;background:#1a211a;color:#93a78b}.reaction-btn.active-up:hover{border-color:#a8baa0}.reaction-btn.active-down{border-color:#b5745e;background:#211a17;color:#b5745e}.reaction-btn.active-down:hover{border-color:#ca9278}.reaction-btn.pop{animation:reaction-pop .4s ease}@keyframes reaction-pop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}@media(max-width:480px){.reaction-btn{height:44px;min-width:44px}}.calendar-wrapper{position:relative}.calendar-toggle{background:none;border:1px solid #444;color:#ccc;font-size:1.2rem;padding:.3rem .6rem;border-radius:6px;cursor:pointer;transition:all .2s;line-height:1}.calendar-toggle:hover{border-color:#888;background:#333}.calendar-popup{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1e;border:1px solid #444;border-radius:10px;padding:1rem;z-index:100;box-shadow:0 8px 32px #0009;min-width:280px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.calendar-month-label{font-size:.95rem;font-weight:600;color:#e8e8e8}.calendar-nav{background:none;border:1px solid #444;color:#ccc;font-size:1.3rem;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.calendar-nav:hover:not(:disabled){border-color:#888;background:#333;color:#fff}.calendar-nav:disabled{opacity:.25;cursor:default}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekday{text-align:center;font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;padding:.3rem 0}.calendar-day{text-align:center;padding:.4rem 0;font-size:.85rem;border-radius:6px;border:none;background:none;color:#555;cursor:default;transition:all .15s}.calendar-day.empty{pointer-events:none}.calendar-day.available{color:#ccc;cursor:pointer}.calendar-day.available:hover{background:#333;color:#fff}.calendar-day.current{background:#7c6fdb;color:#fff;font-weight:700}.calendar-day.current:hover{background:#8d82e0}@media(max-width:480px){.calendar-popup{min-width:260px;padding:.75rem;left:auto;right:0;transform:none}.calendar-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.calendar-day{padding:.5rem 0;font-size:.8rem}}.prompt-reveal{width:100%;text-align:center}.prompt-toggle{background:none;border:1px solid #333;color:#888;font-size:.8rem;padding:.4rem 1rem;border-radius:20px;cursor:pointer;transition:all .2s;font-style:italic}.prompt-toggle:hover{border-color:#666;color:#bbb;background:#1a1a1a}.prompt-content{margin-top:.75rem;padding:1rem 1.2rem;background:#1a1a1a;border:1px solid #333;border-radius:10px;text-align:left}.prompt-content p{margin:0;font-size:.85rem;line-height:1.7;color:#999;font-family:SF Mono,Fira Code,Consolas,monospace}@media(max-width:480px){.prompt-toggle{font-size:.75rem;padding:.4rem .8rem}.prompt-content{padding:.75rem .9rem}.prompt-content p{font-size:.8rem}}.view-counter{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#666;padding:.5rem 0}.view-counter-day{color:#888}.view-counter-dot{color:#444}.view-counter-active{color:#ca9278}.view-counter-total{color:#555}.view-counter-debug{background:none;border:1px dashed #555;color:#f0c040;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;cursor:pointer;margin-left:.25rem}.view-counter-debug:hover{background:#252218;border-color:#f0c040}.view-counter-debug-danger{color:#e55;border-color:#533}.view-counter-debug-danger:hover{background:#2a1515;border-color:#e55}@media(max-width:480px){.view-counter{font-size:.75rem;gap:.4rem}}.daily-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:720px;padding:0 1rem}.daily-nav{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center}.daily-date{font-size:1rem;font-weight:400;color:#aaa;margin:0;text-align:center;min-width:200px}.nav-arrow{background:none;border:1px solid #444;color:#ccc;font-size:1.4rem;padding:.3rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s}.nav-arrow:hover:not(:disabled){border-color:#888;color:#fff;background:#333}.nav-arrow:disabled{opacity:.25;cursor:default}.daily-scene{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:opacity .2s ease,transform .2s ease}.daily-scene.swipe-left{opacity:0;transform:translate(-30px)}.daily-scene.swipe-right{opacity:0;transform:translate(30px)}.daily-image-wrap{width:100%;display:flex;justify-content:center}.daily-image{max-width:100%;height:auto;max-height:500px;border-radius:12px;box-shadow:0 4px 24px #0006}.daily-text{width:100%;display:flex;flex-direction:column;gap:1rem}.daily-actions{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.daily-dialogue{width:100%;display:flex;flex-direction:column;gap:1rem}.dialogue-line{padding:1rem 1.2rem;border-radius:10px;background:#1e1e1e;border-left:3px solid #444}.dialogue-line.therapist{border-left-color:#ca9278}.dialogue-line.patient{border-left-color:#93a78b;margin-left:1.5rem}.dialogue-line.punchline{border-left-color:#f0c040;background:#252218}.speaker{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem}.speaker-logo{display:inline-block;width:18px;height:18px}.speaker-emoji{font-size:1.15em}.dialogue-line p{margin:0;line-height:1.6;font-size:1.05rem}.dialogue-line.punchline p{color:#f0c040}@media(min-width:1100px){.daily-content{max-width:1060px}.daily-scene{flex-direction:row;align-items:flex-start;gap:2rem}.daily-image-wrap{flex:0 0 auto;max-width:540px}.daily-image{max-height:none}.daily-text{flex:1;min-width:0}.dialogue-line.patient{margin-left:1rem}}@media(max-width:480px){.daily-content{gap:.75rem;padding:0 .5rem}.daily-nav{gap:.5rem}.daily-date{font-size:.9rem;min-width:0}.nav-arrow{font-size:1.2rem;padding:.4rem .7rem;min-width:44px;min-height:44px}.daily-image{max-height:350px;border-radius:8px}.daily-dialogue{gap:.75rem}.dialogue-line{padding:.75rem .9rem;border-radius:8px}.dialogue-line.patient{margin-left:.75rem}.dialogue-line p{font-size:.95rem}.speaker{font-size:.7rem}}.favorites-drawer-wrap{position:relative}.favorites-toggle{display:flex;align-items:center;gap:.3rem;background:#1e1e1e;border:1px solid #444;color:#888;font-size:.85rem;padding:.4rem .8rem;border-radius:20px;cursor:pointer;transition:all .2s}.favorites-toggle.has-favs{border-color:#633}.favorites-toggle:hover{border-color:#e55;background:#2a1515}.favorites-toggle-icon{font-size:.9rem;line-height:1}.favorites-badge{background:#e55;color:#fff;font-size:.7rem;font-weight:700;min-width:1.1rem;height:1.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.favorites-panel{position:absolute;top:calc(100% + .5rem);right:0;width:280px;max-height:360px;background:#1e1e1e;border:1px solid #444;border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:100;overflow:hidden;display:flex;flex-direction:column}.favorites-header{padding:.75rem 1rem;border-bottom:1px solid #333;font-size:.85rem;font-weight:600;color:#ccc}.favorites-empty{padding:1.5rem 1rem;text-align:center;color:#666;font-size:.85rem;line-height:1.5}.favorites-list{overflow-y:auto;flex:1}.favorites-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1rem;background:none;border:none;border-bottom:1px solid #262626;color:#ccc;font-size:.85rem;cursor:pointer;transition:background .15s;text-align:left;font-family:inherit}.favorites-item:last-child{border-bottom:none}.favorites-item:hover{background:#252525}.favorites-item-date{flex:1}.favorites-item-remove{color:#666;font-size:1.1rem;padding:0 .25rem;cursor:pointer;transition:color .15s;line-height:1}.favorites-item-remove:hover{color:#e55}@media(max-width:480px){.favorites-panel{width:260px;right:-.5rem}}.countdown{display:inline-flex;align-items:center;gap:.4rem}.countdown-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.countdown-time{font-size:.9rem;font-weight:700;color:#ca9278;font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.1em}@media(max-width:480px){.countdown-label{font-size:.7rem}.countdown-time{font-size:.85rem}}.topics-page{width:100%;max-width:600px;margin:0 auto;padding:1rem}.topics-back{background:#1e1e1e;border:1px solid #444;color:#aaa;font-size:.85rem;padding:.4rem 1rem;border-radius:20px;cursor:pointer;transition:all .2s;margin-bottom:1rem}.topics-back:hover{background:#2a2a2a;border-color:#666;color:#e8e8e8}.topics-page h2{color:#e8e8e8;font-size:1.3rem;margin:0 0 1rem}.topics-status{color:#888;font-size:.95rem}.topics-table{width:100%;border-collapse:collapse}.topics-table th{text-align:left;color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;border-bottom:1px solid #333}.topics-table td{padding:.5rem .75rem;border-bottom:1px solid #1e1e1e;font-size:.9rem;color:#ccc}.topics-table a{color:#7eaad4;text-decoration:none}.topics-table a:hover{text-decoration:underline}.topics-table tbody tr:hover{background:#1a1a1a}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center}.app-header{padding:1.2rem 1rem .6rem;text-align:center;width:100%}.app-header h1{font-size:1.6rem;font-weight:700;margin:0;color:#e8e8e8;display:flex;align-items:center;justify-content:center;gap:.5rem}.header-logo{width:40px;height:40px;flex-shrink:0}.header-sub{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.3rem;flex-wrap:wrap}.header-dot{color:#444;font-size:.9rem}.tagline{font-size:.85rem;color:#666;font-style:italic}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;width:100%}@media(max-width:480px){.app-header{padding:1rem .75rem .4rem}.app-header h1{font-size:1.2rem}.header-logo{width:32px;height:32px}.header-dot{display:none}.header-sub{flex-direction:column;gap:.1rem}.tagline{font-size:.75rem}.app-main{padding:.5rem}}.status{color:#888;font-size:1.1rem;padding:3rem}.status.error{color:#e55}.status.brewing{color:#f0c040;font-size:.95rem;padding:.5rem 1rem;background:#252218;border-radius:8px;margin-bottom:.5rem}.action-btns{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem;min-height:1.8rem}.today-btn,.random-btn{background:#1e1e1e;border:1px solid #444;font-size:.85rem;padding:.4rem 1rem;border-radius:20px;cursor:pointer;transition:all .2s}.today-btn{color:#f0c040}.today-btn:hover{background:#252218;border-color:#f0c040}.random-btn{color:#93a78b}.random-btn:hover{background:#1a211a;border-color:#93a78b}.app-footer{width:100%;text-align:center;padding:2rem 1rem 1.5rem;margin-top:auto;border-top:1px solid #222}.app-footer p{margin:.25rem 0;font-size:.75rem;color:#555}.app-footer p:first-child{font-style:italic;color:#666}