.calculator{width:100%;max-width:400px;margin:0 auto;padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.calculator__tape{margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.calculator__display{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);height:240px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:var(--space-2);position:relative}.calculator__display-history{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:2px;opacity:.7;font-size:var(--fs-lg);color:var(--color-text-muted);font-family:var(--font-mono);flex:1;overflow-y:auto;min-height:0}.calculator__display-expression-part-group{display:flex;align-items:baseline;justify-content:space-between;gap:0;line-height:1.2;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:var(--transition-fast);width:100%}.calculator__display-expression-part-group:hover{background:var(--color-neutral-100)}.calculator__display-expression-part-group:focus{outline:2px solid var(--color-focus);outline-offset:-2px}.calculator__display-expression-part{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);line-height:1.2;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:var(--transition-fast);width:100%}.calculator__display-expression-part--inline{width:auto;display:inline-flex;pointer-events:none;cursor:default;justify-content:flex-start;gap:var(--space-1)}.calculator__display-expression-part--no-click{cursor:default}.calculator__display-expression-part:hover:not(.calculator__display-expression-part--no-click){background:var(--color-neutral-100)}.calculator__display-expression-part:focus{outline:2px solid var(--color-focus);outline-offset:-2px}.calculator__display-expression-memo{flex-shrink:0;font-size:var(--fs-sm);color:var(--color-text-muted);font-style:italic}.calculator__display-expression-value{flex-shrink:0;margin-left:auto}.calculator__display-text{font-size:var(--fs-4xl);font-weight:var(--fw-semibold);line-height:1;word-break:break-all;text-align:right;width:100%;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.calculator__memo-bar{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;justify-content:flex-start;gap:var(--space-2);z-index:10}.calculator__memo-button{padding:var(--space-1) var(--space-2);background:var(--color-neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.calculator__memo-button:hover{background:var(--color-neutral-200);border-color:var(--color-primary-300)}.calculator__memo-button:active{transform:scale(.98)}.calculator__memo-button.has-memo{background:var(--color-primary-100);border-color:var(--color-primary-400);color:var(--color-primary-700);font-weight:var(--fw-semibold)}.calculator__memo-button.has-memo:hover{background:var(--color-primary-200);border-color:var(--color-primary-500)}.calculator__share-button{padding:var(--space-1) var(--space-2);background:var(--color-neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.calculator__share-button:hover{background:var(--color-neutral-200);border-color:var(--color-primary-300)}.calculator__share-button:active{transform:scale(.98)}.calculator__share-button--copied{background:var(--color-success-100);border-color:var(--color-success-400);color:var(--color-success-700);font-weight:var(--fw-semibold)}.calculator__share-button--copied:hover{background:var(--color-success-200);border-color:var(--color-success-500)}.calculator__keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);width:100%}.calculator__key{aspect-ratio:1.5;min-width:0;border-radius:var(--radius-md);font-size:var(--fs-xl);font-weight:var(--fw-medium);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden;touch-action:manipulation}.calculator__key:active{opacity:.8;box-shadow:inset 0 2px 4px #0000001a}.calculator__key:before{content:"";position:absolute;inset:0;background:#0000000d;opacity:0;transition:opacity var(--transition-fast)}.calculator__key:hover:before{opacity:1}.calculator__key--digit{background:var(--color-neutral-100);color:var(--color-text);border-color:var(--color-border)}.calculator__key--operator{background:var(--color-warning);color:#fff}.calculator__key--operator.is-active{background:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning),0 0 0 4px #f59e0b4d;transform:scale(1.05)}.calculator__key--function{background:var(--color-neutral-300);color:var(--color-text)}.calculator__key--equals{background:var(--color-primary-500);color:#fff}.calculator__key--zero{grid-column:span 2;aspect-ratio:3}@media(prefers-color-scheme:dark){.calculator__key--digit{background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.calculator__key--function{background:var(--color-neutral-600)}.calculator__key:before{background:#ffffff0d}.calculator__memo-button{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.calculator__memo-button:hover{background:var(--color-neutral-700)}.calculator__memo-button.has-memo{background:var(--color-primary-900);border-color:var(--color-primary-600);color:var(--color-primary-200)}.calculator__memo-button.has-memo:hover{background:var(--color-primary-800);border-color:var(--color-primary-500)}.calculator__display-expression-part:hover:not(.calculator__display-expression-part--no-click){background:var(--color-neutral-800)}.calculator__display-expression-part-group:hover{background:var(--color-neutral-800)}.calculator__share-button{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.calculator__share-button:hover{background:var(--color-neutral-700)}.calculator__share-button--copied{background:var(--color-success-900);border-color:var(--color-success-600);color:var(--color-success-200)}.calculator__share-button--copied:hover{background:var(--color-success-800);border-color:var(--color-success-500)}}.dark-theme .calculator__key--digit{background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.dark-theme .calculator__key--function{background:var(--color-neutral-600)}.dark-theme .calculator__key:before{background:#ffffff0d}.dark-theme .calculator__memo-button{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .calculator__memo-button:hover{background:var(--color-neutral-700)}.dark-theme .calculator__memo-button.has-memo{background:var(--color-primary-900);border-color:var(--color-primary-600);color:var(--color-primary-200)}.dark-theme .calculator__memo-button.has-memo:hover{background:var(--color-primary-800);border-color:var(--color-primary-500)}.dark-theme .calculator__display-expression-part:hover:not(.calculator__display-expression-part--no-click){background:var(--color-neutral-800)}.dark-theme .calculator__display-expression-part-group:hover{background:var(--color-neutral-800)}.dark-theme .calculator__share-button{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .calculator__share-button:hover{background:var(--color-neutral-700)}.dark-theme .calculator__share-button--copied{background:var(--color-success-900);border-color:var(--color-success-600);color:var(--color-success-200)}.dark-theme .calculator__share-button--copied:hover{background:var(--color-success-800);border-color:var(--color-success-500)}@media(max-width:600px){.calculator{min-width:320px;max-width:100%;border-radius:0;padding:var(--space-3)}.calculator__display-text{font-size:var(--fs-3xl)}.calculator__key{font-size:var(--fs-lg)}}.calculator__key:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.calculator__display-history::-webkit-scrollbar{width:8px}.calculator__display-history::-webkit-scrollbar-track{background:var(--color-bg);border-radius:var(--radius-sm)}.calculator__display-history::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-sm)}.calculator__display-history::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.dark-theme .calculator__display-history::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}.dark-theme .calculator__display-history::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}@media print{.calculator__keypad{display:none}}.app{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}.app__header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}.app__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.app__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app__controls{display:flex;gap:var(--space-4);align-items:center}.app__template-link{padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.app__template-link:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-primary-500)}.app__settings{display:flex;gap:var(--space-2)}.app__setting-button{padding:var(--space-2);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition-fast);min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.app__setting-button:hover{background:var(--color-bg-hover);transform:scale(1.05)}.app__setting-button[aria-pressed=true]{background:var(--color-primary-100);color:var(--color-primary-700);border-color:var(--color-primary-300)}.app__main{flex:1;padding:var(--space-4);overflow-y:auto;min-height:0}.app__content{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem);justify-content:center}.app__content:has(.app__tapes){grid-template-columns:1fr 1fr}.app__calculator{display:flex;flex-direction:column;width:100%}.app__tapes{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.app__tape-panel{display:flex;flex-direction:column;align-items:flex-start;min-height:0;width:100%}.app__footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);margin-top:auto}.app__footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.app__footer-text{font-size:var(--fs-sm);color:var(--color-text-secondary);margin:0}.app__footer-link{color:var(--color-primary-500);text-decoration:none;margin:0 var(--space-2);transition:var(--transition-fast)}.app__footer-link:hover{color:var(--color-primary-600);text-decoration:underline}.app__footer-actions{display:flex;gap:var(--space-2);align-items:center}.app__footer-action-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-lg);cursor:pointer;transition:var(--transition-fast)}.app__footer-action-button:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.app__footer-action-button:active{transform:translateY(0)}.app__footer-social{display:flex;gap:var(--space-3);align-items:center}.app__footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:var(--transition-fast)}.app__footer-social-link:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.app__footer-social-link:active{transform:translateY(0)}.dark-theme{color-scheme:dark}.dark-theme .app__setting-button{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .app__setting-button:hover{background:var(--color-neutral-700);border-color:var(--color-primary-400)}.dark-theme .app__setting-button[aria-pressed=true]{background:var(--color-primary-900);color:var(--color-primary-200);border-color:var(--color-primary-600)}.dark-theme .app__template-link:hover{background:var(--color-neutral-800)}.dark-theme .app__footer-action-button{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .app__footer-action-button:hover{background:var(--color-neutral-700);border-color:var(--color-primary-500)}.dark-theme .app__footer-social-link{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .app__footer-social-link:hover{background:var(--color-neutral-700);border-color:var(--color-primary-500)}@media(min-width:1400px){.app__content{grid-template-columns:1fr 1fr 1fr;gap:var(--space-6)}}@media(min-width:1200px)and (max-width:1399px){.app__content{grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}}@media(max-width:900px){.app__content{grid-template-columns:1fr}}@media(max-width:600px){.app__header{padding:var(--space-2) var(--space-3)}.app__title{font-size:var(--fs-xl)}.app__controls{width:100%;flex-direction:column;align-items:stretch}.app__template-link{text-align:center}.app__settings{justify-content:center}.app__main{padding:var(--space-3);overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;height:100%}.app__calculator,.app__tape-panel{scroll-snap-align:start;-webkit-scroll-snap-align:start;scroll-snap-stop:always;-webkit-scroll-snap-stop:always}}@media print{.app__header,.app__footer{display:none}.app__main{padding:0}}.template-search-card{width:100%;max-width:400px;margin:2rem auto;padding:0 1rem}.template-search-card__header{margin-bottom:1.5rem}.template-search-card__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.template-search-card__controls{display:flex;gap:1rem;flex-wrap:wrap}.template-search-card__search{flex:1;min-width:200px;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;background:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s,box-shadow .2s}.template-search-card__search:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.template-search-card__category{min-width:150px;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;background:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);cursor:pointer;transition:border-color .2s}.template-search-card__category:focus{outline:none;border-color:var(--primary-color, #3b82f6)}.template-search-card__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(.75rem,1.5vw,1rem);margin-bottom:1.5rem;justify-content:start}.template-card{display:block;padding:1rem;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color, #3b82f6)}.template-card:active{transform:translateY(0)}.template-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.template-card__name{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0;line-height:1.4}.template-card__category{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:500;background:var(--primary-light, #dbeafe);color:var(--primary-color, #3b82f6);border-radius:.375rem;white-space:nowrap;flex-shrink:0}.template-card__description{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.template-card__variables{font-weight:500}.template-search-card__empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280)}.template-search-card__empty p{margin:0;font-size:1rem}.template-search-card__footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.template-search-card__view-all{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--primary-color, #3b82f6);text-decoration:none;border-radius:.5rem;transition:background-color .2s,color .2s}.template-search-card__view-all:hover{background-color:var(--primary-light, #dbeafe)}.dark-theme .template-search-card__title{color:var(--text-primary-dark, #f9fafb)}.dark-theme .template-search-card__search,.dark-theme .template-search-card__category{background:var(--bg-input-dark, #374151);border-color:var(--border-color-dark, #4b5563);color:var(--text-primary-dark, #f9fafb)}.dark-theme .template-card{background:var(--bg-card-dark, #1f2937);border-color:var(--border-color-dark, #374151)}.dark-theme .template-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 4px 12px #0000004d}.dark-theme .template-card__name{color:var(--text-primary-dark, #f9fafb)}.dark-theme .template-card__description{color:var(--text-secondary-dark, #d1d5db)}.dark-theme .template-card__footer{color:var(--text-tertiary-dark, #9ca3af)}.dark-theme .template-search-card__empty{color:var(--text-secondary-dark, #d1d5db)}.dark-theme .template-search-card__footer{border-top-color:var(--border-color-dark, #374151)}.dark-theme .template-search-card__view-all:hover{background-color:var(--primary-dark-hover, #1e3a8a)}@media(max-width:900px){.template-search-card{margin:1rem auto}.template-search-card__grid{grid-template-columns:1fr}.template-search-card__controls{flex-direction:column}.template-search-card__search,.template-search-card__category{width:100%}}@media(max-width:600px){.template-search-card{scroll-snap-align:start;-webkit-scroll-snap-align:start;scroll-snap-stop:always;-webkit-scroll-snap-stop:always}}.content-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden}.content-card--featured{border-color:var(--color-primary-300);box-shadow:0 4px 12px #3b82f61a}.content-card__header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.content-card__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0;color:var(--color-text)}.content-card__badge{display:inline-block;padding:.25rem var(--space-3);background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.content-card__description{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0}.content-card__install-button{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 4px #0000001a}.content-card__install-button:hover{background:var(--color-primary-700);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.content-card__install-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.content-card__installed-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.content-card__body{flex:1;padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.content-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.content-card__item{display:flex;gap:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text)}.content-card__item-icon{flex-shrink:0;font-size:var(--fs-lg)}.content-card__item strong{color:var(--color-text);font-weight:var(--fw-semibold);display:block;margin-bottom:.25rem}.content-card__link{display:inline-block;margin-left:var(--space-2);color:var(--color-primary-600);text-decoration:none;font-weight:var(--fw-medium);transition:var(--transition-fast)}.content-card__link:hover{color:var(--color-primary-700);text-decoration:underline}.content-card__examples{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.content-card__example{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text-secondary)}.content-card__example strong{color:var(--color-primary-600);font-weight:var(--fw-semibold)}.content-card__faq{display:flex;flex-direction:column;gap:var(--space-3)}.content-card__faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:var(--transition-fast)}.content-card__faq-item:hover{border-color:var(--color-primary-300)}.content-card__faq-item[open]{border-color:var(--color-primary-500);background:var(--color-primary-50)}.content-card__faq-question{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-text);cursor:pointer;user-select:none;list-style:none}.content-card__faq-question::-webkit-details-marker{display:none}.content-card__faq-question:before{content:"▶";display:inline-block;margin-right:var(--space-2);font-size:var(--fs-xs);transition:transform .2s;color:var(--color-primary-600)}.content-card__faq-item[open] .content-card__faq-question:before{transform:rotate(90deg)}.content-card__faq-answer{margin:var(--space-3) 0 0 0;padding-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.content-card__section{margin-bottom:var(--space-4)}.content-card__section:last-child{margin-bottom:0}.content-card__subtitle{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 var(--space-3) 0}.content-card__text{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text-secondary);margin:0}.content-card__install-guide{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.content-card__install-guide:last-child{margin-bottom:0}.content-card__device-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0}.content-card__steps{list-style:decimal;padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.content-card__steps li{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text-secondary);padding-left:var(--space-2)}.content-card__icon-inline{display:inline-block;padding:0 .25rem;font-weight:var(--fw-semibold);color:var(--color-primary-600)}.content-card__note{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text)}.content-card__note strong{color:var(--color-warning-700);font-weight:var(--fw-semibold)}.dark-theme .content-card{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .content-card__install-button{background:var(--color-primary-500)}.dark-theme .content-card__install-button:hover{background:var(--color-primary-600)}.dark-theme .content-card__installed-badge{background:var(--color-success-900);color:var(--color-success-300);border-color:var(--color-success-700)}.dark-theme .content-card--featured{border-color:var(--color-primary-600);box-shadow:0 4px 12px #3b82f633}.dark-theme .content-card__header{border-bottom-color:var(--color-neutral-700)}.dark-theme .content-card__examples,.dark-theme .content-card__faq-item{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}.dark-theme .content-card__faq-item:hover{border-color:var(--color-primary-600)}.dark-theme .content-card__faq-item[open]{border-color:var(--color-primary-500);background:var(--color-primary-900)}.dark-theme .content-card__faq-answer{border-top-color:var(--color-neutral-700)}.dark-theme .content-card__install-guide{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}.dark-theme .content-card__note{background:var(--color-warning-900);border-color:var(--color-warning-700)}.dark-theme .content-card__note strong{color:var(--color-warning-400)}@media(max-width:900px){.content-card__title{font-size:var(--fs-lg)}}@media(max-width:600px){.content-card__header,.content-card__body{padding:var(--space-3)}.content-card__item{gap:var(--space-2)}.content-card__item-icon{font-size:var(--fs-base)}.content-card__faq-question{font-size:var(--fs-sm)}}@media print{.content-card{page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}.content-card__body{overflow:visible}.content-card__faq-item[open]{background:#fff}}.tape{width:100%;max-width:400px;height:100%;display:flex;flex-direction:column;background:var(--color-bg-elevated);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.tape__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.tape__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0;color:var(--color-text)}.tape__count{font-size:var(--fs-sm);color:var(--color-text-muted);background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.tape__content{flex:1;overflow-y:auto;padding:var(--space-2)}.tape__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.tape__empty p{margin:var(--space-2) 0;font-size:var(--fs-base)}.tape__empty-hint{font-size:var(--fs-sm);opacity:.7}.tape__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.tape-line{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-fast)}.tape-line:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.tape-line__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--fs-xs);color:var(--color-text-muted)}.tape-line__number{font-weight:var(--fw-medium);font-family:var(--font-mono)}.tape-line__time{font-family:var(--font-mono)}.tape-line__content{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-base)}.tape-line__expression{color:var(--color-text);display:flex;flex-direction:column;align-items:flex-end;gap:2px;transition:var(--transition-fast)}.tape-line__expression:hover{background:var(--color-neutral-50);border-radius:var(--radius-sm);padding:var(--space-1);margin:calc(var(--space-1) * -1)}.dark-theme .tape-line__expression:hover{background:var(--color-neutral-800)}.tape-line__expression-part{text-align:right;min-width:100px;pointer-events:none}.tape-line__expression-edit{width:100%;margin-bottom:var(--space-2)}.tape-line__expression-input{width:100%;padding:var(--space-2);border:2px solid var(--color-primary-400);border-radius:var(--radius-sm);font-size:var(--fs-base);font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);text-align:right}.tape-line__expression-input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100)}.dark-theme .tape-line__expression-input:focus{box-shadow:0 0 0 3px var(--color-primary-900)}.tape-line__expression-error{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:#fee;color:#c00;border:1px solid #fcc;border-radius:var(--radius-sm);font-size:var(--fs-sm);text-align:center}.dark-theme .tape-line__expression-error{background:#400;color:#fcc;border-color:#800}.tape-line__expression-preview{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-family:var(--font-mono);text-align:right;font-weight:var(--fw-medium)}.dark-theme .tape-line__expression-preview{background:var(--color-primary-900);color:var(--color-primary-200);border-color:var(--color-primary-800)}.tape-line__result-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-1);border-top:1px solid var(--color-border)}.tape-line__equals{color:var(--color-text-muted);font-weight:var(--fw-medium)}.tape-line__result{color:var(--color-primary-600);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.tape-line__load-button{margin-top:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.tape-line__load-button:hover{background:var(--color-primary-100);border-color:var(--color-primary-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tape-line__load-button:active{transform:translateY(0);box-shadow:none}.dark-theme .tape-line__load-button{background:var(--color-primary-900);color:var(--color-primary-200);border-color:var(--color-primary-800)}.dark-theme .tape-line__load-button:hover{background:var(--color-primary-800);border-color:var(--color-primary-700)}.tape-line__tag-container{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border)}.tape-line__tag{display:inline-block;padding:2px var(--space-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.tape-line__memo-container{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.tape-line__memo{color:var(--color-text-muted);font-size:var(--fs-sm);font-style:italic;display:block}.dark-theme .tape__count{background:var(--color-neutral-800);color:var(--color-text)}.dark-theme .tape-line{background:var(--color-bg-elevated);border-color:var(--color-border)}.dark-theme .tape-line:hover{border-color:var(--color-primary-600)}.dark-theme .tape-line__result{color:var(--color-primary-400)}.dark-theme .tape-line__tag{background:var(--color-primary-900);color:var(--color-primary-200)}@media(max-width:900px){.tape{height:auto;min-height:300px;max-height:500px}.tape__content{max-height:400px}}@media(max-width:600px){.tape__header{padding:var(--space-3)}.tape__title{font-size:var(--fs-base)}.tape-line{padding:var(--space-2)}.tape-line__content{font-size:var(--fs-sm)}.tape-line__result{font-size:var(--fs-base)}}.tape__content::-webkit-scrollbar{width:8px}.tape__content::-webkit-scrollbar-track{background:var(--color-bg);border-radius:var(--radius-sm)}.tape__content::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-sm)}.tape__content::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.dark-theme .tape__content::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}.dark-theme .tape__content::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content--small{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0;color:var(--color-text)}.modal-close{background:none;border:none;font-size:var(--fs-2xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);line-height:1;border-radius:var(--radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-4);min-height:0}@media(prefers-color-scheme:dark){.modal-overlay,.modal-backdrop{background:#000000b3}.modal-error{background:#400;color:#fcc;border-color:#600}.modal-preview{background:var(--color-primary-900);border-color:var(--color-primary-700)}.modal-preview-label{color:var(--color-primary-300)}.modal-preview-value{color:var(--color-primary-100)}.modal-hint{background:var(--color-gray-800)}.modal-button--secondary{background:var(--color-gray-700);color:var(--color-gray-100)}.modal-button--secondary:hover{background:var(--color-gray-600)}.modal-close-button:hover{background:var(--color-gray-800)}.modal-close-button:active{background:var(--color-gray-700)}}.dark-theme .modal-overlay,.dark-theme .modal-backdrop{background:#000000b3}.dark-theme .modal-error{background:#400;color:#fcc;border-color:#600}.dark-theme .modal-preview{background:var(--color-primary-900);border-color:var(--color-primary-700)}.dark-theme .modal-preview-label{color:var(--color-primary-300)}.dark-theme .modal-preview-value{color:var(--color-primary-100)}.dark-theme .modal-hint{background:var(--color-gray-800)}.dark-theme .modal-button--secondary{background:var(--color-gray-700);color:var(--color-gray-100)}.dark-theme .modal-button--secondary:hover{background:var(--color-gray-600)}.dark-theme .modal-close-button:hover{background:var(--color-gray-800)}.dark-theme .modal-close-button:active{background:var(--color-gray-700)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:modalFadeIn .2s ease-out}.modal-form-group{margin-bottom:var(--space-3)}.modal-label{display:block;margin-bottom:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary)}.modal-input{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-lg);font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);text-align:right;transition:border-color .2s,box-shadow .2s}.modal-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.modal-input::placeholder{color:var(--color-text-tertiary);text-align:left}.modal-select{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-lg);font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);text-align:right;transition:border-color .2s,box-shadow .2s;cursor:pointer}.modal-select:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.modal-textarea{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-base);font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);transition:border-color .2s,box-shadow .2s;resize:vertical;min-height:80px}.modal-textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.modal-textarea::placeholder{color:var(--color-text-tertiary)}.modal-error{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:#fee;color:#c00;border:1px solid #fcc;border-radius:var(--radius-md);font-size:var(--fs-sm);text-align:center;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.modal-preview{grid-column:1 / span 3;padding:var(--space-3);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-right:30%}.modal-preview-label{font-size:var(--fs-sm);color:var(--color-primary-700);font-weight:var(--fw-medium)}.modal-preview-value{font-size:var(--fs-lg);font-family:var(--font-mono);color:var(--color-primary-900);font-weight:var(--fw-semibold)}.modal-hint{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:1.5}.modal-hint strong{color:var(--color-text);font-weight:var(--fw-semibold)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border)}.modal-button{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;transition:background-color .2s,transform .1s;min-width:100px}.modal-button:active{transform:scale(.98)}.modal-button--secondary{background:var(--color-gray-100);color:var(--color-text)}.modal-button--secondary:hover{background:var(--color-gray-200)}.modal-button--primary{background:var(--color-primary-500);color:#fff}.modal-button--primary:hover{background:var(--color-primary-600)}.modal-button--primary:active{background:var(--color-primary-700)}.modal-close-button{background:none;border:none;font-size:24px;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s,color .2s}.modal-close-button:hover{background:var(--color-gray-100);color:var(--color-text)}.modal-close-button:active{background:var(--color-gray-200)}@media(max-width:768px){.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:var(--space-3)}}@media(max-width:600px){.modal-backdrop{padding:var(--space-2)}.modal-input,.modal-select,.modal-preview-value{font-size:var(--fs-base)}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{animation:modalFadeIn .2s ease-out}.modal-content{animation:modalSlideIn .3s ease-out}.modal-rows-container{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.modal-row{display:grid;grid-template-columns:160px 1fr 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow .2s}.modal-row:hover{box-shadow:var(--shadow-sm)}.modal-row--first .modal-row__value{grid-column:2}.modal-row__operator{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-base);font-family:var(--font-mono);cursor:pointer;transition:border-color .2s;min-width:160px;text-align:right}.modal-row__operator:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 2px #3b82f61a}.modal-row__value{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-base);font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);text-align:right;transition:border-color .2s}.modal-row__value:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 2px #3b82f61a}.modal-row__memo{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-bg);color:var(--color-text-secondary);transition:border-color .2s;text-align:right}.modal-row__memo:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 2px #3b82f61a}.modal-row__delete{background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-sm);color:var(--color-red-600);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;transition:background-color .2s}.modal-row__delete:hover:not(:disabled){background:var(--color-red-100);border-color:var(--color-red-300)}.modal-row__delete:active:not(:disabled){background:var(--color-red-200)}.modal-row__delete:disabled{background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed;opacity:.5}.modal-preview-container{display:grid;grid-template-columns:160px 1fr 1fr auto;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3)}.modal-add-row-button{grid-column:4;padding:var(--space-2) var(--space-3);background:var(--color-primary-50);border:1px dashed var(--color-primary-300);border-radius:var(--radius-md);color:var(--color-primary-600);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background-color .2s,border-color .2s}.modal-add-row-button:hover{background:var(--color-primary-100);border-color:var(--color-primary-400);border-style:solid}.modal-add-row-button:active{background:var(--color-primary-200)}@media(prefers-color-scheme:dark){.modal-row{background:var(--color-bg-elevated);border-color:var(--color-gray-700)}.modal-row__operator,.modal-row__value,.modal-row__memo{background:var(--color-bg);border-color:var(--color-gray-600)}.modal-row__delete{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.modal-row__delete:hover:not(:disabled){background:#ef444433;border-color:#ef444466}.modal-add-row-button{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.modal-add-row-button:hover{background:#3b82f626;border-color:#3b82f666}}@media(max-width:550px){.modal-row{grid-template-columns:1fr;gap:var(--space-1)}.modal-row__operator,.modal-row__value,.modal-row__memo{grid-column:1}.modal-row__delete{grid-column:1;width:100%;height:36px}}@media(max-width:600px){.modal-rows-container{gap:var(--space-3)}.modal-row{padding:var(--space-3)}}