:root{--font-sans: "Noto Sans", sans-serif;--font-mono: "Noto Sans Mono", monospace;--font-serif: "Noto Serif", serif;--color-bg: #ffffff;--color-text: #000000;--color-border: #000000;--color-bg-button: #f4f4f4;--color-bg-button: #fbfbfb;--color-bg-button: #ffffff;--color-blue: #1f5cff;--color-red: #d92d20;--color-orange: #e66f00;--color-soft-blue: #eef3ff;--color-soft-red: #fff1ef;--color-soft-orange: #fff7e8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 10px;--radius-md: 14px;--radius-pill: 999px;--size-text-xs: 12px;--size-text-sm: 14px;--size-text-md: 16px;--size-text-lg: 20px;--button-height: 30px;--input-height: 44px;--header-height: 57px;--tabbar-height: 57px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;font-size:100%;color:inherit;font:inherit;vertical-align:baseline}b{font-weight:700}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--size-text-md)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{background:transparent;cursor:pointer}input,textarea{min-width:0;width:-webkit-fill-available;min-height:var(--input-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);padding:var(--space-2);font-size:16px;outline:none}:is(input,textarea)::placeholder{color:inherit;opacity:.67;font-weight:400}textarea{resize:none;min-height:120px}input:focus,textarea:focus{border-color:var(--color-blue)}.screen-root{min-height:100dvh;background:var(--color-bg)}.auth-root{display:flex;padding:var(--space-4)}.auth-box{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.auth-form{max-width:420px;display:flex;flex-direction:column;gap:var(--space-2)}.app-root{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-header{border-bottom:1px solid var(--color-border);padding:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.header-view{width:100%;max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.header-left,.header-right,.stack,.field,.view,.list,.row-main{display:flex;flex-direction:column}.header-left,.stack,.field,.view,.list,.row-main{gap:var(--space-2)}.header-right{align-items:flex-end;gap:var(--space-2);font-size:var(--size-text-sm)}.app-line,.mono-line{font-family:var(--font-mono)}.app-line{font-size:var(--size-text-md)}.view-title,.auth-copy{font-weight:500}.feedback-line,.feedback-inline,.row-sub,.empty-line,.field-label{font-size:var(--size-text-sm)}.feedback-line,.feedback-inline{color:var(--color-blue)}.pane-stack{position:relative;flex:1 1 0;min-height:0;overflow:auto}.pane{height:100%;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;visibility:hidden;pointer-events:none;padding:var(--space-2);padding-bottom:calc(var(--space-2) * 2)}.pane.is-active{position:unset;visibility:visible;pointer-events:auto}.view{max-width:720px;margin:0 auto;min-height:100%}.view-head{min-height:var(--button-height)}.view-head,.button-row,.row-card,.row-actions,.row-topline,.auth-tabs,.tabbar{display:flex;align-items:center}.view-head,.row-card,.row-topline{justify-content:space-between}.button-row,.row-actions,.auth-tabs{gap:var(--space-2)}.button-row{gap:var(--space-1)}.field-label{font-family:var(--font-mono)}.button,.icon-button,.tab-button{font-size:var(--size-text-sm);min-height:var(--button-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg-button);box-shadow:0 1px currentColor;margin-bottom:1px;min-height:calc(var(--button-height) - 1px);-webkit-user-select:none;user-select:none}:is(.button,.icon-button,.tab-button):disabled{cursor:default;color:var(--color-text);border-color:var(--color-border);box-shadow:0 1px currentColor;background:color-mix(in srgb,currentColor 10%,transparent)!important;filter:grayscale(100%) opacity(.5)}:is(.button,.icon-button,.tab-button):not(:disabled):active{box-shadow:none;transform:translateY(1px)}.button,.tab-button{padding:0 12px}.button,.icon-button,.tab-button,.row-link,.history-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.button,.icon-button{border-radius:var(--radius-pill);padding:0 var(--space-3)}.button-blue,.tab-button.is-active{border-color:var(--color-blue);color:var(--color-blue);background:var(--color-soft-blue)}.button-red{border-color:var(--color-red);color:var(--color-red);background:var(--color-soft-red)}.button-orange{border-color:var(--color-orange);color:var(--color-orange);background:var(--color-soft-orange)}.icon-button-red{border-color:var(--color-red);color:var(--color-red);background:var(--color-soft-red)}.icon-button-orange{border-color:var(--color-orange);color:var(--color-orange);background:var(--color-soft-orange)}.icon-button{width:44px;min-width:44px;padding:0}.list{gap:var(--space-2)}.row-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);gap:var(--space-2);align-items:flex-start}.row-title{display:flex;align-items:center;white-space:pre}.row-main{flex:1;min-width:0}.row-link,.history-button{align-items:flex-start;justify-content:flex-start;text-align:left}.row-sub{overflow-wrap:anywhere;font-size:var(--size-text-xs)}.multiline-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.textarea-note{min-height:220px;flex:1 1 0}.textarea-jarvis{min-height:320px;font-family:var(--font-mono);word-break:break-all;font-size:8px}.tabbar{flex-shrink:0;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));gap:var(--space-2);overflow-x:auto}.tabbar-view{width:100%;height:100%;max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tab-button{flex:1 0 auto;height:100%}.tab-button:not(:has(.tab-label)){flex:0 0 auto}.loading-line{padding:var(--space-4)}@media (max-width: 500px){.tab-button:not(.is-active) .tab-label{display:none}.tab-button.is-active .tab-label{display:none}}.image-list{width:100%;display:flex;overflow:auto;gap:var(--space-1)}.image-list img{height:5em;border-radius:3px;image-rendering:pixelated}.image-list .image-container{display:flex}.access-card{max-width:100%;display:flex;gap:var(--space-2);cursor:pointer}.access-left{display:flex;gap:var(--space-2);flex:1 1 0;min-width:0}.access-info{flex:1 1 0;min-width:0}.access-title-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-title-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.access-image-wrap{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.access-image{display:block;height:var(--input-height);width:auto;object-fit:cover}.mobile-app-screen{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);--item-count-per-row: 3;--item-width: calc((100% - var(--space-2) * (var(--item-count-per-row) - 1)) / var(--item-count-per-row))}.mobile-app-item{width:var(--item-width);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.mobile-app-item-icon{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 1px var(--color-border)}.mobile-app-item-icon img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.mobile-app-item-label{font-size:var(--size-text-xs)}