.loading-text-animated{display:inline-flex;align-items:baseline;animation:text-bounce 2s ease-in-out infinite}@keyframes text-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animated-ellipsis{display:inline-flex;margin-left:2px}.animated-ellipsis span{animation:ellipsis-bounce 1.4s infinite ease-in-out;opacity:0}.animated-ellipsis span:nth-child(1){animation-delay:0s}.animated-ellipsis span:nth-child(2){animation-delay:.2s}.animated-ellipsis span:nth-child(3){animation-delay:.4s}@keyframes ellipsis-bounce{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.start-screen{min-height:100vh;min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative}.start-screen-history-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-fg);cursor:pointer;transition:all .2s ease;z-index:10}.start-screen-history-btn:hover{background:var(--color-gray-200);transform:scale(1.05)}.start-screen-history-btn:active{transform:scale(.95)}.start-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:40px;text-align:center}.logo-section{display:flex;flex-direction:column;align-items:center;gap:12px}.logo{font-size:48px;font-weight:700;font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-fg)}.tagline{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--color-gray-500)}.input-section{display:flex;flex-direction:column;gap:24px;text-align:left}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.seed-input{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:2px solid var(--color-gray-300);font-size:24px;font-weight:500;font-family:var(--font-serif);color:var(--color-fg);outline:none;transition:border-color .2s ease;border-radius:0}.seed-input::placeholder{font-size:16px;color:var(--color-gray-300);opacity:.6;font-family:var(--font-sans)}.input-with-dice{position:relative;display:flex;align-items:center}.input-with-dice .seed-input{padding-right:48px}.dice-btn{position:absolute;right:0;bottom:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-gray-500);cursor:pointer;transition:all .2s ease}.dice-btn:hover{background:var(--color-fg);color:var(--color-white);transform:rotate(15deg)}.dice-btn:active{transform:rotate(180deg) scale(.9)}.seed-input:focus{border-color:var(--color-fg)}.start-btn{width:100%;padding:16px 24px;background:var(--color-fg);border:none;border-radius:30px;color:var(--color-white);font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:.05em;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#000}.start-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.start-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.bio-step{animation:slideInRight .4s cubic-bezier(.23,1,.32,1)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--color-gray-500)}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bio-textarea{min-height:160px;max-height:300px;resize:none;font-size:16px;line-height:1.6;padding:12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-gray-100);font-family:var(--font-sans)}.bio-textarea:focus{border-color:var(--color-fg);background:var(--color-white)}.bio-textarea::placeholder{font-size:14px;line-height:1.6;color:var(--color-gray-400);font-style:italic;opacity:.8}.text-btn{background:none;border:none;cursor:pointer;text-decoration:none;padding:8px;font-family:inherit;color:var(--color-gray-400);font-weight:500;transition:color .2s}.text-btn:hover{color:var(--color-fg)}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;width:100%;z-index:20;position:relative}.top-bar-title{font-size:20px;font-weight:600;color:var(--color-fg);letter-spacing:.05em}.top-bar-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-fg);cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:8px 12px;border-radius:20px;transition:background .2s ease}.top-bar-btn:hover{background:var(--color-gray-100)}.btn-text{display:none}@media(min-width:400px){.btn-text{display:inline}}.swipe-card-container{position:relative;width:calc(100vw - 48px);max-width:320px;height:calc(100% - 48px);max-height:min(560px,calc(100vh - 140px))}.swipe-card{position:relative;width:100%;height:100%;will-change:transform}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);-webkit-mask-image:-webkit-radial-gradient(white,black)}.card-front{background:var(--color-white);color:var(--color-fg);padding:24px;box-shadow:var(--shadow-lg);transform:translateZ(1px)}.card-back{color:var(--color-white);padding:24px;box-shadow:var(--shadow-md);transform:rotateY(180deg) translateZ(1px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:0;border-bottom:none;z-index:2}.card-index{font-size:14px;font-weight:600;opacity:.4;font-family:var(--font-serif)}.card-tag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#0000000d;color:var(--color-fg);padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px 0;overflow:hidden}.card-headline{font-size:clamp(28px,6vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-fg)}.card-error-hint{margin-top:16px;font-size:14px;color:var(--color-gray-500);font-weight:500}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0;border-top:none;opacity:.6}.flip-hint{font-size:12px;font-weight:500;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.card-back-header{display:flex;align-items:center;gap:12px;padding-bottom:20px}.card-back-header h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.card-back-content{flex:1;overflow:hidden;padding-right:0;display:flex;flex-direction:column}.detail-list{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:space-between}.detail-item{margin-bottom:0;flex:0 0 auto;max-height:25%;overflow:hidden}.detail-row{display:flex;gap:8px;flex:1;min-height:0}.detail-item-card{background:#ffffff0d;padding:12px;border-radius:12px;display:flex;flex-direction:column;min-height:0}.detail-list>.detail-item-card{flex:1;min-height:0}.detail-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin-bottom:4px;flex-shrink:0}.detail-body{font-size:15px;font-weight:500;line-height:1.4;color:#fffffff2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.detail-text{font-size:13px;line-height:1.4;color:#ffffffd9;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:1}.card-back-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.1);text-align:center;flex-shrink:0}.card-back-footer span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.swipe-overlay{position:absolute;top:50%;left:50%;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 32px;border-radius:24px;pointer-events:none;will-change:transform,opacity;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overlay-next,.overlay-prev{background:#ffffffe6;color:var(--color-fg);box-shadow:var(--shadow-xl)}.overlay-collect,.overlay-dive{background:#1a1a1ae6;color:var(--color-white);box-shadow:var(--shadow-xl)}.overlay-text{font-size:24px;font-weight:700;font-style:italic;letter-spacing:-.01em;white-space:nowrap}@media(max-height:600px){.swipe-card-container{max-height:calc(100vh - 100px)}.card-front,.card-back{padding:16px}.card-headline{font-size:clamp(20px,5vw,32px);-webkit-line-clamp:5;line-clamp:5}.overlay-text{font-size:28px}}@media(min-width:500px){.swipe-card-container{max-width:400px}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50}.basket-drawer{position:fixed;left:0;right:0;bottom:0;height:80vh;max-height:600px;background:var(--color-white);border-top:none;border-top-left-radius:32px;border-top-right-radius:32px;z-index:51;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000014}.drawer-header{display:flex;align-items:center;gap:12px;padding:24px 32px;border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.drawer-title{font-size:20px;font-weight:600;font-family:var(--font-serif);color:var(--color-fg)}.drawer-count{font-size:12px;font-weight:600;color:var(--color-gray-400);flex:1;background:var(--color-gray-100);padding:4px 10px;border-radius:12px;display:inline-block;width:fit-content}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-fg);cursor:pointer;transition:all .2s ease}.drawer-close-btn:hover{background:var(--color-gray-300);transform:rotate(90deg)}.card-stack-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;touch-action:none;padding:0;cursor:grab;-webkit-user-select:none;user-select:none;background:var(--color-bg)}.card-stack-container:active{cursor:grabbing}.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:.4;color:var(--color-gray-400);font-size:14px}.card-stack-track{position:relative;width:0;height:0;display:flex;align-items:center;justify-content:center}.stack-card{position:absolute;width:260px;height:380px;left:-130px;top:-190px;cursor:pointer;will-change:transform}.stack-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.stack-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:none;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;background:var(--color-white)}.stack-card-front{color:var(--color-fg);box-shadow:var(--shadow-md)}.stack-card-back{color:var(--color-white);background:var(--color-fg);transform:rotateY(180deg);box-shadow:var(--shadow-lg)}.stack-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.stack-card-tag{font-size:10px;font-weight:700;text-transform:uppercase;background:#fff6;color:var(--color-fg);padding:4px 10px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stack-card-remove{background:#0000000d;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-fg);opacity:.6;transition:all .2s;padding:0}.stack-card-remove:hover{background:#0000001a;opacity:1}.stack-card-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.stack-card-headline{font-size:22px;font-weight:600;line-height:1.3;font-family:var(--font-serif);display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.stack-card-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.stack-card-back-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.stack-card-back-content{flex:1;padding:20px;overflow-y:auto}.detail-item{margin-bottom:20px}.detail-item .detail-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:6px}.detail-item p{font-size:15px;line-height:1.6;color:#fffffff2}.stack-card-body{font-size:15px;line-height:1.6;color:#ffffffe6}.card-dots{display:flex;justify-content:center;gap:8px;padding:20px;flex-shrink:0}.card-dot{width:6px;height:6px;border-radius:50%;background:var(--color-gray-300);transition:all .2s ease}.card-dot.active{background:var(--color-fg);transform:scale(1.2);width:20px;border-radius:4px}.stack-card-back .card-back-header{padding:12px 16px;gap:8px}.stack-card-back .card-back-header h3{font-size:12px}.stack-card-back .card-back-content{padding:12px 16px}.stack-card-back .detail-list{gap:6px}.stack-card-back .detail-item{max-height:22%}.stack-card-back .detail-label{font-size:9px;margin-bottom:3px}.stack-card-back .detail-body{font-size:13px;-webkit-line-clamp:4;line-clamp:4}.stack-card-back .detail-row{gap:6px}.stack-card-back .detail-item-card{padding:8px 10px;border-radius:10px}.stack-card-back .detail-text{font-size:11px;-webkit-line-clamp:2;line-clamp:2}.stack-card-back .card-back-footer{padding:10px 16px}.stack-card-back .card-back-footer span{font-size:9px}.history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50}.history-drawer{position:fixed;left:0;right:0;bottom:0;height:70vh;max-height:600px;background:var(--color-white);border-top:none;border-top-left-radius:32px;border-top-right-radius:32px;z-index:51;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000014}.history-header{display:flex;align-items:center;gap:12px;padding:24px 32px;border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.history-title{font-size:20px;font-weight:600;font-family:var(--font-serif);color:var(--color-fg)}.history-count{font-size:12px;font-weight:600;color:var(--color-gray-400);flex:1;background:var(--color-gray-100);padding:4px 10px;border-radius:12px;display:inline-block;width:fit-content}.history-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-fg);cursor:pointer;transition:all .2s ease}.history-close-btn:hover{background:var(--color-gray-300);transform:rotate(90deg)}.history-content{flex:1;overflow-y:auto;padding:24px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;opacity:.4;color:var(--color-gray-400);font-size:14px}.history-timeline{display:flex;flex-direction:column;gap:0}.history-item{display:flex;gap:20px;cursor:pointer;position:relative;padding-bottom:24px;transition:opacity .3s ease}.history-item.is-archived{opacity:.6}.history-item.is-archived:hover{opacity:1}.history-item.is-current .history-card{border-color:var(--color-pastel-blue);background:var(--color-white);box-shadow:0 4px 12px #0000000d}.history-item.is-current .history-dot{background:var(--color-pastel-blue);box-shadow:0 0 0 4px #a2d2ff33}.history-item.is-current .history-action{opacity:1;transform:translate(0);color:var(--color-pastel-blue)}.history-line{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px;padding-top:8px}.history-dot{width:12px;height:12px;border-radius:50%;background:var(--color-fg);border:2px solid var(--color-white);box-shadow:0 0 0 2px var(--color-gray-100);z-index:2}.history-connector{width:2px;flex:1;background:var(--color-gray-100);margin-top:4px;margin-bottom:-12px}.history-card{flex:1;background:var(--color-gray-100);border-radius:16px;padding:16px;transition:all .2s ease;border:1px solid transparent}.history-card:hover{background:var(--color-white);border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-tag{font-size:10px;font-weight:700;text-transform:uppercase;background:var(--color-white);padding:4px 8px;border-radius:8px;color:var(--color-gray-500)}.history-index{font-size:12px;font-weight:700;color:var(--color-gray-300)}.history-headline{font-size:16px;font-weight:600;line-height:1.4;color:var(--color-fg);margin-bottom:12px}.history-action{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-gray-400);opacity:0;transform:translate(-5px);transition:all .2s ease}.history-card:hover .history-action{opacity:1;transform:translate(0)}.exploration-history-drawer{position:fixed;bottom:0;left:0;right:0;height:60vh;background:var(--color-white);border-radius:24px 24px 0 0;box-shadow:0 -4px 30px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;min-height:0}.history-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;min-height:0}.swipe-hint{font-size:12px;color:var(--color-gray-400);text-align:right;margin:0 0 4px}.history-item-wrapper{position:relative;border-radius:var(--radius-lg);overflow:clip}.history-item-delete-bg{position:absolute;top:0;right:0;bottom:0;width:80px;background:transparent;display:flex;align-items:center;justify-content:center;z-index:0}.history-item-delete-btn{width:44px;height:44px;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out,opacity .1s ease-out;box-shadow:0 2px 8px #ef44444d}.history-item-delete-btn:active{background:#dc2626}.history-item{display:flex;align-items:center;gap:14px;padding:14px 16px;width:100%;background:var(--color-gray-50);border-radius:var(--radius-lg);cursor:pointer;position:relative;z-index:1;will-change:transform;touch-action:pan-y;-webkit-user-select:none;user-select:none;box-sizing:border-box}.history-item:active{background:var(--color-gray-100)}.history-item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-pastel-purple);border-radius:50%;color:var(--color-fg);flex-shrink:0}.history-item-content{flex:1;min-width:0}.history-item-seed{font-size:17px;font-weight:600;color:var(--color-fg);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:12px;row-gap:6px;font-size:11px;color:var(--color-gray-500)}.history-item-time{display:flex;align-items:center;gap:4px}.history-item-basket,.history-item-depth{padding:1px 6px;border-radius:6px;font-weight:500;font-size:11px;display:inline-flex;align-items:center}.history-item-basket{background:#ffb37333;color:#e67e22}.history-item-depth{background:#87cefa33;color:#2980b9}.clear-history-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-top:8px;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-500);font-size:14px;cursor:pointer;transition:all .2s ease}.clear-history-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.confirm-dialog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirm-dialog{background:var(--color-white);border-radius:var(--radius-xl, 20px);padding:28px 24px;width:85%;max-width:320px;text-align:center;box-shadow:0 8px 32px #00000026}.confirm-dialog-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:50%;color:#ef4444}.confirm-dialog-title{font-size:20px;font-weight:600;color:var(--color-fg);margin:0 0 8px}.confirm-dialog-message{font-size:14px;color:var(--color-gray-500);margin:0 0 24px;line-height:1.5}.confirm-dialog-actions{display:flex;gap:12px}.confirm-dialog-btn{flex:1;padding:12px 16px;border-radius:var(--radius-md, 12px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-dialog-btn.cancel{background:var(--color-gray-100);border:none;color:var(--color-fg)}.confirm-dialog-btn.cancel:hover{background:var(--color-gray-200)}.confirm-dialog-btn.confirm{background:#ef4444;border:none;color:#fff}.confirm-dialog-btn.confirm:hover{background:#dc2626}.confirm-dialog-btn.confirm:active{transform:scale(.98)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;width:100%;z-index:20;margin-top:auto}.bottom-btn{background:transparent;border:none;color:var(--color-gray-500);cursor:pointer;padding:8px;transition:color .2s ease}.bottom-btn:hover{color:var(--color-fg)}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.badge-dot{position:absolute;top:0;right:0;width:8px;height:8px;background:#ff5252;border-radius:50%;border:2px solid var(--color-bg)}.bottom-helper{font-size:12px;color:var(--color-gray-400);font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-align:center}.app-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.card-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.loading-state{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeInScale .5s ease-out forwards}.loading-card{width:96px;height:128px;background:var(--color-white);box-shadow:var(--shadow-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-gray-300);border-top-color:var(--color-fg);border-radius:50%;animation:spin 1.2s linear infinite}.loading-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500);padding:4px 12px;animation:textFadeIn .6s ease-out .2s both}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--color-bg: #ffffff;--color-fg: #1a1a1a;--color-white: #ffffff;--color-pastel-blue: #E3F2FD;--color-pastel-green: #E8F5E9;--color-pastel-purple: #F3E5F5;--color-pastel-orange: #FFF3E0;--color-pastel-pink: #FCE4EC;--color-pastel-gray: #F5F5F5;--color-gray-100: #f5f5f5;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #757575;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-thin: 1px solid var(--color-gray-300);--border-thick: 2px solid var(--color-fg);--radius-lg: 24px;--radius-md: 12px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button{outline:none;-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-gray-400);outline-offset:2px}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#root{height:100%}.font-serif{font-family:var(--font-serif)}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-6xl{font-size:60px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.tracking-widest{letter-spacing:.2em}.tracking-tighter{letter-spacing:-.05em}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:var(--border-thin);background:var(--color-white);color:var(--color-fg);font-family:var(--font-sans);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--color-fg);color:var(--color-white)}.btn:active{transform:translate(2px,2px)}.btn-primary{background:var(--color-fg);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-white);color:var(--color-fg)}.btn-primary:active{box-shadow:none;transform:translate(4px,4px)}.btn-lg{padding:var(--space-6) var(--space-8);font-size:18px}.btn-icon{width:48px;height:48px;padding:0;box-shadow:var(--shadow-sm)}.btn-icon:active{box-shadow:none;transform:translate(2px,2px)}.input{width:100%;padding:var(--space-4) var(--space-2);background:transparent;border:none;border-bottom:4px solid var(--color-fg);font-family:var(--font-serif);font-size:30px;font-weight:700;color:var(--color-fg);outline:none;transition:border-color .2s ease}.input::placeholder{color:var(--color-gray-300)}.input:focus{border-color:var(--color-fg)}.card{background:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-lg)}.card-dark{background:var(--color-fg);color:var(--color-white);border:var(--border-thick);box-shadow:12px 12px #00000080}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out-expo) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:var(--color-white);border-left:var(--border-thick);box-shadow:-8px 0 24px #0003;overflow:hidden;display:flex;flex-direction:column}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:60}.modal-content{position:relative;width:100%;max-width:480px;background:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-xl);padding:var(--space-8)}.tag{display:inline-block;padding:2px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:1px solid currentColor}.tag-filled{background:var(--color-fg);color:var(--color-white);border-color:var(--color-fg)}.divider{width:2px;height:24px;background:var(--color-fg)}input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:var(--color-white);border:1px solid var(--color-fg);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--color-fg);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--color-fg);border:none;cursor:pointer}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}