:root{--ojisan-primary:#00B900;--ojisan-primary-light:#4CD964;--ojisan-primary-dark:#008800;--ojisan-pink:#FFB6C1;--ojisan-yellow:#FFD700;--ojisan-blue:#87CEEB;--ojisan-purple:#DDA0DD;--ojisan-bg-gradient-start:#FFF0F5;--ojisan-bg-gradient-end:#F0FFFF;--ojisan-shadow-soft:0 4px 6px rgba(0,0,0,0.1);--ojisan-shadow-medium:0 8px 16px rgba(0,0,0,0.15);--ojisan-shadow-large:0 16px 32px rgba(0,0,0,0.2)}.ojisan-container{background:linear-gradient(135deg,var(--ojisan-bg-gradient-start),var(--ojisan-bg-gradient-end));border-radius:24px;padding:24px;box-shadow:var(--ojisan-shadow-medium);position:relative;overflow:hidden}.ojisan-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);pointer-events:none}.ojisan-button{background:linear-gradient(135deg,var(--ojisan-primary),var(--ojisan-primary-light));color:white;border:none;border-radius:50px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:var(--ojisan-shadow-soft);text-shadow:0 1px 2px rgba(0,0,0,.2)}.ojisan-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--ojisan-shadow-medium)}.ojisan-button:active{transform:translateY(0) scale(.98);box-shadow:var(--ojisan-shadow-soft)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ojisan-bounce{animation:bounce .5s ease-in-out}.ojisan-input{background:white;border:3px solid var(--ojisan-primary-light);border-radius:16px;padding:12px 16px;font-size:16px;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.ojisan-input:focus{outline:none;border-color:var(--ojisan-primary);box-shadow:0 0 0 4px rgba(0,185,0,.1),inset 0 2px 4px rgba(0,0,0,.05);transform:scale(1.02)}.ojisan-textarea{background:white;border:3px solid var(--ojisan-primary-light);border-radius:16px;padding:16px;font-size:16px;resize:vertical;min-height:120px;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.ojisan-textarea:focus{outline:none;border-color:var(--ojisan-primary);box-shadow:0 0 0 4px rgba(0,185,0,.1),inset 0 2px 4px rgba(0,0,0,.05)}.ojisan-bubble{background:white;border-radius:20px;padding:16px 20px;position:relative;box-shadow:var(--ojisan-shadow-soft);max-width:80%;word-wrap:break-word;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}.ojisan-bubble:after{content:"";position:absolute;bottom:-10px;left:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.ojisan-bubble-user{background:var(--ojisan-primary-light);color:white;margin-left:auto}.ojisan-bubble-user:after{border-top-color:var(--ojisan-primary-light);left:auto;right:30px}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ojisan-intensity-group{display:flex;gap:12px;margin:16px 0}.ojisan-intensity-button{flex:1;padding:12px 16px;border:3px solid transparent;border-radius:16px;background:white;cursor:pointer;transition:all .3s ease;box-shadow:var(--ojisan-shadow-soft);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.ojisan-intensity-button:hover{transform:translateY(-2px);box-shadow:var(--ojisan-shadow-medium)}.ojisan-intensity-button.active{border-color:var(--ojisan-primary);background:linear-gradient(135deg,rgba(0,185,0,.1),rgba(76,217,100,.1))}.ojisan-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin:16px 0}.ojisan-template-button{aspect-ratio:1;border:3px solid transparent;border-radius:16px;background:white;cursor:pointer;transition:all .3s ease;box-shadow:var(--ojisan-shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;padding:8px}.ojisan-template-button:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:var(--ojisan-shadow-medium);border-color:var(--ojisan-primary-light)}.ojisan-template-button.active{border-color:var(--ojisan-primary);background:linear-gradient(135deg,rgba(0,185,0,.1),rgba(76,217,100,.1));transform:scale(1.05)}.ojisan-template-icon{font-size:32px}.ojisan-share-bar{display:flex;gap:12px;margin-top:16px}.ojisan-share-button{padding:8px 16px;border-radius:12px;border:2px solid transparent;background:white;cursor:pointer;transition:all .3s ease;box-shadow:var(--ojisan-shadow-soft);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.ojisan-share-button:hover{transform:translateY(-2px);box-shadow:var(--ojisan-shadow-medium)}.ojisan-share-button.copy{border-color:var(--ojisan-blue);color:#1DA1F2}.ojisan-share-button.twitter{border-color:#1DA1F2;color:#1DA1F2}.ojisan-share-button.line{border-color:#00B900;color:#00B900}.ojisan-loading{display:inline-flex;gap:4px;align-items:center}.ojisan-loading-dot{width:8px;height:8px;background:var(--ojisan-primary);border-radius:50%;animation:loadingBounce 1.4s ease-in-out infinite}.ojisan-loading-dot:first-child{animation-delay:-.32s}.ojisan-loading-dot:nth-child(2){animation-delay:-.16s}.ojisan-loading-dot:nth-child(3){animation-delay:0}@keyframes loadingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.ojisan-control-row{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.ojisan-control-row{flex-direction:row;align-items:center;gap:16px}}.ojisan-name-inline{display:flex;align-items:center;gap:8px;background:white;border:3px solid var(--ojisan-primary-light);border-radius:50px;padding:8px 16px;box-shadow:var(--ojisan-shadow-soft);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.ojisan-name-inline:focus-within{border-color:var(--ojisan-primary);transform:scale(1.02);box-shadow:0 0 0 4px rgba(0,185,0,.1)}.ojisan-name-label{font-weight:700;color:var(--ojisan-primary);font-size:14px;white-space:nowrap}.ojisan-name-input{flex:1;min-width:60px;max-width:120px;border:none;outline:none;background:transparent;font-size:14px;font-weight:600;color:#333}.ojisan-name-suffix{font-weight:700;color:var(--ojisan-primary);font-size:14px;white-space:nowrap}.ojisan-intensity-segmented{display:flex;align-items:center;gap:8px}.ojisan-intensity-label{font-size:18px}.ojisan-segments{display:inline-flex;background:#f0f0f4;border-radius:12px;padding:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);position:relative}.ojisan-segment{padding:6px 16px;border:none;background:transparent;border-radius:9px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px;font-weight:600;color:#666;position:relative;z-index:1}.ojisan-segment.active{background:white;color:var(--ojisan-primary);box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.ojisan-segment:hover:not(.active){color:var(--ojisan-primary-light)}.ojisan-segment-icon{font-size:16px}.ojisan-segment-label{font-size:14px}.ojisan-template-section{margin-top:16px}.ojisan-template-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.ojisan-template-scroll-container{position:relative;margin:0 -16px;padding:0 16px}.ojisan-template-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ojisan-template-scroll::-webkit-scrollbar{display:none}.ojisan-template-card{flex-shrink:0;scroll-snap-align:center;width:90px;height:90px;background:white;border:3px solid transparent;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;overflow:hidden}.ojisan-template-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--ojisan-yellow) 0,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.ojisan-template-card:hover{transform:translateY(-8px) rotate(-5deg) scale(1.1);border-color:var(--ojisan-primary-light);box-shadow:0 12px 24px rgba(0,185,0,.2)}.ojisan-template-card:hover:before{opacity:.3}.ojisan-template-card.active{background:linear-gradient(135deg,rgba(0,185,0,.1),rgba(76,217,100,.1));border-color:var(--ojisan-primary);transform:scale(1.05);box-shadow:0 0 0 4px rgba(0,185,0,.2)}.ojisan-template-card.active:before{opacity:.5}.ojisan-template-card-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ojisan-template-card-label{font-size:11px;font-weight:700;color:#333;text-align:center}.ojisan-template-gradient-left,.ojisan-template-gradient-right{position:absolute;top:0;width:30px;height:100%;pointer-events:none;z-index:2}.ojisan-template-gradient-left{left:0;background:linear-gradient(90deg,rgba(255,255,255,1) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,0))}.ojisan-template-gradient-right{right:0;background:linear-gradient(270deg,rgba(255,255,255,1) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,0))}.ojisan-template-hint{margin-top:8px;font-size:12px;color:#666;font-style:italic;text-align:center}@media (max-width:768px){.ojisan-container{padding:12px;border-radius:16px}.ojisan-bubble{max-width:90%}.space-y-6{gap:12px}.space-y-4{gap:8px}h1{font-size:24px!important}.ojisan-textarea{min-height:80px;font-size:14px}@media (max-width:480px){.ojisan-name-input{max-width:80px}.ojisan-segment{padding:6px 12px}.ojisan-segment-label{font-size:12px}}}@keyframes emojiRain{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.ojisan-emoji-rain{position:fixed;top:-50px;font-size:24px;animation:emojiRain 3s linear;pointer-events:none;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}