.rtp-page{padding:var(--space-4) 0;max-width:380px;margin:0 auto}.rtp-hero{text-align:center;margin-bottom:var(--space-4)}.rtp-hero svg{color:var(--color-accent);margin-bottom:var(--space-1);width:24px;height:24px}.rtp-hero h1{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:2px}.rtp-hero p{font-size:11px;color:var(--text-muted)}.rtp-calc{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.rtp-display{padding:var(--space-3) var(--space-4)}.rtp-display__row{padding:10px 12px;border:1px solid var(--border);border-radius:4px;margin-bottom:var(--space-2);cursor:pointer;transition:border-color var(--transition-fast);display:flex;flex-direction:column;gap:4px}.rtp-display__row--active{border-color:var(--color-accent-border);background:var(--color-accent-dim)}.rtp-display__label{font-size:11px;font-weight:var(--fw-semi);color:var(--text-muted)}.rtp-display__row--active .rtp-display__label{color:var(--color-accent)}.rtp-display__input-wrap{display:flex;align-items:baseline;justify-content:flex-end;gap:4px}.rtp-display__input{flex:1 1;background:none;border:none;outline:none;font-size:var(--fs-lg);font-weight:var(--fw-bold);font-family:var(--font-mono);color:var(--text-primary);text-align:right;line-height:1.2;padding:0;min-width:0}.rtp-display__input::placeholder{color:var(--text-muted);opacity:.4}.rtp-display__unit{font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium);flex-shrink:0}.rtp-result{padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;margin-top:var(--space-1)}.rtp-result__gauge{margin-bottom:var(--space-3)}.rtp-result__gauge-bar{height:6px;background:var(--bg-active);border-radius:3px;overflow:hidden}.rtp-result__gauge-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.rtp-result__row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.rtp-result__label{font-size:var(--fs-sm);color:var(--text-muted)}.rtp-result__rtp{font-size:var(--fs-lg)}.rtp-result__profit,.rtp-result__rtp{font-weight:var(--fw-bold);font-family:var(--font-mono)}.rtp-result__profit{font-size:var(--fs-base)}.rtp-keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.08);border-top:1px solid hsla(0,0%,100%,.1)}.rtp-key{padding:16px 0;background:#2a2a2a;border:none;font-size:var(--fs-base);font-weight:var(--fw-bold);font-family:var(--font-mono);color:#fff;cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center}.rtp-key:hover{background:#3a3a3a}.rtp-key:active{background:#444;transform:scale(.97)}.rtp-key--func{background:#3a3a3a;color:#ddd}.rtp-key--func:hover{background:#444}.rtp-key--danger{background:#c43c3c;color:#fff}.rtp-key--danger:hover{background:#a33232}.rtp-key--enter{grid-column:span 2;background:var(--color-accent);color:var(--color-accent-text);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.rtp-key--enter:hover{background:var(--color-accent-hover)}.rtp-result__copy{width:100%;margin-top:var(--space-3);padding:8px;background:var(--bg-active);border:1px solid var(--border-strong);border-radius:2px;color:var(--text-second);font-size:var(--fs-xs);font-family:var(--font-sans);font-weight:var(--fw-semi);cursor:pointer;transition:all var(--transition-fast)}.rtp-result__copy:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes rtpSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}